Static documentation

Data Visualisation Catalogue Gallery

Rendered markdown notes for the catalogue review, compiler mapping, implementation tracker, and chart method specs.

38 chart methods
10 with reference assets
43 documents
DashboardCompiler

System Docs

Compiler Schema System Overview

Overview

Data Visualisation Catalogue Gallery Review

Chart Methods

Arc DiagramArea GraphBar ChartBubble ChartBullet GraphCalendarCandlestick ChartCircle PackingDensity PlotDonut ChartDot Matrix ChartError BarsGantt ChartHeatmapHistogramLine GraphMarimekko ChartMulti-set Bar ChartNightingale Rose ChartOpen-high-low-close ChartParallel Coordinates PlotPie ChartPopulation PyramidProportional Area ChartRadar ChartRadial Bar ChartRadial Column ChartScatterplotSpan ChartStacked Area GraphStacked Bar GraphStream GraphSunburst DiagramTimelineTimetableTree DiagramTreemapViolin Plot

Project Notes

Chart Catalogue Implementation TrackerChart Compiler Gap Analysis For The Data Visualisation CataloguePolar-Axis And Arc Layout PassStatistical And Financial Interval Pass

Data Visualisation Catalogue Gallery Review

Source reviewed: The Data Visualisation Catalogue.

This review treats the catalogue index as the review universe. As of this pass the site lists 60 chart methods. The chart compiler already has strong support for Cartesian layout, linear, time, and band scales, ordinal and sequential color scales, and these glyph primitives: rect, point, path, line, and text. Path glyphs now cover baseline-filled areas, area bands between y0/y1 boundaries, smooth/step interpolation, and compiler-generated direct path data. The compiler also models focused bin, density, regression, interval, errorInterval, financialInterval, hierarchy, stack, summary, layout, treemap, aggregate, and sample transforms, including first polar-sector, polar-axis/radial-bar, arc-diagram, hierarchy, violin-silhouette, bullet, parallel-coordinate, and timetable layouts.

The selected gallery set starts with catalogue methods that can be reproduced faithfully with the current compiler primitives, plus a small number of near-fit charts that exercise newly added compiler transforms.

Selected Gallery Set

Catalogue chartWhy it fits nowDoc
Arc DiagramEdge-list layout derives ordered nodes and weighted curved arcs.arc-diagram.md
Area GraphExisting path glyph can draw a line and close to a baseline.area-graph.md
Bar ChartDirect match for rect marks, band scales, linear scales, and labels.bar-chart.md
Box & Whisker PlotSummary transform derives quartiles, whiskers, caps, and median marks from raw observations.Tracked in compiler-gap-analysis.md
Bubble ChartExisting point glyph already supports x, y, radius, fill, stroke, and opacity.bubble-chart.md
Bullet GraphBullet layout derives qualitative ranges, measure bars, and target markers from raw threshold rows.bullet-graph.md
CalendarCalendar-month layout derives weekday/week cell geometry from raw dates.calendar.md
Candlestick ChartFinancial interval transform derives open, high, low, close, and direction from raw ordered prices.candlestick-chart.md
Circle PackingHierarchy normalization and circle-pack layout derive nested circles from parent-child rows.circle-packing.md
Density PlotDensity transform estimates a distribution from raw observations and a filled path renders the curve.density-plot.md
Donut ChartPolar-sector layout derives annular sector paths from raw category values.donut-chart.md
Dot Matrix ChartRepeated-symbol layout expands raw counts into point rows.dot-matrix-chart.md
Error BarsError interval transform derives group means and uncertainty bounds from raw observations.error-bars.md
Gantt ChartInterval transform derives start/end date ranges for rect bars on a shared time scale.gantt-chart.md
HeatmapDirect match for rect matrix cells and sequential color scales.heatmap.md
HistogramExisting bin transform and vertical rect marks cover the core chart.histogram.md
Line GraphExisting path glyph and optional point glyphs cover the reference form.line-graph.md
Marimekko ChartMosaic layout derives variable-width columns and stacked segment heights from raw values.marimekko-chart.md
Multi-set Bar ChartGrouped rect marks now use compiler-owned grouped layout, not a new mark type.multi-set-bar-chart.md
Nightingale Rose ChartEqual-angle polar sectors use value-derived radius and generated path data.nightingale-rose-chart.md
Open-high-low-close ChartFinancial interval transform renders reusable OHLC stems and ticks.open-high-low-close-chart.md
Parallel Coordinates PlotParallel-coordinate layout derives per-axis coordinates, guide axes, and grouped polylines.parallel-coordinates-plot.md
Pie ChartPolar-sector layout derives proportional wedge paths and labels from raw category values.pie-chart.md
Population PyramidDiverging layout derives signed left/right bars on a symmetric quantitative scale.population-pyramid.md
Proportional Area ChartSqrt radius scaling and generated size legends now cover the core area comparison.proportional-area-chart.md
Radar ChartPolar-axis layout derives radial guides, rings, closed polygons, and vertices from raw metric rows.radar-chart.md
Radial Bar ChartRadial-bar layout derives concentric tracks and value arcs from raw category rows.radial-bar-chart.md
Radial Column ChartEqual-angle annular columns use value-derived radius from the polar-sector layout.radial-column-chart.md
ScatterplotExisting point glyph with linear x/y scales is a direct fit; regression transform derives the trend line.scatterplot.md
Span ChartInterval transform renders paired start/end values as horizontal spans with endpoints.span-chart.md
Stacked Area GraphStack transform plus area-band path geometry now covers the simple catalogue form.stacked-area-graph.md
Stacked Bar GraphExisting stack transform plus rect segments cover simple and 100 percent stacks.stacked-bar-graph.md
Stream GraphStream stack mode plus smooth area-band paths cover centered flowing areas.stream-graph.md
Sunburst DiagramHierarchy normalization and radial partition layout derive annular sector paths.sunburst-diagram.md
TimelineDated events render through the time scale and generated date axis.timeline.md
TimetableTimetable layout derives grid cells, day headers, and duration-aware event blocks.timetable.md
TreemapSquarified treemap transform and rect/text glyphs cover a flat catalogue-style treemap.treemap.md
Tree DiagramHierarchy normalization and tree layout derive nodes and parent-child link paths.tree-diagram.md
Violin PlotMirrored density layout emits direct silhouette paths plus median/IQR guides from raw grouped observations.violin-plot.md

