Nested radial cascade: four levels of one incident
One ring, four levels: Sector › Subsystem › 48 components › anomalies, with dependency ribbons at the core and the last six hours as a heat ring. The story: the 18:20 checkout deploy pushes eu gateways, queues, redis and postgres into the red, and it shows up as revenue at risk. Hover or click any level; the others follow.
Open the chart without page chrome ↗Drawing width at least 1,100 px. Scroll within the chart on smaller screens.
This example builds its charts with page controls and helpers, so there is no single options object to show. Open the standalone example to read its source.
import WestCoastCharts from 'west-coast-charts'
import types from 'west-coast-charts/types'
import premium from 'west-coast-charts/premium'
import readability from 'west-coast-charts/features/readability'
WestCoastCharts.use(types).use(premium).use(readability)
const WestCoastChartsPremium = premium
WestCoastCharts.setLicenseKey(LICENCE_KEY) // paid production licence; localhost evaluation needs no keyWaiting for the chart.
Open Data & agent view to read this chart through chart.describe().
Read from the running library through its optional agent/describe module. Text, table and JSON share the same snapshot. Demo data only.
$ wcc chart export concepts-nested-radial-cascade.json --out concepts-nested-radial-cascade.svg --with-tablePublic agent tools 0.2.3, tested with Library 1.1.5; available from the versioned GitHub release and npm. Save a JSON spec first and check the loaded runtime and supported modules before rendering. Command reference
Loading /gallery/concepts/nested-radial-cascade/index.md …This example uses Premium modules. Compare licences · Embedding in a distributed product?