Tag Archives: GUI

In this video lesson we show you how to plot live data in Python using PyQt5. In this lesson, we generate the data in python on the fly, but in future lessons we will bring the data in from the Arduino Project over WiFi using UDP. For your convenience, the code we developed in this lesson is below:

import pyqtgraph as pg
from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
from PyQt5.QtGui import QGuiApplication
import sys
from math import sin,pi
import time

Period = 5
frequency = 1/Period
numPoints = 500
timeStep = Period/numPoints
redData = [0]*numPoints
timeData =[0]*numPoints

app = QApplication([])
window = QMainWindow()
window.setWindowTitle("Red Sine Wave Graph")
window.setGeometry(100,100,800,600)

#screens =QGuiApplication.screens()
#window.move(screens[1].geometry().x() +100,screens[1].geometry().y() +100)

widgetContainer =QWidget()
window.setCentralWidget(widgetContainer)

mainLayout = QVBoxLayout(widgetContainer)

plotWidget = pg.PlotWidget()
plotWidget.setLabel("left", "y=sin(2*Pi*f*t")
plotWidget.setLabel("bottom", "Time (s)")
plotWidget.setTitle("My Fine Sin Wave")
plotWidget.addLegend()
mainLayout.addWidget(plotWidget)

for i in range(numPoints):
    t = i * timeStep
    timeData[i] = t
    redData[i] = sin(2*pi*frequency*t)

redPlot = plotWidget.plot(timeData,redData, pen=pg.mkPen("r", width=3), name="Red")
tStart = time.perf_counter()
def updateGraph():
    global t,tStart,frequency
    t = t +timeStep
    r= sin(2*pi*frequency*t)
    for i in range(numPoints -1):
        redData[i] = redData[i+1]
        timeData[i] = timeData[i+1]
    redData[numPoints - 1] = r
    timeData[numPoints -1] = t
    redPlot.setData(timeData,redData)
    if redData[0] <=0 and redData[1] > 0:
        measuredPeriod = time.perf_counter() - tStart
        print("Measured Period: ",measuredPeriod)
        tStart = time.perf_counter()

timer = QTimer()
timer.timeout.connect(updateGraph)
timer.start(int(timeStep*1000))

window.show()
sys.exit(app.exec_())

import pyqtgraph as pg

from PyQt5.QtWidgets import *

from PyQt5.QtCore import *

from PyQt5.QtGui import QGuiApplication

import sys

from math import sin,pi

import time

Period = 5

frequency = 1/Period

numPoints = 500

timeStep = Period/numPoints

redData = [0]*numPoints

timeData =[0]*numPoints

app = QApplication([])

window = QMainWindow()

window.setWindowTitle("Red Sine Wave Graph")

window.setGeometry(100,100,800,600)

#screens =QGuiApplication.screens()

#window.move(screens[1].geometry().x() +100,screens[1].geometry().y() +100)

widgetContainer =QWidget()

window.setCentralWidget(widgetContainer)

mainLayout = QVBoxLayout(widgetContainer)

plotWidget = pg.PlotWidget()

plotWidget.setLabel("left", "y=sin(2*Pi*f*t")

plotWidget.setLabel("bottom", "Time (s)")

plotWidget.setTitle("My Fine Sin Wave")

plotWidget.addLegend()

mainLayout.addWidget(plotWidget)

for i in range(numPoints):

t = i * timeStep

timeData[i] = t

redData[i] = sin(2*pi*frequency*t)

redPlot = plotWidget.plot(timeData,redData, pen=pg.mkPen("r", width=3), name="Red")

tStart = time.perf_counter()

def updateGraph():

global t,tStart,frequency

t = t +timeStep

r= sin(2*pi*frequency*t)

for i in range(numPoints -1):

redData[i] = redData[i+1]

timeData[i] = timeData[i+1]

redData[numPoints - 1] = r

timeData[numPoints -1] = t

redPlot.setData(timeData,redData)

if redData[0] <=0 and redData[1] > 0:

measuredPeriod = time.perf_counter() - tStart

print("Measured Period: ",measuredPeriod)

tStart = time.perf_counter()

timer = QTimer()

timer.timeout.connect(updateGraph)

timer.start(int(timeStep*1000))

window.show()

sys.exit(app.exec_())

Arduino, Python

Use PyQt5 to Create a Graphical User Interface for Arduino Project Over WiFi

May 22, 2025 admin

In this video lesson we introduce you to creating Graphical User Interfaces (GUI) to control your arduino project over WiFi using PyQt5. For this first introduction, we show you how to create the PyQt5 Widget on your PC using Python. Then your homework will be to control your arduino using the widget over WiFi. For your convenience, the code we developed in the lesson is presented below.

from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
import sys

app = QApplication([])

window = QMainWindow()
window.setWindowTitle('Welcome to GUI World')
window.setGeometry(100,100,500,300)