Fit Review Of All Catalogue Methods

MethodFitNotes
Arc DiagramSelectedEdge-list rows compile into ordered node positions and weighted curved arc paths.
Area GraphSelectedPath plus baseline closure is already present.
Bar ChartSelectedCurrent bar gallery is the closest existing analogue.
Box & Whisker PlotSelectedRect, line, and summary transform cover quartiles and whiskers; outliers remain a follow-up.
BrainstormDeferredDiagramming/annotation layout, not a chart compiler priority.
Bubble ChartSelectedPoint radius should be area-derived.
Bubble MapDeferredNeeds map projection or basemap geography.
Bullet GraphSelectedBullet layout derives range bands, actual measures, and target markers from raw metric thresholds.
CalendarSelectedCalendar-month layout derives weekday/week grid cells from raw dated rows.
Candlestick ChartSelectedFinancial interval transform derives OHLC rows; rect bodies and line wicks render the candle anatomy.
Chord DiagramDeferredNeeds radial ribbon/link geometry.
Choropleth MapDeferredNeeds geographic shapes and projection support.
Circle PackingSelectedHierarchy rows compile into a first-pass nested circle layout; optimal packing remains a follow-up.
Connection MapDeferredNeeds projection plus curved route paths.
Density PlotSelectedDensity estimation is compiler-owned and the filled path now uses smooth interpolation.
Donut ChartSelectedPolar-sector layout derives annular path data from raw category values.
Dot MapDeferredNeeds geographic projection.
Dot Matrix ChartSelectedDot-matrix layout expands raw category counts into repeated point rows.
Error BarsSelectedError interval transform derives group means and bounds; line caps plus points render the chart.
Flow ChartDeferredNode-link diagram layout rather than quantitative chart grammar.
Flow MapDeferredNeeds map projection and flow path geometry.
Gantt ChartSelectedInterval bars on band rows now compile from raw start/end fields.
HeatmapSelectedExisting heatmap gallery maps directly.
HistogramSelectedExisting histogram gallery maps directly.
Illustration DiagramDeferredExplanatory illustration rather than structured quantitative chart.
Kagi ChartDeferredNeeds path logic with threshold/reversal semantics.
Line GraphSelectedExisting line/gallery path maps directly.
Marimekko ChartSelectedMosaic layout computes variable category widths and stacked segment heights.
Multi-set Bar ChartSelectedGrouped bars extend the current bar primitive.
Network DiagramDeferredNeeds force or graph layout.
Nightingale Rose ChartSelectedEqual-angle polar sector layout derives value-sized radial sectors.
Non-ribbon Chord DiagramDeferredNeeds radial node/link layout.
Open-high-low-close ChartSelectedReuses the financial interval transform; line stems and open/close ticks render OHLC anatomy.
Parallel Coordinates PlotSelectedParallel-coordinate layout derives axis positions, ticks, and grouped polyline points.
Parallel SetsDeferredNeeds alluvial/ribbon geometry.
Pictogram ChartDeferredNeeds icon glyphs or symbol templates.
Pie ChartSelectedPolar-sector layout derives proportional wedge paths.
Point & Figure ChartDeferredNeeds symbol grid marks or text/symbol encoding.
Population PyramidSelectedDiverging bars now compile from raw positive cohort values into signed left/right segments.
Proportional Area ChartSelectedPoint/circle radius uses a sqrt scale, and generated size legends now expose that area mapping.
Radar ChartSelectedPolar layout derives radial axes, guide rings, closed profile polygons, and vertex points.
Radial Bar ChartSelectedRadial-bar layout derives concentric annular tracks and value sweep arcs.
Radial Column ChartSelectedEqual-angle polar sector layout derives annular columns with value-sized outer radius.
Sankey DiagramDeferredNeeds flow layout and ribbons.
ScatterplotSelectedDirect point/linear scale match.
Span ChartSelectedReuses interval geometry as line ranges with endpoint symbols.
Spiral PlotDeferredNeeds polar/spiral coordinate layout.
Stacked Area GraphSelectedStack boundaries now render through area-band path geometry.
Stacked Bar GraphSelectedCurrent stack transform is a direct match.
Stem & Leaf PlotDeferredText table/statistical display rather than core glyph chart.
Stream GraphSelectedStream stack mode derives centered boundaries and smooth area-band paths render the flow.
Sunburst DiagramSelectedHierarchy rows compile into radial partition sectors with generated annular paths.
Tally ChartDeferredNeeds tally symbol templates or repeated angled strokes.
TimelineSelectedTime scale, generated date axis, line, point, and text glyphs cover the first pass; label collision remains.
TimetableSelectedTimetable layout derives grid cells, day headers, and event rectangles from raw day/time rows.
Tree DiagramSelectedHierarchy rows compile into tidy tree node positions and generated link paths.
TreemapSelectedFlat squarified treemap transform and rect renderer match the first pass; nested hierarchy remains.
Venn DiagramDeferredNeeds circle overlap geometry and blend/clip rules.
Violin PlotSelectedViolin layout estimates and mirrors grouped densities into direct silhouette paths.
Word CloudDeferredNeeds text layout/packing and collision detection.

