Dark mode dashboard
An operations dashboard designed for dark mode.
Why it matters one theme token set drives charts and page surface; dark contrast-checked labels; same page renders light on request
Open the chart without page chrome ↗
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'
WestCoastCharts.use(types)Waiting 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 dashboards-dark-mode-dashboard.json --out dashboards-dark-mode-dashboard.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/dashboards/dark-mode-dashboard/index.md …