Try uPlot.js

[leeoniya]

i'll tag people here whose issues & use-cases in other charting libs could be good opportunities to try uPlot.

[leeoniya]

cc @arwenpi via chartjs/Chart.js#6611

uPlot should be quite a bit faster for data streaming. demo: https://leeoniya.github.io/uPlot/demos/stream-data.html

[leeoniya]

cc @koba-1 via chartjs/chartjs-plugin-zoom#306

https://jsfiddle.net/1eqsga6w/

[leeoniya]

cc @BatelAyala via highcharts/highcharts#12602, highcharts/highcharts#12662

here is your example using uPlot: https://jsfiddle.net/v4xuohk6/

if you need to plot 500,000 points, uPlot will easily handle this, too.

[leeoniya]

cc @drichardonline via https://github.com/drichardonline/chart-demo

[leeoniya]

cc @ptimson via amcharts/amcharts4#1965

here is your example using uPlot: https://jsfiddle.net/mb5rpzn7/

the chart completes rendering in ~85ms on my machine.

[leeoniya]

cc @ceefit via patternfly/patternfly-react#3429

uPlot should easily handle a 200 data point stream (it does quite well with thousands):

https://leeoniya.github.io/uPlot/demos/stream-data.html

[leeoniya]

cc @ben-spiller via danvk/dygraphs#355

legend series toggle is the default behavior in uPlot

[leeoniya]

cc @lab-w dygraphs is no longer maintained, perhaps uPlot can work for you.

maybe of interest to you, as well:

netdata/dashboard#66

[leeoniya]

@noobymcnoob

lol did they delete your question?

https://webcache.googleusercontent.com/search?q=cache:ChjBqL10wFQJ:https://community.plotly.com/t/how-to-improve-plotly-js-performance-to-match-or-exceed-uplot/38834+&cd=1&hl=en&ct=clnk&gl=us

[noobymcnoob]

No I deleted it because I figured I wouldn't get an answer.

…

On Wed., May 6, 2020, 1:46 p.m. Leon Sorokin, ***@***.***> wrote: @noobymcnoob <https://github.com/noobymcnoob> lol did they delete your question? https://webcache.googleusercontent.com/search?q=cache:ChjBqL10wFQJ:https://community.plotly.com/t/how-to-improve-plotly-js-performance-to-match-or-exceed-uplot/38834+&cd=1&hl=en&ct=clnk&gl=us — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#33 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AJDE4VBGPSBYFXEZ2WIRZODRQGPBBANCNFSM4JFRR4UA> .

[leeoniya]

i think their answer is to downsample on the server. from the plotly maintainer: https://news.ycombinator.com/item?id=23045956.

i'll add plotly to the benchmark later today based on [1], since it's pretty widely used. some preliminary numbers using box plots: #179

[1] https://plotly.com/javascript/line-charts/#basic-line-plot

[noobymcnoob]

If I wanted to downsample, I'd downsample. I don't want to. I will likely be switching to uPlot soon. Incredible performance! Minor suggestion: uPlot is tough to search for on the web. Name is not unique enough?

…

On Wed., May 6, 2020, 2:19 p.m. Leon Sorokin, ***@***.***> wrote: i think their answer is to downsample on the server. from the plotly maintainer: https://news.ycombinator.com/item?id=23045956. i'll add plotly to the benchmark later today based on [1], since it's pretty widely used. some preliminary numbers using box plots: #179 <#179> [1] https://plotly.com/javascript/line-charts/#basic-line-plot — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#33 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AJDE4VC2MHBIHUJIQM4CO2DRQGS23ANCNFSM4JFRR4UA> .

[leeoniya]

Minor suggestion: uPlot is tough to search for on the web.

Googling uPlot yields the first 3 proper matches on the first page for me.

Name is not unique enough?

that ship has sailed...and i'm happy with the name :)

[noobymcnoob]

Indeed, looks like the search engines have caught up.

…

On Wed, 6 May 2020 at 14:26, Leon Sorokin ***@***.***> wrote: Minor suggestion: uPlot is tough to search for on the web. Googling uPlot yields the first 3 proper matches on the first page for me. Name is not unique enough? that ship has sailed...and i'm happy with the name :) — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#33 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AJDE4VDCQXVXYV2OQQINZWLRQGTU5ANCNFSM4JFRR4UA> .

[leeoniya]

Plotly.js (scattergl) bench:

https://leeoniya.github.io/uPlot/bench/Plotly.js.html

[leeoniya]

cc @nagabhushant (via amcharts/amcharts4#2475)

amcharts has very poor performance. you should try something faster:

https://github.com/leeoniya/uPlot#performance

your examples should render in < 200ms with uPlot.

[leeoniya]

cc @runfaj (via amcharts/amcharts4#2720).

In this 48 chart page, v3 loads on average about 13 seconds. v4 always loads about 3x that time at 35 seconds on average.

even 13s is an absurd amount of time.