Implementation Order

  1. Start with charts already represented conceptually in createGalleryChartSpecs: bar, line, stacked bar, heatmap, histogram, scatter/bubble, and treemap.
  2. Add Area Graph as a path variation with area-band geometry from zero to value.
  3. Add Multi-set Bar Chart as the first grouped categorical layout. The grouped-band layout transform now writes x, width, and groupCenter before rendering rects.
  4. Add interval-first charts such as Gantt Chart after histogram and grouped bars prove start/end geometry.
  5. Add diverging Cartesian charts such as Population Pyramid after symmetric domain controls and formatted guide ticks are available.
  6. Add area-encoded point charts such as Proportional Area Chart after generated size legends prove scale-owned area mapping.
  7. Add Stacked Area Graph after area-band path geometry proves that filled paths can use two derived boundaries.
  8. Add statistical and financial interval charts after raw observations can compile into error intervals and OHLC summaries.
  9. Add temporal, density, and regression-backed charts after time scales and statistical transforms are in place.
  10. Add layout-driven near-fit charts after focused calendar, mosaic, and dot-matrix layout executors are in place.
  11. Add polar-sector charts after direct generated path data can flow through path layers with inspectable lineage.
  12. Add stream and violin charts after smooth path interpolation, centered stack mode, and mirrored density layout are available.
  13. Add near-fit layout charts after focused bullet, parallel-coordinate, and timetable layout executors are available.
  14. Add hierarchy-first charts after parent-child normalization and focused tree, sunburst, and circle-pack layouts are available.
  15. Add polar-axis and first edge-list diagrams after direct generated path data can carry radar polygons, radial bars, and arc links.
  16. For all selected charts, preserve catalogue anatomy in the spec docs: chart title, axes, guides, marks, labels, and reference image comparison.

Reference Assets

Reference and anatomy images are stored in assets. They were downloaded from the selected Data Visualisation Catalogue method pages to support visual comparison while implementing the compiler gallery versions.

Documents

Arc Diagram
arc-diagram.md

Arc diagrams are the lightest network-style catalogue chart. They exercise a reusable edge-list contract without requiring force simulation, Sankey routing, or ribbon geometry.

