Graphs, five ways.

Same content, same tabs (Overview / Terminology / Types of Graphs / Dijkstra's / A*), same interactive Dijkstra & A* demos on every one — only the visual design changes. Click through, poke at the demos, and see which one feels right.

01

Fieldnotes

Cream paper, ruled lines, a handwritten accent font, hand-drawn wobble on the diagrams. Feels like margin notes from a good lecture.

02

Terminal

Dark, monospace, phosphor-green — a shell you'd actually want to read documentation in.

03

Studio

Bold Swiss-poster type, thick black rules, one confident accent colour. Editorial and self-assured.

04

Chalkboard

Dark green board, chalk-coloured ink, taped-on index cards for asides. Lecture-hall energy.

05

Blueprint

Technical drafting-table blue, fine grid, monospace annotations. Graphs as engineering schematics.