
How to: Graphically Visualize Data in Real Time Gewusst wie: Grafische Visualisierung von Daten in Echtzeit

Although the title of this post may sound a bit advanced or intimidating, fear not grasshopper, data visualization is actually quite simple. Obwohl der Titel von diesem Post klingt ein wenig fortgeschrittenem oder Einschüchterungen, fürchte dich nicht Heuschrecke, Visualisierung von Daten ist eigentlich ganz einfach. Using an outstanding program called Mit einem herausragenden Programm namens Processing Processing , we can read data through our computer's serial port and then display it visually. Wir können Daten über eine serielle Schnittstelle unserem Computer zu lesen und dann zeigt es visuell umzusetzen.

We'll use a wiimote in this tutorial since they're so many sensors to choose from and you can easily Wir werden einen Wiimote in diesem Tutorial verwenden, da sie so viele Sensoren sind zur Auswahl und Sie können leicht connect it to your pc verbinden Sie es mit Ihrem PC and und read data from it Lesen Sie Daten aus . . If you'd like to graph another type of sensor, you'll use the same methods but probably build your circuit differently. Wenn Sie die Grafik eine andere Art von Sensor möchten, werden Sie die gleichen Methoden anwenden, aber wahrscheinlich Aufbau Ihrer Schaltung anders. Learn about Mehr zum Thema all sorts of sensors alle Arten von Sensoren . .

Processing Processing is the program I use – It's pretty easy to learn, uses the same interface as ist das Programm, das ich verwenden - Es ist ziemlich einfach zu erlernen, verwendet die gleiche Schnittstelle wie Arduino Arduino , and can render 2D and 3D visualizations with small amounts of code. Können sowie 2D-und 3D-Visualisierungen zu machen mit geringen Mengen von Code. Before you jump in head first, I suggest you check out Bevor Sie in den Kopf springen ersten, empfehle ich Ihnen Check-out their examples ihre Beispiele to familiarize yourself with the code. um sich mit dem Code.
1. 1. The Code Der Kodex

Once your sensors are successfully transmitting to your serial port (learn how to Sobald Ihre Sensoren werden erfolgreich Übermittlung an die serielle Schnittstelle (lernen, wie man send serial data Versenden serieller Daten ), we can use that data to create a graph, thus creating a whole new perspective on our data. ), Können wir diese Daten verwenden, eine Grafik zu erstellen, wodurch eine ganz neue Sicht auf unsere Daten. To get you started, we'll first just Um Ihnen den Einstieg, wir werden zunächst nur graph one variable Graphen einer Variablen coming in from the serial port. kommen in über die serielle Schnittstelle. The results should look basically like the image above. Die Ergebnisse sollten im Wesentlichen wie das Bild oben anschauen.
2. 2. Graphing Mulitple Sensors and Inputs Graphing Mulitple Sensoren und Eingänge

Similar to the single variable graph above, we now Ähnlich wie bei der obigen Grafik einzige Variable, die wir jetzt graph multiple values Grafik mehrere Werte at the same time. zur gleichen Zeit. It's a bit more complicated since we have separate the variables. Es ist ein bisschen komplizierter, da wir uns trennen die Variablen haben. To learn more information about multivariable serial communication with arduino, check out the Um mehr Informationen über multivariable serielle Kommunikation mit Arduino, lesen Sie in der arduino site Arduino Website . .
For non-arduino data visualization, check out some of these Für Nicht-Arduino Datenvisualisierung, lesen Sie in einigen dieser fantastic examples fantastischen Beispielen . .
Don't miss out on future articles, subscribe for Verpassen Sie nicht über die künftigen Artikeln, Zeichnung free updates kostenlose Updates . .












































April 25th, 2009 25. April 2009
Mine doesn't look anything like yours, and I copied and pasted the code *scratches head* Otherwise, Very cool! Meins sieht nicht etwas verkaufen, und ich kopiert und eingefügt den Code * Kopf kratzt * Otherwise, very cool!
April 25th, 2009 25. April 2009
Yea, the code used to generate the pretty graphs above got misplaced…*woops*. Ja, der Code benutzt, um die schöne Graphiken zu erzeugen verlegt hat ... * woops *. Sorry about that, I'm in the process of re-writing it, will post it when I'm finished. Tut mir leid, ich bin in den Prozess der Re-writing, wird es nach, wenn ich fertig bin.