Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
---|---|---|---|---|---|---|---|---|---|---|
Uplot | 8,054 | 35 | a day ago | 55 | January 27, 2023 | 92 | mit | JavaScript | ||
📈 A small, fast chart for time series, lines, areas, ohlc & bars | ||||||||||
Plotjuggler | 3,631 | a day ago | 117 | mpl-2.0 | C++ | |||||
The Time Series Visualization Tool that you deserve. | ||||||||||
Smoothie | 2,190 | 127 | 11 | 8 months ago | 22 | July 18, 2022 | 27 | other | JavaScript | |
Smoothie Charts: smooooooth JavaScript charts for realtime streaming data | ||||||||||
Histo | 689 | 11 years ago | 6 | C | ||||||
beautiful charts in the terminal for static or streaming data | ||||||||||
Gb28181.solution | 523 | 2 months ago | 2 | other | C# | |||||
Linux/Win/Docker/kubernetes/Chart/Kustomize/GB28181/SIP/RTP/SDP/WebRTC/作为上下级域/平台级联互联 | ||||||||||
Chartjs Plugin Streaming | 404 | 33 | 8 | 8 months ago | 18 | June 19, 2021 | 58 | mit | JavaScript | |
Chart.js plugin for live streaming data | ||||||||||
Rillrate | 380 | 19 | 2 years ago | 47 | September 26, 2021 | n,ull | apache-2.0 | Rust | ||
Real-time UI for bots and tools | ||||||||||
K8s | 352 | 9 days ago | 14 | apache-2.0 | Go | |||||
NATS on Kubernetes with Helm Charts | ||||||||||
Pulsar Helm Chart | 182 | 6 days ago | 99 | apache-2.0 | Shell | |||||
Official Apache Pulsar Helm Chart | ||||||||||
Datadash | 169 | 6 months ago | 5 | mit | Go | |||||
Visualize and graph data in the terminal |
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.
git clone [email protected]:joewalnes/smoothie.git
bower install smoothie
npm install smoothie
yarn add smoothie
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);
For help, use the Smoothie Charts Google Group.
License (MIT)