A11Y WCAG contrast check
Check text-and-background contrast before you ship - the fastest accessibility win for slides, sites and posters.
Open →
PAL Palette and scale builder
Build categorical, sequential and diverging palettes that survive print and color-blind viewing.
Open →
Aa Typography scale
Pick a modular type scale so titles, body and captions stop fighting each other on slides and one-pagers.
Open →
GRID Slide and document grid
Align every block to a simple grid so reports, pitches and posters look intentional without a designer.
Open →
CHOOSE Data-to-chart decision
Match the question to an encoding - comparison, trend, part-to-whole, correlation - before opening any tool.
Open →
MM Mermaid text diagrams
Write a flowchart or sequence in plain text - versionable, reviewable, and free via Mermaid.
Open →
SEQ Sequence diagram patterns
Show who talks to whom across time - the office and classroom pattern for APIs, handoffs and protocols.
Open →
SKETCH Excalidraw sketch wireframes
Sketch the idea with Excalidraw before polishing - hand-drawn clarity beats premature pixel craft.
Open →
EC Apache ECharts dashboards
Ship interactive office dashboards with Apache ECharts - Apache-2.0, huge chart catalog, no proprietary scrape.
Open →
CJ Chart.js quick charts
Drop Chart.js into a page for honest bars and lines when you need a web chart today, not a platform.
Open →
D3 D3 custom craft
Reach for D3 when the encoding does not exist in a template - full control, higher craft cost.
Open →
VL Vega-Lite grammar
Declare encodings in JSON with Vega-Lite - reproducible charts that teach the grammar of graphics.
Open →
PLOT Observable Plot kit
Plot tidy tables with Observable Plot - concise, ISC-licensed, and friendly for analysis explainers.
Open →
ROUGH Rough.js annotation
Use Rough.js strokes to annotate and emphasize - persuasion through human-looking marks, not chrome.
Open →
SANK Sankey flow stories
Tell how quantity moves between stages with a Sankey - budgets, funnels and energy stories.
Open →
NET Network graph maps
Map relationships as nodes and links - teams, citations, dependencies - with open graph libraries.
Open →
MAP Choropleth story maps
Shade regions by a rate - elections, health, sales - with open geo stacks and honest color scales.
Open →
ICO Open icon systems
Pick one open icon set and stick to it - consistent metaphors beat mixed clipart in decks and products.
Open →
CV Resume infographic recipe
Build a one-page visual resume: grid, type scale, honest skill bars, open icons - no clipart dump.
Open →
QBR Quarterly report visuals
A repeatable quarterly pack: waterfall bridge, trend lines, contrast-safe type, one idea per slide.
Open →