Area Graph
area-graph.md

The catalogue describes an area graph as a line graph with the space below the line filled. That maps cleanly to the compiler's path glyph with y0/y1 area-band geometry, plus optional line, point, and text guide layers. It is the simplest way to prove that the compiler can render both stroke-only paths and filled path regions from the same data.

Bar Chart
bar-chart.md

The catalogue frames bar charts as discrete numerical comparisons across categories. This is the compiler's most direct fit: categorical band position, linear value scale, rect bars, guide lines, and text labels. A faithful implementation also provides the baseline against which grouped, stacked, histogram, and population-pyramid variants can be compared.

Bubble Chart
bubble-chart.md

The catalogue defines bubble charts as scatterplots with circle area used for an additional variable. The compiler's point glyph already supports cx, cy, r, fill, stroke, and opacity, so this is a direct fit and a useful test for multi-channel quantitative encoding.

Bullet Graph
bullet-graph.md

Bullet graphs are compact interval charts. They use ordinary rects and marker lines, but the compiler needs to derive qualitative ranges, actual measure bars, and target markers from one raw metric row.

Calendar
calendar.md

Calendar charts are the first date-layout chart in this gallery that is not just a time axis. They prove the compiler can turn raw dated rows into a calendar-aware grid before normal rect, text, and color-scale rendering happens.

Candlestick Chart
candlestick-chart.md

Candlestick charts are the first financial chart family in the compiler gallery. They exercise a reusable financial interval transform: raw price ticks compile into open, high, low, and close values before wick and body marks render the chart.

Circle Packing
circle-packing.md

Circle packing is a hierarchy layout problem. The visible marks are circles, but the useful compiler capability is normalizing parent-child rows into aggregate hierarchy values and deriving nested circle positions and radii.

Density Plot
density-plot.md

Density plots are the first distribution chart in the gallery that requires more than summary statistics. They prove the compiler can estimate sampled density rows from raw observations and then render those rows through existing Cartesian path primitives.

Donut Chart
donut-chart.md

Donut charts reuse pie-sector geometry with an inner radius. This verifies that generated path data can represent annular sectors, not only wedge sectors.

Dot Matrix Chart
dot-matrix-chart.md

Dot matrix charts test repeated-symbol layout. The visible marks are ordinary point glyphs, but the compiler needs to expand raw category counts into repeated dots with stable row/column positions.

Error Bars
error-bars.md

Error bars are a direct test of statistical transform ownership. The visible marks are simple line caps and point glyphs, but the compiler needs to derive group means and uncertainty intervals from raw observations instead of receiving precomputed lower/upper values.

Gantt Chart
gantt-chart.md

The catalogue describes Gantt charts as timelines of tasks or activities with start and end positions. This chart now exercises the compiler's temporal interval path: raw date fields compile into normalized intervals, then a time scale and generated date axis render the shared schedule.

Heatmap
heatmap.md

The catalogue heatmap is a matrix: row category by column category, with cell color encoding a categorical or quantitative value. The compiler already has a heatmap gallery example using band scales, rect cells, text labels, and a sequential color scale.

Histogram
histogram.md

The catalogue defines histograms as distributions over continuous intervals. The compiler already models a bin transform and vertical rect bars, making this a direct fit and an important contrast with categorical bar charts.

Line Graph
line-graph.md

The catalogue describes a line graph as ordered quantitative values joined on a Cartesian grid, most often over time. The compiler already has a path glyph that groups sorted rows, plus optional point glyphs for inspected samples.

Marimekko Chart
marimekko-chart.md

Marimekko charts are a high-value bridge from grouped/stacked bars into mosaic layouts. They use simple rect marks, but both x width and y height are data-derived proportions, so the compiler needs to own the layout.

Multi-set Bar Chart
multi-set-bar-chart.md

The catalogue describes multi-set bar charts as grouped bars: multiple series plotted on the same axis and grouped into parent categories. This extends the current bar primitive without requiring a new mark type. It is also a necessary counterpart to stacked bars because both encode parent category plus subcategory.

Nightingale Rose Chart
nightingale-rose-chart.md

Nightingale rose charts test the second polar-sector mode: equal-angle sectors whose radius changes with the value. This is a useful bridge from pie/donut charts toward broader radial chart families.

Open-high-low-close Chart
open-high-low-close-chart.md

The OHLC chart proves the new financial interval transform is reusable beyond candle bodies. It consumes the same raw ordered price ticks and renders high-low stems with open and close ticks.

Parallel Coordinates Plot
parallel-coordinates-plot.md