widgetContainer = QWidget()
window.setCentralWidget(widgetContainer)
mainLayout = QVBoxLayout(widgetContainer)

label = QLabel("Welcome to PyQt5!")
label.setAlignment(Qt.AlignCenter)
label.setStyleSheet("font-size: 24px; color: blue; padding: 10px;")
label.setFixedHeight(50)
mainLayout.addWidget(label)

pushButtonLayout = QHBoxLayout()
mainLayout.addLayout(pushButtonLayout)

pushButtonRed = QPushButton("Blink Red!")
pushButtonRed.setStyleSheet("background-color: red; color: white; font-size: 24px; padding:10;")
pushButtonRed.setFixedSize(150,50)
def pushButtonRedClicked():
    label.setText("Blink Red!")
    label.setStyleSheet(" font-size: 24px;color: red; padding:10;")
pushButtonRed.clicked.connect(pushButtonRedClicked)
pushButtonLayout.addWidget(pushButtonRed)

pushButtonGreen = QPushButton("Blink Green!")
pushButtonGreen.setStyleSheet("background-color: green; color: white; font-size: 24px; padding:10;")
pushButtonGreen.setFixedSize(150,50)
def pushButtonGreenClicked():
    label.setText("Blink Green!")
    label.setStyleSheet(" font-size: 24px;color: green; padding:10;")
pushButtonGreen.clicked.connect(pushButtonGreenClicked)
pushButtonLayout.addWidget(pushButtonGreen)

pushButtonBlue = QPushButton("Blink Blue!")
pushButtonBlue.setStyleSheet("background-color: blue; color: white; font-size: 24px; padding:10;")
pushButtonBlue.setFixedSize(150,50)
def pushButtonBlueClicked():
    label.setText("Blink Blue!")
    label.setStyleSheet(" font-size: 24px;color: blue; padding:10;")
pushButtonBlue.clicked.connect(pushButtonBlueClicked)
pushButtonLayout.addWidget(pushButtonBlue)

toggleButtonLayout = QHBoxLayout()
mainLayout.addLayout(toggleButtonLayout)


toggleButtonRed = QPushButton("Toggle Red")
toggleButtonRed.setCheckable(True)
toggleButtonRed.setStyleSheet("background-color: red; color: white; font-size: 18px; padding:10;")
toggleButtonRed.setFixedSize(150,50)
def toggleRed(checked):
    if checked:
        label.setText("Red Toggle ON")
        label.setStyleSheet(" font-size: 24px;color: red; padding:10;")
        
    if not checked:
        label.setText("Red Toggle OFF")
        label.setStyleSheet(" font-size: 24px;color: red; padding:10;")

toggleButtonRed.toggled.connect(toggleRed)
toggleButtonLayout.addWidget(toggleButtonRed)

toggleButtonGreen = QPushButton("Toggle Green")
toggleButtonGreen.setCheckable(True)
toggleButtonGreen.setStyleSheet("background-color: green; color: white; font-size: 18px; padding:10;")
toggleButtonGreen.setFixedSize(150,50)
def toggleGreen(checked):
    if checked:
        label.setText("Green Toggle ON")
        label.setStyleSheet(" font-size: 24px;color: green; padding:10;")
        
    if not checked:
        label.setText("Green Toggle OFF")
        label.setStyleSheet(" font-size: 24px;color: green; padding:10;")

toggleButtonGreen.toggled.connect(toggleGreen)
toggleButtonLayout.addWidget(toggleButtonGreen)

toggleButtonBlue = QPushButton("Toggle Blue")
toggleButtonBlue.setCheckable(True)
toggleButtonBlue.setStyleSheet("background-color: blue; color: white; font-size: 18px; padding:10;")
toggleButtonBlue.setFixedSize(150,50)
def toggleBlue(checked):
    if checked:
        label.setText("Blue Toggle ON")
        label.setStyleSheet(" font-size: 24px;color: blue; padding:10;")
        
    if not checked:
        label.setText("Blue Toggle OFF")
        label.setStyleSheet(" font-size: 24px;color: bllue; padding:10;")

toggleButtonBlue.toggled.connect(toggleBlue)
toggleButtonLayout.addWidget(toggleButtonBlue)

mainLayout.addStretch()
window.show()
sys.exit(app.exec_())

100

101

102

103

104

105

from PyQt5.QtWidgets import *

from PyQt5.QtCore import *

import sys

app = QApplication([])

window = QMainWindow()

window.setWindowTitle('Welcome to GUI World')

window.setGeometry(100,100,500,300)

widgetContainer = QWidget()

window.setCentralWidget(widgetContainer)

mainLayout = QVBoxLayout(widgetContainer)

label = QLabel("Welcome to PyQt5!")

label.setAlignment(Qt.AlignCenter)

