processing_realtime_simdata_arduino

This is for real time data rendering on the laptop for data from the Arduino Uno.

Ever wondered how to visualize the data from Serial port of the Arduino ?

Background: The Arduino print statements appear on the Serial Monitor of the Arduino IDE. However if you want to render a barchart, pie chart or any advanced charting - luckily there is an Open Source tool called 'Processing' which can let you do that. Look for some important links below at the end of this blog. Getting it up and running is only a few minutes.

To view the visualization, download the processing tool that can run on your laptop, ( Mac, Windows, Linux etc ) this is open source and has many bells and whistles that goes with the application. Coding this visualization tool is similar to 'C' and the IDE is similar to the Arduino IDE.

alt tag

Here I have the code which is similar to the 'C' language and the interface to the Processing IDE is similar to the Arduino IDE.

There are 2 parts to get the visualization working: One is pde file that is the sketch to be run on the Processing IDE ( realtime_tempdata.pde ) , and the other ( sketch_sep25a.ino) that is run on the Arduino which simulates the temperature readings from the Microcontroller and prints it to Serial output. The Processing IDE captures that - and prints that Visualization data in the form of a Bar Chart. One can use other types of charts as well.

To get this running - have the Arduino Uno connected to the laptop and also the Processing IDE running at the same time ( as this is real-time data ) The Arduino simulator here is generating random numbers and you can modify it to show different values, strings etc.

Enjoy !

alt tag alt tag alt tag alt tag

Important Links :

Book from Safari :

https://www.safaribooksonline.com/blog/2013/12/02/intro-to-processing-js-a-data-visualization-primer/

Download processing :

https://processing.org/