smoothie

!npm version

Smoothie Charts is a really small charting library designed for _live
streaming data_. I built it to reduce the headaches I was getting from
watching charts jerkily updating every second.

See http://smoothiecharts.org

---

$3

* Hello world example
* Another example (server CPU usage)
* Another example (responsive layout)
* Tutorial
* Interactive builder
* Just the JavaScript: smoothie.js
* Full distribution (docs and examples): zip or tgz
* Repository: git clone git@github.com:joewalnes/smoothie.git
* Bower: bower install smoothie
* NPM: npm install smoothie
* Yarn: yarn add smoothie
* Introducing Smoothie Charts (blog entry)

---

$3

Given a :

``html

`

Create a time series and chart with code resembling:

`js
// Create a time series
var series = new TimeSeries();

// Find the canvas
var canvas = document.getElementById('chart');

// Create the chart
var chart = new SmoothieChart();
chart.addTimeSeries(series, { strokeStyle: 'rgba(0, 255, 0, 1)' });
chart.streamTo(canvas, 500);
`

Then, add data to your time series and it will be displayed on the chart:

`js
// Randomly add a data point every 500ms
setInterval(function() {
series.append(Date.now(), Math.random() * 10000);
}, 500);
``

---

$3

For help, use the Smoothie Charts Google Group.

---

License (MIT)

- Joe Walnes
- Drew Noakes