23

Data logger and a dashboard built with javascript + serialport + arduino + quark...

 5 years ago
source link: https://www.tuicool.com/articles/6fqQRzv
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

Arduino Dashboard

Create a dashboard and a data logger for Arduino in javascript with node-serialport library. Under 250 lines of code!! :grin:

IFJneyE.gif

Features

Serialport selector:A graphical user interface component that allows you to select the serialport for your Arduino.

6RRJzmy.png!web

Dashboard:A dashboard that prints the real time values on the screen and also draws charts.

ueQva2A.png!web

Datalogger:A data logger that will read data from arduino and save it on your computer in csv format.

YnYV7nE.png!web

Getting started

  • Clone this repository
  • cd examples/arduino-dashboard
  • Upload the arduino.ino file to the arduino.
  • Open project file arduino-dashboard.qrk to edit project, or build file arduino-dashboard.build.qrk to run the project in Quark.

Running the project

arduino-dashboard.build.qrk
ctrl+p

6RRJzmy.png!web

  • To start the data logger, open the commands palette by pressing ctrl+shift+p , and select Datalogger: Start command. You will see a notification on the bottom right of your screen if the logger was started.
  • To stop the data logger, open the commands palette and select command Datalogger: Stop . This will open a save dialog where you can enter the path of the file where you want to save your data.

Going further

Here are some ideas on how it can be improved using other Quark API's.

  • Add buttons on status bar to start or stop data logger.
  • Convert the bar chart into a pie chart.

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK