Cubism.js is a great D3 plugin developed by Mike Bostock for displaying time series in real-time. With Cubism, you’ll be able to create better real-time dashboards, pulling data from various sources.

In terms of flexibility, Cubism.js is highly customizable via CSS and JavaScript, and it also lets you add new chart types and modes of interaction. It has built-in support for Graphite and Cube, and can be readily extended to fetch data from other sources as well. Moreover, with client-side metric arithmetic, it allows further flexibility by combining metrics from multiple sources.

If you’re worried about server load when it comes to fetching time series data, you won’t have to with Cubism. Cubism fetches data incrementally, and only polls the most recent data values thereby reducing server load.

Cubism allows you to see more metrics at a glance compared to standard line and area charts because it uses a more space-efficient time series visualization technique known as horizon graphs or charts. It favors per-pixel metrics, which means it increases data density where each pixel encodes a distinct point in time.

Cubism is available under the Apache License. For a more in depth look at Cubism.js and for further reading, just head on over to its official GitHub page.

Incoming search terms for the article:

• cubism js tutorial
• cubism js
• css3 time series
• javascript time series visualization
• cubism tutorial diagramm
• web jstime
• cubism js#
• cubism how to fetch data
• cubismjs bootstrap
• d3 cubism tutorial