> For the complete documentation index, see [llms.txt](https://docs.aic-eec.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.aic-eec.com/interfacing-with-infineon-psoc-tm-edge/hmi-development/sensor-to-hmi-display/ux-ui-workshops.md).

# UX/UI Workshops

### 1. ภาพรวมการบูรณาการ Sensor กับ LVGL

#### Sensor → Widget Mapping

<table><thead><tr><th width="155.48370361328125">Sensor Type</th><th width="178.94744873046875">ข้อมูล</th><th width="180.0362548828125">Widget ที่เหมาะสม</th><th>เหตุผล</th></tr></thead><tbody><tr><td><strong>ADC</strong></td><td>0-4095 (12-bit)</td><td>Slider, Bar, Arc</td><td>Linear value mapping</td></tr><tr><td><strong>Accelerometer</strong></td><td>±2g (m/s²)</td><td>Chart, Scale, Bar</td><td>3-axis real-time</td></tr><tr><td><strong>Gyroscope</strong></td><td>±2000°/s</td><td>Arc, Chart</td><td>Angular velocity</td></tr><tr><td><strong>Orientation</strong></td><td>6 states</td><td>Label, LED</td><td>Discrete states</td></tr><tr><td><strong>Temperature</strong></td><td>°C</td><td>Scale, Label</td><td>Single value</td></tr></tbody></table>

***