block by eesur 599f65bffe30425a4497f8dd90fc4478

d3js | negative waterfall chart

Full Screen

Waterfall chart with negative values

The Waterfall chart renders the given data as a series of vertical bars, showing the cumulative effect of each bar. The chart is visualising a starting quantity, positive and negative changes to that quantity, and the resulting ending quantity. Ascending and descending bars are classed with ‘up’ (green) and ‘down’ (red) respectively.

Mike Bostock’s vertical example More info

script.js

index.html

dist.css

dist.js

sampleData.js

style.styl