abruzzi / shokunin-may

Real-Time Sensor Data Visualization (ThoughtWorks Australia Shokunin May Challenge)

Shokunin May - Real-Time Sensor Data Visualization

Live Demo can be found here.

To setup, you need to install all the dependencies first:

npm install

After all packages are installed, launch a dev server by:

npm run dev

Then on page http://localhost:1234, you would see something like this if everything goes well.

And if you click the button on top-right corner, you would see a Drawer shows up as:

Tech stack

Runtime dependencies:

• React - UI rendering
• Antd - UI grid system (24 columns grid)
• React-Leaflet - the background map
• Rickshaw - real time charting
• PubNab - pub-and-sub to pubnab real time data

Development dependencies:

• Parcel - build and run
• jest - unit tests

References

• RRDTool
• Moving Average
• Visualize your real-time data That's right, it was me

Issue found

Rickshaw is using some reserved variables like $super that uglify doesn't like, so when I build the package and minify it then some errors occurred. I have to fallback to un-minified for now.