Prism Gallery — Live Demo

Live-rendered fixtures via the Prism WASM runtime. Source specs live in docs/src/gallery/*.prism.json; their precompiled *.scene.json counterparts (regenerated by make docs) are what <prism-chart> consumes. This page is a curated subset — for the full 95-fixture catalog across all 15 categories, see index.md.

Basic marks

bar_basic

line_basic

area_basic

point_scatter

multi_series_line

multi_series_area

tick_strip

rect_heatmap_lite

Composite marks

histogram

heatmap

boxplot

violin_score

pie

donut

Specialty marks

sankey_user_flow

funnel_signup

sparkline_inline

sparkbar_inline

winloss_streak

sparkarea_inline

sparkline_point_last

sparkline_point_extent

sparkbar_point_extent

sparkarea_reference_band

bullet_revenue

bullet_satisfaction_vertical

bullet_pipeline

image_logo

path_arbitrary

Table

The table mark renders as an interactive, paginated HTML <table> through the html render backend — not SVG geometry — via <prism-table>, a dedicated web component that calls prism.renderHTML instead of prism.render (see Browser › Render backends). Click a column header to sort, use Prev/Next to page, or click a row to fire a prism:select event — the same installTableHandlers interactivity the static fixtures use. See also the static fixtures: table_accounts.html (plain columns, paginated) and table_revenue_trend.html (a sparkline sub-mark column).

table_accounts

table_revenue_trend

Composition

layer_actual_vs_benchmark

facet_by_region

repeat_metrics

vconcat_metrics

Animation

Initial frame only. The tween fires in <prism-chart> when the spec or scene-doc swaps at runtime — see Spec › Animation.

swap_bars

race_bars

For the full 95-fixture catalog across all 15 categories, see index.md.