Sensor Visualization on HMI

Sensor Visualization on HMI · Course page

Turn acceleration into tilt angles, sample a signal correctly and draw it live, and assemble a four-card Mini-HMI Dashboard that keeps running.

Module objectives

Read a real sensor (the IMU, the compass, CapSense, the knob) and tell its story on screen so a reader understands it: a two-axis digital level, a three-axis acceleration chart that knows its loop’s real period, and a four-card dashboard that stays within the widget budget and runs for ten minutes.

Lessons

Lesson	Topic	Time (min)	Slides
3.1	The accelerometer and tilt: roll and pitch	45	slides.md
3.2	Gyro, the complementary filter and the level code	55	slides.md
3.3	Hands-on: a digital level	70	slides.md
3.4	Sampling a signal correctly: Nyquist, aliasing and the ring buffer	50	slides.md
3.5	ui.Chart: multi-series charts and the loop’s real period	55	slides.md
3.6	Hands-on: a three-axis acceleration chart	70	slides.md
3.7	HMI design: cards, eye path, colour and the widget budget	55	slides.md
3.8	Assembling a dashboard: four cards in one loop	60	slides.md
3.9	Hands-on: the Mini-HMI Dashboard and a 10-minute test	75	slides.md

The lessons in this module come in sets of three: concept → code walk-through → hands-on (the third lesson of each set has practice files and solutions).

Module checkpoint

You pass this module when you can do every item below (the details are in the Lab section of the hands-on lessons):

• Laid flat, it reads about 0°; tilted, the roll/pitch bars move in the correct direction, and threshold lamps light one at a time
• Three chart lines run live, the stop button really stops the data, and the screen reports the loop’s real period in milliseconds
• You can explain aliasing from your own loop’s real period figure
• The four-card dashboard stays within the 32-widget budget and runs continuously for 10 minutes with no hang and no Traceback