Graphics Templates
Accessible-by-default chart components for newsroom graphics. Built with Svelte 5 and D3.
Most newsroom chart templates ship without real accessibility. This library bakes in screen reader support, keyboard navigation, data table alternatives, and colorblind-safe palettes as defaults — not afterthoughts.
18 chart types covering the full range of data journalism needs: line and bar charts, choropleth maps, election results, beeswarms, sankey diagrams, candlesticks, scrollytelling scaffolds, and more.
Drop in data, set a title, publish. Every component is responsive, print-ready, and keyboard navigable out of the box.
Charts
Line
Time series, multi-series, annotations, dash patterns
Bar
Vertical, horizontal, grouped, stacked, value labels
Scatter
Correlation, size encoding, group coloring
Area
Stacked areas, gradient fills, multi-series
Election Results
Candidates, margins, party colors, precincts reporting
Choropleth
US states, counties, world countries
Bubble Map
Proportional circles on geography
Beeswarm
Distribution with collision detection
Waffle
Part-to-whole grid, percentage labels
Slope
Before/after comparison across two time points
Bump
Rankings over time with dash patterns
Heatmap
Calendar grids, time × category intensity
Sankey
Flows between categories
Candlestick
OHLC bars, wicks, up/down colors
Small Multiples
Faceted grid of any chart type
Scrollytelling
Sticky panels with IntersectionObserver
Design System
Quick Start
<script>
import { LineChart } from '@graphics-templates/svelte';
import data from './data.csv';
</script>
<LineChart
{data}
title="Unemployment rate, 2020–2024"
subtitle="Quarterly, seasonally adjusted"
sourceLabel="Bureau of Labor Statistics"
/>Responsive sizing, keyboard navigation, screen reader support, print styles, and a visually-hidden data table are included automatically.