Parallel coordinates test repeated axis layout and grouped paths. The compiler now derives per-axis positions, per-axis ticks, and one point row per observation per dimension so the existing path glyph can render each observation as a polyline.

Pie Chart
pie-chart.md

Pie charts are the first useful test for compiler-owned polar sector geometry. The visible marks are SVG paths, but the source data should remain plain category/value rows.

Population Pyramid
population-pyramid.md

The catalogue population pyramid is a practical test for diverging bar charts. It needs ordinary rect marks, but it also needs compiler-owned signed geometry so left and right cohorts share one symmetric scale and one zero spine.

Proportional Area Chart
proportional-area-chart.md

The catalogue proportional area chart compares quantities with circle area. It is a focused test for the compiler's sqrt scale and the new generated size legend: both the data circles and the legend symbols must resolve from the same radius scale.

Radar Chart
radar-chart.md

Radar charts are the simplest useful polar-axis chart left in the catalogue set. They prove the compiler can generate radial axes, guide rings, and closed multivariate profile polygons from raw metric rows.

Radial Bar Chart
radial-bar-chart.md

Radial bar charts reuse the direct generated-path surface added for polar charts, but they encode values as sweep length along concentric tracks rather than radial sector height.

Radial Column Chart
radial-column-chart.md

Radial column charts use equal angular bins and value-derived radial length. They exercise the same polar-sector compiler path as Nightingale rose charts, but with a visible inner baseline.

Scatterplot
scatterplot.md

The catalogue scatterplot places points on Cartesian axes to reveal relationships between two variables. That is the compiler's most direct use of the point glyph with two linear scales. It should be the canonical point-mark example before more complex bubble and map variants.

Span Chart
span-chart.md

Span charts are a lightweight interval family. They reuse the compiler's interval transform and prove that start/end geometry can render as line ranges with endpoint symbols, not only Gantt-style rect bars.

Stacked Area Graph
stacked-area-graph.md

The catalogue describes stacked area graphs as multiple area series where each series starts from the boundary left by the previous series. That makes it a direct test of whether the compiler can combine data-derived stack boundaries with path geometry, rather than only drawing a single area down to zero.

Stacked Bar Graph
stacked-bar-graph.md

The catalogue defines stacked bar graphs as segmented bars used to show how a larger category divides into smaller subcategories. The compiler already has a stack transform and rect segment rendering, so this is a direct fit.

Stream Graph
stream-graph.md

Stream graphs are the natural next test after stacked area graphs. They use the same stacked area bands, but the stack baseline is centered around a moving middle instead of starting at zero. That makes the chart a focused compiler test for non-zero stack baselines plus smooth area path interpolation.

Sunburst Diagram
sunburst-diagram.md

Sunburst diagrams combine hierarchy aggregation with radial partition geometry. They are a high-value bridge between the existing polar-sector work and broader hierarchy layouts.

Timeline
timeline.md

Timelines are the most direct chart unlocked by first-class temporal scales. The marks are simple point, line, and text glyphs; the important compiler capability is date parsing, temporal domain resolution, and generated date-axis guides.

Timetable
timetable.md

Timetables are grid layouts with duration-aware blocks. The compiler now derives grid cells, day headers, and event rectangles from raw day/start/end event rows.

Tree Diagram
tree-diagram.md

Tree diagrams verify the compiler can work from relational parent-child data instead of flat metric tables. The chart also exercises generated link paths, not only positioned point marks.

Treemap
treemap.md

The catalogue describes treemaps as hierarchical rectangles where area encodes quantity. The compiler now executes a flat squarified treemap transform and renders the output with rect/text glyphs. This chart is important because it proves the compiler can own non-axis-aligned layout that still compiles to basic rectangles.

Violin Plot
violin-plot.md

Violin plots extend the density plot from one distribution to grouped distributions. They are useful in the compiler gallery because the visible shape is not a primitive mark: the compiler must estimate group density, mirror it around each category center, and emit a path silhouette while preserving lineage back to raw observations.

Chart Catalogue Implementation Tracker
implementation-tracker.md

This tracker follows the Data Visualisation Catalogue chart types selected for the chart compiler gallery. It is intentionally rough: use it to see whether a chart has documentation, reference assets, a compiler spec, and any remaining faithfulness gaps.

Chart Compiler Gap Analysis For The Data Visualisation Catalogue
compiler-gap-analysis.md

Date: 2026-05-12

Polar-Axis And Arc Layout Pass
polar-axis-and-arc-layout-pass.md

Date: 2026-05-12

Statistical And Financial Interval Pass
statistical-financial-interval-pass.md

Date: 2026-05-11