Smoothie

Smoothie Charts: smooooooth JavaScript charts for realtime streaming data
Alternatives To Smoothie
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Uplot8,05435a day ago55January 27, 202392mitJavaScript
📈 A small, fast chart for time series, lines, areas, ohlc & bars
Plotjuggler3,631
a day ago117mpl-2.0C++
The Time Series Visualization Tool that you deserve.
Smoothie2,190127118 months ago22July 18, 202227otherJavaScript
Smoothie Charts: smooooooth JavaScript charts for realtime streaming data
Histo689
11 years ago6C
beautiful charts in the terminal for static or streaming data
Gb28181.solution523
2 months ago2otherC#
Linux/Win/Docker/kubernetes/Chart/Kustomize/GB28181/SIP/RTP/SDP/WebRTC/作为上下级域/平台级联互联
Chartjs Plugin Streaming4043388 months ago18June 19, 202158mitJavaScript
Chart.js plugin for live streaming data
Rillrate380192 years ago47September 26, 2021n,ullapache-2.0Rust
Real-time UI for bots and tools
K8s352
9 days ago14apache-2.0Go
NATS on Kubernetes with Helm Charts
Pulsar Helm Chart182
6 days ago99apache-2.0Shell
Official Apache Pulsar Helm Chart
Datadash169
6 months ago5mitGo
Visualize and graph data in the terminal
Alternatives To Smoothie
Select To Compare


Alternative Project Comparisons
Readme

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


Getting Started


Example

Given a <canvas>:

<canvas id="chart" width="400" height="100"></canvas>

Create a time series and chart with code resembling:

// 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:

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

Questions

For help, use the Smoothie Charts Google Group.


License (MIT)

Popular Streaming Projects
Popular Chart Projects
Popular Networking Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Javascript
Chart
Real Time
Streaming
Series
Time Series
Charting Library
Streaming Data
Chart Component