Codraw
sheet 244 specimens

Every kind of visual, with the sheet that made it.

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

Kind
For
Family44 sheets

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.

Or just describe what you want.

The book is a starting point, not a menu. Anything you can describe, the bench will draw — the templates only save you working out how to ask.

20 credits · no card