2D layout algorithms for visualizing hierarchical data.

Mike Bostock

Apollonius’ Problem

Treemap

Sunburst

Tidy tree

Cluster tree

Radial cluster tree

Icicle

Circle packing

Radial tidy tree

Bubble chart

d3.groups as a hierarchy

Random Tree

Hierarchy traversal, animated

Bilevel Edge Bundling

Indented tree

Zoomable treemap

Hierarchical edge bundling II

Marimekko

d3.packEnclose

Hierarchical bar chart

Force-directed tree

d3.stratify

Visiting a d3.hierarchy

d3.hierarchy

Cascaded treemap

Nested treemap

Treemap by count

Stretched Treemap

Collapsible tree

Hierarchical edge bundling

Zoomable circle packing

Zoomable sunburst

Zoomable icicle

Bubble chart component

Circle packing component

D3 Documentation

d3-hierarchy

Drag and drop SVG, HTML or Canvas using mouse or touch input.

d3-drag

Mike Bostock,
What happens when ab is zero?
In general when:
- 2 circles are concentric -> Solutions may exists when the third center is in the annulus
- The 3 centers are co-linear -> Depending the radii there can be solutions.

You can reach me on my e-mail I used to sign in

style