block by biovisualize f84111e34edc6d594216

10K points line chart with progressive rendering

Full Screen

10K points in an interactive line chart using the excellent Kay Chang’s (AKA Syntagmatic) progressive rendering.

It also uses some nice tricks like throttling the brush move (from underscore) and bisecting the data points to find the hovered dots. The reactive hover and tooltip clearly shows that the UI is not blocked by the rendering. You can even hover the points before they are rendered!

index.html

chart-tooltip.js

chart-utils.js

render-queue.js

style.css