Web Interface between Raspberry Pi and Sense HAT


no pic

Fig: A Raspberry Pi and a SenseHAT

Color Picker

Red no pic Green no pic Blue no pic

Selected RGB color


Selected RGB color code=







LED Matrix Control Color Calibration

Select LEDs:










Click "OK" button to Transfer data to Raspberry Pi.

Click "Reset" button to reset data.

Click "OK" button to set all data to Raspberry Pi.


Selected RGB color code=

Calibrated Color codes=

Difference between color codes=


3D Scatter Plot

I used plotly.js for adding a 3D scatter plot on the webpage. In the plot, it shows the RGB values of each input color code and the measured color code from the respective uploaded image.

Fig : 3D scatter plot (Here, trace0 is for input data from the webpage, trace1 is for measured data from the uploaded images (without a color diffuser), trace2 is for measured data from the uploaded images (with a color diffuser).








Tutorial Source

All About Raspberry Pi

  • Raspberry Pi
  • Sense HAT Tutorial

  • Sense HAT