Chart.js: Line charts: confidence intervals

[void4]

Feature Proposal

The band around the line:

Feature Use Case

I'm visualizing ratings over time, these ratings are accompanied by an uncertainty at every point in time.

Possible Implementation

By adding 'up' and 'down' information to points in the datasets, the line charts could include confidence intervals around the lines {x:0, y:10, u:2, d:1}

[kurkle]

That can be done with 3 lines: https://codepen.io/kurkle/pen/QWwOOBa?editors=1010

[void4]

@kurkle Can you explain how this works? What associates the two Band datasets with the Line dataset?

Does this work with more than one line as well?

[kurkle]

Its the fill option. Works with more lines too.

[void4]

@kurkle Oooooh, that makes sense, very cool! Thank you!

[benmccann]

You may also be interested in this plugin: https://github.com/datavisyn/chartjs-plugin-error-bars

[void4]

@benmccann Interesting! I might use this for other visualizations on my site :)