Education
Concept maps, processes, timelines — the slide-deck diagrams that show up in teaching material.
Water cycle
The classic grade-school diagram. Evaporation → condensation → precipitation → collection, back to start.
doc { cols: 4 }
icon :sea tabler/droplet "Ocean"
icon :vapor tabler/cloud "Evaporate"
icon :cloud tabler/cloud "Cloud"
icon :rain tabler/cloud-rain "Rain"
sea --> vapor "evap"
vapor --> cloud "cond"
cloud --> rain "precip"
rain --> sea "collect"Cell biology: photosynthesis
Chloroplasts absorb light; water and CO₂ become glucose and O₂. Regions group inputs vs outputs; a theme override matches the standard green/blue/orange chemistry conventions.
Hover and scrub: frame 1 shows the inputs arriving at the leaf, frame 2 lights the leaf up with the full formula, frame 3 produces O₂ and glucose.
Historical timeline
Five eras on one line. Connectors make relative position explicit so readers don't mistake the spacing for proportional time.
doc { cols: 5 }
icon :anc tabler/tower "Ancient"
icon :med tabler/building-castle "Medieval"
icon :ren tabler/flower "Renaissance"
icon :ind tabler/bulldozer "Industrial"
icon :mod tabler/rocket "Modern"
anc --> med
med --> ren
ren --> ind
ind --> modLearning progression
Prerequisite graph for a curriculum. A student starts at "basics" and chooses a track based on their goal.
doc { cols: 4, rows: 3 }
icon :basics @A2 tabler/book "Basics"
icon :algo @B1 tabler/circles "Algo"
icon :web @B3 tabler/world "Web"
icon :sys @C1 tabler/server "Systems"
icon :app @C3 tabler/device-mobile "Apps"
icon :pro @D2 tabler/trophy "Pro"
basics --> algo
basics --> web
algo --> sys
web --> app
sys --> pro
app --> pro