label.setStyleSheet("font-size: 24px; color: blue; padding: 10px;")

label.setFixedHeight(50)

mainLayout.addWidget(label)

pushButtonLayout = QHBoxLayout()

mainLayout.addLayout(pushButtonLayout)

pushButtonRed = QPushButton("Blink Red!")

pushButtonRed.setStyleSheet("background-color: red; color: white; font-size: 24px; padding:10;")

pushButtonRed.setFixedSize(150,50)

def pushButtonRedClicked():

label.setText("Blink Red!")

label.setStyleSheet(" font-size: 24px;color: red; padding:10;")

pushButtonRed.clicked.connect(pushButtonRedClicked)

pushButtonLayout.addWidget(pushButtonRed)

pushButtonGreen = QPushButton("Blink Green!")

pushButtonGreen.setStyleSheet("background-color: green; color: white; font-size: 24px; padding:10;")

pushButtonGreen.setFixedSize(150,50)

def pushButtonGreenClicked():

label.setText("Blink Green!")

label.setStyleSheet(" font-size: 24px;color: green; padding:10;")

pushButtonGreen.clicked.connect(pushButtonGreenClicked)

pushButtonLayout.addWidget(pushButtonGreen)

pushButtonBlue = QPushButton("Blink Blue!")

pushButtonBlue.setStyleSheet("background-color: blue; color: white; font-size: 24px; padding:10;")

pushButtonBlue.setFixedSize(150,50)

def pushButtonBlueClicked():

label.setText("Blink Blue!")

label.setStyleSheet(" font-size: 24px;color: blue; padding:10;")

pushButtonBlue.clicked.connect(pushButtonBlueClicked)

pushButtonLayout.addWidget(pushButtonBlue)

toggleButtonLayout = QHBoxLayout()

mainLayout.addLayout(toggleButtonLayout)

toggleButtonRed = QPushButton("Toggle Red")

toggleButtonRed.setCheckable(True)

toggleButtonRed.setStyleSheet("background-color: red; color: white; font-size: 18px; padding:10;")

toggleButtonRed.setFixedSize(150,50)

def toggleRed(checked):

if checked:

label.setText("Red Toggle ON")

label.setStyleSheet(" font-size: 24px;color: red; padding:10;")

if not checked:

label.setText("Red Toggle OFF")

label.setStyleSheet(" font-size: 24px;color: red; padding:10;")

toggleButtonRed.toggled.connect(toggleRed)

toggleButtonLayout.addWidget(toggleButtonRed)

toggleButtonGreen = QPushButton("Toggle Green")

toggleButtonGreen.setCheckable(True)

toggleButtonGreen.setStyleSheet("background-color: green; color: white; font-size: 18px; padding:10;")

toggleButtonGreen.setFixedSize(150,50)

def toggleGreen(checked):

if checked:

label.setText("Green Toggle ON")

label.setStyleSheet(" font-size: 24px;color: green; padding:10;")

if not checked:

label.setText("Green Toggle OFF")

label.setStyleSheet(" font-size: 24px;color: green; padding:10;")

toggleButtonGreen.toggled.connect(toggleGreen)

toggleButtonLayout.addWidget(toggleButtonGreen)

toggleButtonBlue = QPushButton("Toggle Blue")

toggleButtonBlue.setCheckable(True)

toggleButtonBlue.setStyleSheet("background-color: blue; color: white; font-size: 18px; padding:10;")

toggleButtonBlue.setFixedSize(150,50)

def toggleBlue(checked):

if checked:

label.setText("Blue Toggle ON")

label.setStyleSheet(" font-size: 24px;color: blue; padding:10;")

if not checked:

label.setText("Blue Toggle OFF")

label.setStyleSheet(" font-size: 24px;color: bllue; padding:10;")

toggleButtonBlue.toggled.connect(toggleBlue)

toggleButtonLayout.addWidget(toggleButtonBlue)

mainLayout.addStretch()

window.show()

sys.exit(app.exec_())

Raspberry Pi

Raspberry Pi LESSON 37: Run a Remote Graphical Desktop From the Raspberry Pi

June 4, 2015 admin

In earlier lessons we showed you how to remotely login to your Raspberry Pi using the putty SSH program. This is great for many things, but sometimes you would like to have the full Raspberry Pi graphical desktop available from a remote computer. In this lesson we show how to run the Pi Graphical User Interface remotely. The software is TightVNCserver, and it really works great. The video above steps you through installing and running the software.

Technology Tutorials

Tag Archives: GUI

Plot Live Data in Python Using PyQt5

Use PyQt5 to Create a Graphical User Interface for Arduino Project Over WiFi

Raspberry Pi LESSON 37: Run a Remote Graphical Desktop From the Raspberry Pi

Making The World a Better Place One High Tech Project at a Time. Enjoy!