Dimau InfographicsLanternfield
ConnectionsA lantern magnifies whatever it passes over, its rim points to related topics outside it, and fog marks what the reader has not looked at yet.
- Leashed lantern
- Rim compass
- Fog of discovery
- Pins and bridges
- Guided tours
Template library · v1
Interactive infographics every Dimau app can pick from
Original ways to explore unfamiliar information: networks, amounts, levels, timelines and headline-number cards. Each app loads one shared script, chooses the template that fits the shape of its information, and supplies its own data and colours.
- ConnectionsLanternfield: topics and the links between them
- AmountsTidepool: budgets and trade-offs
- LevelsStrata: catalogues and categories
- TimeRiverline, Switchback, Swimlane and Roadmap
- StepsWaypath and Stagepath: journeys and processes
- Headline numbersSignal cards with share images
- Rankings and flowsRankrace, Flowbank, Peoplegrid
- Tables and storiesLedger, Storyscroll, Guessline
Live · move over the map
Tidepool
AmountsAmounts are vessels joined by pipes. Raise one and the water visibly drains from the others, so a trade-off is something you see, not a sum you do.
Strata
LevelsEach level is a core sample of layers sized by value. A strip in every layer previews what is inside; pull one out to drill down, and the depth gauge leads back up.
Riverline
TimeTime flows as a river that widens wherever more happened. A magnifying current spreads out the busy years under the pointer.
Timelines · one dataset, four views
Timelines
Every timeline view reads the same data, so an app can switch view without reshaping anything. Riverline's data works in all of them.
- SwitchbackVertical story: alternating cards, reading progress, year rail, story mode.
- SwimlaneLanes of points and spans with zoom, a navigator strip and a detail panel.
- RoadmapGantt plan with milestones and dependencies. Drag a task and see what moves.
- WaypathStops on a road, cycle or staircase. Tap to reveal, press play to walk it.
- StagepathSteps as cards: who holds each one, how long it usually takes, and where the time goes. Its own data shape.
- RiverlineTime as a river that widens where more happened.
- Archive DeskRead a story and see its pictures together: a 3D book beside a picture stack, lightbox and loupe.
Charts · the formats the best data sites use
Charts
Original versions of the formats the leading data-journalism and chart sites are known for: rankings that race, unit charts, draw-your-guess, flows, living tables and scroll-driven stories.
- RankraceBars overtake each other as time plays; scrub to any moment.
- PeoplegridOne square per thing; regroup and watch the squares move.
- GuesslineDraw your guess, then see the real line and your score.
- FlowbankFlows sized by amount; tap one to follow it.
- LedgerSort, search, bars in cells, rows that open.
- StoryscrollThe chart stays put while the story scrolls past.
Everyday · the infographics people meet most
Everyday
Maps of places, blocks inside blocks, this-versus-that, habits by the day, progress to a goal and a day on a clock face.
Compare and decide · help people choose
Compare
Where people drop out, ideas sorted by effort and impact, before and after, a question path to the right answer, profiles on many measures, and two groups back to back. Not sure which template to use? Answer the questions below.
Insight · read the numbers, spot the pattern
Insight
Headline numbers, the whole spread as dots, one measure against another, a table coloured by size, a waterfall from start to finish, and groups that overlap.
- FactwallHeadline numbers that count up, with sources.
- SwarmEvery item as a dot, so the spread shows.
- ScatterOne measure against another, with the trend in words.
- HeatgridA table coloured by size; arrow keys read it.
- BridgeA waterfall from start to finish; step through.
- OverlapTwo or three groups; tap any region.
Learn · teach, practise, check
Learn
Flip cards, a quiz that explains every answer, a diagram to tap through, a checklist to tick off, sizes compared as circles, and a sorting exercise.
Plan & ask · money, time and opinions
Plan & ask
A loan calculator, savings that grow, a countdown with milestones, a poll people can vote in, a ranking to put in order, and agree–disagree survey results.
Track · readings, status and schedules
Track
A gauge with zones, service status day by day, many small trend lines, a tree to open and close, a month of events, and a booking grid.
Chartbook · classic charts, made explorable
Chartbook
What groups are made of, features side by side, flows around a ring, rankings over time, seasons in a spiral, and layers in a stream.
Guides · decide, find your way, understand
Guides
Choose by what matters to you, see where the bus is now, climb a ladder of levels, open an organisation chart, line up amounts from tiny to huge, and look up a term.
Stories · tell it so it sticks
Stories
Before and after, a story one card at a time, true or false, a chart with notes, counters running since you arrived, a process with decisions, and a story beside its pictures.
- BeforeafterDrag between two pictures.
- SlidestoryOne card at a time; swipe or play.
- VerdictTrue, false or partly? Guess, then see why.
- AnnotlineA line chart with notes to step through.
- LivetickerCounters running since you opened the page.
- FlowchartSteps and decisions; walk the main path.
- Archive DeskA story and its pictures, side by side.
Places · maps, the sky and getting around
Places
Sunrise and sunset through the year, moon phases, wind directions, what is within reach, the ups and downs of a route, and a plan to find a room.
- DaylightSunrise and sunset for every day of the year.
- MoonmonthA month of moon phases; tap a day.
- WindroseWhere the wind comes from, and how strong.
- ReachringsWhat is within reach, by distance and direction.
- ProfilelineThe ups and downs of a route; drag along it.
- FloorplanSearch or tap to find a room.
Stats · how numbers spread and measure up
Stats
How values spread, groups side by side, two values per row, results against targets, the shapes of groups, and shares two ways at once.
Structure · how things nest and link
Structure
Nested lists as rings, circles or blocks you can zoom into, links as arcs or a grid, and lives or eras that overlap in time.
Analyse · change, risk and priorities
Analyse
Bubbles moving through the years, a forecast with its ranges, low-to-high spans, the few that make up most, many measures at once, and bars around a circle.
Words · making sense of text
Words
The words used most, a word cloud, what follows a word, what changed between two versions, how easy a text is to read, and every use of a word lined up.
Tools · everyday helpers
Tools
Time zones and shared working hours, a life in months, who owes whom, the best-value pack, seats and majorities, and standings round by round.
Metrics · keeping score
Metrics
Who stays, work left against the plan, normal or unusual readings, work in each stage, headline numbers, and which of two versions works better.
Basics · the everyday charts, done carefully
Basics
A ring, bars, lines, piled-up areas, bars with a line, and 100 squares. Every one can be tapped for its numbers, read with the keyboard, and switched to a plain table.
Practice · learn by doing
Practice
Match the pairs, put things in order, fill the gaps, guess a number, see who needs help with what, and flash cards that come round until you know them.
Money · household tools (not financial advice)
Money
Where pay goes, spending against a plan, clearing debts, sending money home, the month ahead, and what rising prices do.
Signal cards · value slots with defaults
Cards
Headline-number infographics. An app sends its own values (anything left out shows its default) and gets an interactive card plus a PNG or SVG to share, in wide, tall and 1200×630 shapes.
Add one to an app
Load the shared script once, then mount the template you picked. Only that template's code is downloaded.
React apps use v1/react/DimauInfographic.jsx. Each template's page lists its data shape and events.
Which apps use which
Every app that adopts a template is listed in catalog.json, so updates can be checked against the apps that depend on them.
| Template | Status | Apps using it |
|---|