Skip to main content
100%

Bubble Chart

✓ Published0🌍 Public
Aanaeliaovalle
Last edited Mar 13, 2017
Created on Mar 13, 2017

A bubble chart displays the Flare class hierarchy, encoding each class’s count as the area of a circle. Circles are packed tightly with d3.pack, colored by package using d3.scaleOrdinal and d3.schemeCategory20c, and labeled with clipped text. The code loads CSV data via d3.csv, builds a hierarchy with d3.hierarchy, and renders SVG circles, clipPaths, and titles. It follows an implementation by Jeff Heer and is forked from mbostock’s block.

AI-generated description

Bubble charts encode data in the area of circles. Although less perceptually-accurate than bar charts, they can pack hundreds of values into a small space. Implementation based on work by Jeff Heer. Data shows the Flare class hierarchy, also courtesy Jeff Heer.

forked from <a href='http://bl.ocks.org/mbostock/'>mbostock</a>'s block: <a href='http://bl.ocks.org/mbostock/4063269'>Bubble Chart</a>

gpl-3.0 Licensed

Similar vizzes