Each of these is a working instruction, not a picture. Open one, put your own numbers or words in, and it is drawn again as yours — in whichever medium and house style you pick.
start from one, then argue with it
Labelled bar chart
Chart
A clean column chart for a handful of periods, with values printed on the bars.
Cohort retention heatmap
Chart
The triangle chart every SaaS deck needs: cohorts down, periods across, retention shaded.
Conversion funnel
Chart
Stage-by-stage drop-off with both the counts and the percentage lost at each step.
Survey results, diverging
Chart
Likert answers centred on neutral, so agreement and disagreement read as opposite directions.
Scatter with the outlier called out
Chart
A correlation plot that makes its point by labelling the one dot that breaks the pattern.
Small multiples
Chart
One little chart per category on a shared scale — the honest way to show many trends at once.
Share of total
Chart
A treemap for composition — readable where a pie chart with nine slices is not.
Trend with a forecast band
Chart
History as a solid line, projection as a dashed line inside a shaded uncertainty band.
Waterfall bridge
Chart
How a number got from last period to this one, one contribution at a time.
Target versus actual
Chart
Bullet bars: where each metric landed against the number it was supposed to hit.
System architecture
Diagram
Boxes and arrows for a service: clients, services, stores, and what talks to what.
Request sequence
Diagram
A sequence diagram for one flow: who calls whom, in order, including the failure path.
State machine
Diagram
Every state a thing can be in, and the events that move it between them.
Entity relationships
Diagram
Tables, their key fields, and the cardinality between them.
Decision flow
Diagram
A flowchart with real decision diamonds, for a process someone has to follow.
Org chart
Diagram
Reporting lines, drawn so a new joiner can find who owns what.
Mind map
Diagram
A central idea and its branches — for planning, notes, or explaining a topic's shape.
Roadmap swimlanes
Diagram
What each team is doing per period, on one page, without pretending the dates are certain.
Network topology
Diagram
A graph whose layout genuinely needs a solver — nodes, links, and clusters.
User journey
Diagram
The steps someone takes, with how each one feels marked alongside.
Concept map
Diagram
A hierarchy for teaching: the big idea broken into what you must understand first.
Before and after
Diagram
Two versions of the same structure side by side, with what changed marked.
Stat cards
Image · Infographic
A row of headline numbers as cards — figures pulled out of a report and made readable.
Timeline
Image · Infographic
A horizontal spine with dated milestones — a history, a roadmap, or a process over time.
This versus that
Image · Infographic
Two options side by side across the same criteria, without a winner declared for you.
Numbered steps
Image · Infographic
A process as three to five numbered blocks, each with an icon and one line of explanation.
Anatomy of
Image · Infographic
One central object with labelled callout lines pointing at its parts.
By the numbers
Image · Infographic
A poster-shaped summary: a headline figure, supporting stats, and a source line.
Quote card
Image · Infographic
A pull quote with attribution, sized for social — text-accurate, not decorative.
Blog cover
Image
A wide header image for an article, built around one concrete subject.
Social share card
Image
A card for a link preview, composed to survive being seen at thumbnail size.
Hero illustration
Image
A landing-page hero that shows the product's outcome rather than a metaphor for it.
Concept illustration
Image
A picture for an abstract idea, anchored to a physical scene so it is not generic.
Section divider
Image
A slim decorative band to break up a long document, quiet enough not to steal attention.
Bar chart race
Animation
Ranked bars reordering over time — the format that made data animation popular.
Line that draws itself
Animation
A trend revealed left to right, so the shape lands before the numbers do.
Ranking shuffle
Animation
A before-and-after list that rearranges itself, so the movers are impossible to miss.
Algorithm walkthrough
Animation
Conceptual motion with no dataset behind it — where manim is the right engine.
Concept in motion
Animation
An abstract mechanism animated into something you can watch.
Labelled geometry figure
Chart
A clean geometric construction with sides, angles and given quantities marked.
Annotated function plot
Chart
A curve with its interesting points called out — roots, turning points, asymptotes.
Free-body diagram
Chart
An object with every force drawn as a labelled vector, to scale with each other.
Two-by-two matrix
Chart
The quadrant grid, with the axes actually labelled at both ends.
Layered stack
Chart
Horizontal layers from the bottom up, each labelled with what it is responsible for.