Cartesian chart components built on linear axes and D3 scales. Each chart provides a top-level component with sensible defaults and composable sub-components for series, axes, gridlines, and interactions.
Scanned 5/27/2026
Install via CLI
openskills install reaviz/skills# Charts
Cartesian chart components built on linear axes and D3 scales. Each chart provides a top-level component with sensible defaults and composable sub-components for series, axes, gridlines, and interactions.
## Components
| Component | Description |
|-----------|-------------|
| **AreaChart** | Area chart with fill, line, and points (+ stacked / normalized variants) |
| **BarChart** | Bar chart with labels, range lines, and guide bars (+ stacked / normalized / marimekko / histogram / waterfall variants) |
| **BarList** | Horizontal bar list for ranking data (HTML-based, not SVG) |
| **BubbleChart** | Packed circle chart with size-proportional bubbles and labels |
| **FunnelChart** | Funnel visualization for conversion/pipeline data (default and layered variants) |
| **Gauge** | LinearGauge (horizontal bar), RadialGauge (circular arc, stacked) |
| **Heatmap** | Grid-based heatmap with color-scaled cells (+ CalendarHeatmap variant) |
| **Map** | World map with D3-Geo projections and coordinate markers |
| **LineChart** | Line chart (AreaChart without fill) with points, markers, and gridlines |
| **Meter** | Segmented column strip for discrete progress/threshold indicators |
| **PieChart** | Pie and donut chart with labels, exploded slices, and rounded arcs |
| **RadarChart** | Radar/spider chart with radial axes, grouped series, and optional area fill |
| **Sankey** | Flow diagram with weighted node-to-node connections and gradient links |
| **ScatterPlot** | Scatter plot with configurable points, bubble sizing, and custom symbols |
| **Sparkline** | Compact inline charts: line, area, bar, and sonar (diverging bar) |
| **SunburstChart** | Hierarchical radial chart with concentric rings of arcs |
| **TreeMap** | Rectangular treemap for hierarchical data with wrapping labels |
| **VennDiagram** | Venn/Euler diagram for set intersections (venn, euler, starEuler) |
| **WordCloud** | Tag cloud with size-proportional words, rotation, and color schemes |
No comments yet. Be the first to comment!