Using our Graphics Library to show them analytics!
summary
Builds a custom JavaScript graphics library that actually works: it uses Canvas and jQuery to draw eight separate charts, polls ThingSpeak via AJAX every 120000 ms, averages incoming sensor readings into 30-point windows, and adapts y‑scale automatically so brief outliers (e.g. a jump from 20–30 to 100) don’t distort the display. The demo shows data stored in localStorage, time ticks on the x axis, small plotted circles for points, and a running visualization that updates as expected.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 3:19Graphics library design
- 8:16ERRES guideline
- 11:26Planning functionality
- 14:22Initializing library
- 20:26Sensor data display
- 25:00Drawing data points
- 33:24AJAX integration
- 38:43HTML/CSS visualization
- 41:14Summary
related talks
01h 55mUse your data to tell stories
33mPainting with Data
15mThe Future of Data Visualization on the Web
37mPainting with Data
21mVisualizing data with JavaScript at Twitter
24mCreating Interactive Data Visualizations for the Web
03mVisualizing data with JavaScript at Twitter
43mThe Future of Data Visualization on the Web