liveBook · Manning

Icicle chart

An icicle chart is a hierarchical visualization that represents parent-child relationships with nested or stacked rectangular regions.

How 2 Manning books explain it

D3.js in Action, Third Edition

An icicle chart is a hierarchical visualization that represents parent-child relationships with nested or stacked rectangular regions.

How it is used
Visualizes parent-child relationships through adjacency, especially in information-technology visualizations.
How deep it goes
Defines adjacency and identifies d3.partition() as the layout generator, but stops short of an icicle-specific implementation walkthrough.
Examples
Uses language families, branches, and speaker counts to demonstrate hierarchical data suitable for multiple chart forms.
What you can do after
Build it from scratch by converting CSV or JSON into root data, applying d3.partition(), and drawing the resulting layout in SVG.

Read how D3.js in Action, Third Edition explains icicle chart →

Cloud Observability in Action

An Icicle Graph is Parca's term for a flame-graph-style hierarchical visualization of profile data.

How it is used
Uses hierarchical profile views to navigate performance data and troubleshoot workloads through continuous profiling.
How deep it goes
Defines the inverted flame-graph form and profiling scope, but defers detailed chart-reading guidance to external material.
Examples
Demonstrates Parca profiling an OpenTelemetry collector and selecting Memory In-Use Bytes for visualization.
What you can do after
Operate Parca to select a profile and inspect its Icicle Graph for troubleshooting.

Read how Cloud Observability in Action explains icicle chart →

Related concepts

These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.