Examples — Semiotic

Home · Getting Started · Charts · Features · Playground

This page requires JavaScript for interactive chart demos.

AI / Machine-readable docs: llms.txt · llms-full.txt · Full AI Reference · schema.json · API Reference · Examples

View on GitHub · npx semiotic-ai for CLI access

Machine-readable page content

Canonical: https://semiotic.nteract.io/examples

Semiotic in practice

Examples

What changed? Where does the work get stuck? Would a different chart tell a different story? Explore a question, try the controls, and follow the evidence. Each example includes an explanation of what to look for and source code you can learn from.

Frame

Topic

74 examples

Custom networks · semantic zoom

Pipeline Explorer

Pull back to see six data pipelines, then zoom in to inspect a slow lookup or a validation issue. Cards simplify as they shrink; your notes stay with each step.

Zoom & panSemantic detailVirtualized cards

Network Atlas · acceptance and performance

Atlas acceptance lab

Can a large network stay readable and responsive? Scale a synthetic graph from 1,000 to 10,000 nodes, open a region, and measure how quickly a selection updates.

DependencyForestChartWorker preparationMeasured selection

Network Atlas · synthetic process studies

Flow Circuit

Why does a queue grow when the system has spare capacity? Follow work through a synthetic pipeline, then compare changes to routing and retries against the original record.

FlowCircuitChartObserved replayModeled scenarios

Network Atlas · synthetic supplier study

Dependency X-Ray

Three suppliers may still depend on the same upstream source. Trace their connections, add a bypass, and see why another route does not necessarily provide more capacity.

DependencyForestChartRequired pathsOriginal edge evidence

Twenty-four months / the revision desk

The jobs report has a second draft

The same month can make different headlines as its jobs estimate is revised. Compare the releases, follow a revision across zero, and save a briefing with its dates and sources.

Employment vintagesRevision waterfallPortable briefings

Superpersuasion / an interactive essay

The art of being worth choosing

What makes a recommendation worth following? Explore the possible outcomes of an assistant’s advice, try a task guide, and see which claims survive a source correction.

Decision flowsPortable guidesA working correction

Six reservoirs / three different questions

How full is full?

A reservoir can be above average and still have room to fill. Compare water years, separate capacity from the seasonal average, and save a field guide for offline reading.

CDEC storage historiesOffline field guideSeasonal comparisons

One aircraft / a sequence of schedules

Your plane has had a day

A late flight does not always make the next flight equally late. Follow a real aircraft through July 2025 departures and share a note attached to the flight you inspected.

BTS flight recordsPortable flight notesPhone itinerary

Six items / one fixed basket

Your grocery bill has a memory

Put the same groceries in the basket at two dates. See which items explain the change using BLS average prices, then save a receipt that preserves the comparison.

BLS price snapshotInteractive receiptPortable comparison

July 2026 incident · cross-run traces

The Machine Semiosphere

How can one agent run leave information for another? Follow six chapters about the reported July 2026 Hugging Face incident, with an evidence map separating the reported links.

July 2026 incidentVertical evidence mapCross-run tracesAccessible

Transit diagrams · authored geometry → topology fallback

Lines of Thought

A subway diagram trades literal distance for clear connections. Follow that design idea from transit maps to abstract networks, then compare authored routes with a layout built from connections alone.

NetworkCustomChartAutomatic fallbackOctilinear recipe

Design governance · weights → evidence → visual voice

Aesthetic Policy Studio

The same data can look at home in a civic report or an editorial feature. Compare two visual policies and see which design choices change while the checks remain the same.

Weighted policyTheme governanceCandidate selectionAccessible

Chart evaluation · reject → repair → prove

Bad Chart Autopsy

A confident headline can hide a misleading chart. Inspect the visual tricks, keep the underlying data, and compare a repaired version with the findings that prompted it.

Unified evaluationRender evidenceRepair ledgerAccessible

Data journalism · global streaming

How a Hit Travels

Does a title arrive everywhere at once, or find an audience country by country? Explore 266 weeks of Netflix Top 10 rankings across 24 countries and follow the recurring patterns.

266 weeks24-country settled viewEvidence ledgerAccessible explorer

First the city · then the suburb

The Hellhole Changed Addresses

When did the city become an escape from the suburbs, rather than the reverse? Move a birth-year observer through migration, local conditions, and changing preferences.

Three evidence lanesPaired FlowMapsCohort cutsSource registry

How implied connections work

Parataxis Machine

Two clauses sit side by side. What relationship does the reader supply? Compare six pairs to see how stated grammar and implied connections shape AI-generated prose.

Clause constellationAmbiguity fieldAphorism debtSentence machine

Interactive essay · AI abundance

The Last Scarcity

If intelligence becomes cheap, what remains scarce? Change the assumptions in an AI-abundance scenario and compare its promises with the public data used in this interactive essay.

Before/after SankeyCompetition modelDifferenceChartEvidence ledger

ProcessSankey · a causal model of security and withdrawal

From The Good Earth to Lying Flat

Follow an argument from inherited insecurity through housing, education, and work to withdrawal. The flow chart makes the essay’s proposed connections inspectable; it is an interpretation, not a measured causal model.

ProcessSankey6 authored stagesClaim lensAccessible

ProcessSankey · NASA mission chronology

The Third Seat: Apollo’s Lunar Choreography

Two astronauts land; one keeps circling. Align nine lunar voyages at launch and follow all 27 crew-seats through separation, waiting, reunion, and return.

ProcessSankeyNASA GETSource-auditedAccessible

ProcessSankey · certified ranked-choice transfers

The 7,197-Vote Corridor

How did a lead of more than 100,000 votes shrink to 7,197? Follow three elimination pools in the certified ranked-choice ledger and inspect the transfers that nearly closed the gap.

ProcessSankeyNYC BOEConserved flowsAccessible

Scrollytelling · AI-age digital humanities

Thunderdome Has Rounded Corners

Who gets to decide what a digital-humanities project can do? Scroll through eight scenes that place a 2011 argument beside publication patterns, methods, and newer questions about AI.

Eight chartsScrollytellingDHQ repository

Vertical ProcessSankey · a constitutional history river

Germany, Still Becoming

Germany’s borders and institutions did not arrive all at once. Read twelve constitutional stages from top to bottom as territories split, merge, and reappear as Länder.

Vertical ProcessSankey12 stagesConserved widthsAccessible

Vertical ProcessSankey · an institutional history river

The United States, Drawn Together

Follow the United States as a changing set of jurisdictions. Trace acquisitions, statehood, Civil War rupture, and restoration while persistent institutions provide a reference through time.

Vertical ProcessSankeyPersistent inventoryLifecycle exitsAccessible

Answer vs abstain · scorer audit

The Benchmark Is a Chart, Too

A benchmark total hides several kinds of answer. Separate answers from abstentions, inspect first-attempt failures, and check the scorer before deciding what a model’s result means.

Grouped scorecardScorer auditAgent-readable

Gridified geography · sampled land

The Equal Places Atlas

What changes when every place gets an equal-sized mark? Compare land sampled into dots with familiar geographic outlines and tile maps, and see what each view preserves.

GeoCustomChartDot fieldsGrid cartograms

Composition, spread, attrition, and networks

Data Viz for Dummies II

Some questions need more than bars and lines. Use a fictional sports season to compare composition, attrition, exchange, and network structure, with guidance on reading each form.

ScrollytellingChart selectionAccessible chartsSemiotic-only

Chart substitutions · tradeoff lab

Data Viz for Dummies III

Try a different chart for the same question. Compare dots, violins, ridgelines, difference charts, connected scatters, trees, and packed circles to see what each reveals or hides.

ScrollytellingChart comparisonAccessible chartsSemiotic-only

Specialist charts · decision-led rotation

Data Viz for Dummies IV

A specialist chart should earn the effort of reading it. Explore forms for parts of a whole, ratings, thresholds, several variables, and systems that change over time.

ScrollytellingComplete chart rosterAccessible chartsSemiotic-only

Geographic charts · location earns its ink

Data Viz for Dummies V

When does a question need a map? Take the fictional Rookie City season on the road and compare regional color, sized symbols, routes, distance, and geographic context.

ScrollytellingGeo chartsAccessible mapsSemiotic-only

Physics instruments · mechanisms earn their motion

Data Viz for Dummies VI

What can motion explain? Try physics charts for arriving events, growing queues, transformations, and dependencies, then read the counts and settled states behind the animation.

ScrollytellingPhysics chartsAccessible simulationSemiotic-only

Chart families · data and task taxonomy

Data Viz for Dummies

Start with the question, then choose a chart. One fictional season introduces ranking, change, distribution, relationship, flow, and hierarchy with examples you can compare.

ScrollytellingDual taxonomyAccessible chartsSemiotic-only

LDA Topic Modeling × Word Trails

The Latent Crucible

A topic model sees words before it has names for topics. Run a repeatable sampler and watch words change assignments as patterns emerge from a corpus you can inspect.

Word TrailsCollapsed GibbsCrucibleChartAudited assumptions

Word Trails × physics · three debate assays

The Rhetorical Crucible

The same word can play different roles in a debate. Track it through three transcripts and compare its neighbors and timing without treating a pattern as proof of motive.

Word TrailsStreamPhysicsFrameDeterministic assayAudited lineage

FlowMap · TemporalHistogram · history

Ukraine: Four Clocks of a Long War

Aid, equipment losses, economic shocks, and coalition changes run on different clocks. Filter the linked maps and timelines to compare them while keeping their sources and time scales distinct.

FlowMapTemporalHistogramOryx rollupsEvidence boundaries

16 charts · context → sparkline

Semiotic Standard: Chart Deployment Codes

How much explanation can a compact chart keep? Switch sixteen chart types between contextual and sparkline views, and compare which questions remain answerable at each size.

Context modeSparkline modeReal World Bank data

Fuel mix · demand vs forecast · spare capacity

The Grid Is the Real AI Infrastructure

An AI data center runs on a regional power system. Compare the fuel mix, demand versus forecast, and spare capacity behind the buildings counted in the companion example.

DifferenceChartstyleRulesBigNumberAgent-readable

Spin the globe to filter · M6+ 2021–2025

Earthquakes

Turn the globe and watch the counts change. Linked charts summarize only the magnitude-6-and-above earthquakes facing you in this fixed sample, so geography controls the comparison.

ProportionalSymbolMapdragRotateLinked summary

Rough hachure · Ausfeld 1840

Europa nach den lebenden Sprachen

Explore a reconstruction of Ausfeld’s 1840 language map. The historical coloring and rough ink sit on modern geographic shapes you can inspect with a pointer, keyboard, or table.

semiotic/roughStreamGeoFrameHistorical plate

Evidence lineage · ecosystem services

The Living Ledger

What connects an ecosystem measurement to the people affected? Follow three claims about coral, forests, and pollination through a repeatable teaching replay, with evidence and modeling limits attached.

Deterministic replayEvidence lineageSentenceFilterPhysics pipeline

Five Stream Frames · analytical adventure

Analyst Adventure: The Case of the Vanishing Visionary

A visionary has vanished, and five chart rooms hold the clues. Read a timeline, ledger, map, network, and event sequence to solve one repeatable fictional case.

Deterministic storyKeyboard playableAgent-readable

Linked linguistic views · natural-language controls

The Sentence Is Not the Words

Select a word and keep following it. Linked views show how grammar, ambiguity, meaning, rhetoric, and textual variants offer different readings of the same language.

SentenceFilterShared selectionAuthored fixturesAccessible structure

Explorable MAUP laboratory

Where You Draw the Line

Move a boundary without changing the underlying data. Watch the reported answer change, then explore how that problem appears in a city map and across time.

Direct manipulationContinuous fieldSensitivity analysis

Which blocker is really costing you?

The Release Machine

Two tasks are late and 90% complete. Why does one matter more to the launch? Compare the schedule with a dependency view that reveals the nine tasks it prevents from starting.

ChainReactionChartintervalLanesLayoutBlocker amplification

Portable evidence · packaging failure

The Insight Forge

Investigate a packaging failure one chart room at a time. Carry the evidence you accept into the next view, keeping its scope, uncertainty, and source attached.

Portable artifactsDeterministic recipesAudited lineage

Review queues under AI throughput

Merge Pressure

Eight pull requests meet a review queue. Change their arrival pace or the reviewer’s capacity, then compare waiting, return visits from CI, and the risk that reaches the finished feature.

GauntletChartShared capacityWeighted groups

Housing plan vs cumulative drag

Not in MY Backyard

A housing plan can win approval and still fail to produce homes. Follow a simulated proposal as civic review removes features and adds cost, delay, and other obstacles.

GauntletChartbodyForcesCompound glyphs

From first use to real contribution

The Stakeholder Journey

Daily use does not always become community participation. Follow the same 36 simulated people, change support at one crossing, and compare who first reaches commitment.

StreamPhysicsFrameStage ledgerControlled comparison

Late events, closing windows

Watermarks, Made Physical

How long should a live count wait for late events? Replay the same arrivals under two policies and compare an earlier result with one that accepts more delayed data.

EventDropChartPhysicsAgent-readable

TemporalHistogram · ISOTYPE · source audit

Nathan's Hot Dog Contest, Recounted

Count the winners’ hot dogs and buns in repeated units. Then compare rule changes and contest lengths to see why a larger total does not always mean a faster pace.

TemporalHistogramISOTYPESource-audited

Isometric creative-industry terrain

Creative Gravity of America

What would a landscape of creative industries look like? Switch among film, music, games, design, and research; the raised shelves show the selected signal, not physical terrain.

GeoCustomChartContoursIsometricCustom layout

TokenLayer · task-aware ISOTYPE

Sometimes it's better to be discrete

Estimate the chance of catching a bus within a chosen wait. Reveal the exact count and compare curves, dots, simulated outcomes, and icons as ways to explain probability.

TokenLayerQuantile dotplotHOPsDesign critic

Mobile-first review · Semiotic demos

Mobile Data Visualization That Works

Try the same reading tasks on a smaller screen. Explore fewer marks, small multiples, visible touch controls, and layout changes that preserve the question when space runs out.

ResponsiveResearch-backedTouch-first

Twelve personas · twelve chart grammars

The 12 Kinds of Data Visualization People

Twelve visualization personas approach data differently. Choose one to change the chart, data, and interaction, from a familiar spreadsheet view to a scientific or artistic interpretation.

Custom chartSankeyCandlestickLocal

Distant reading · literary signals

Can You Know a Book Better Without Reading It?

Can a chart help you find a better question to ask of a novel? Compare four public-domain books by chapter patterns and character flows, then return to the text.

LineChartBarChartSankeyLocal

Network + GeoCustomChart metaphor

The Octopus: It has its tentacles in everything

An octopus can make influence look like control. Compare historical networks and maps to see what the metaphor clarifies, what it implies, and how easily it can overreach.

Custom chartGeoCustomChartNetworkCustomChart

Funnel analysis · Pop Art flows

We Live in a World of Funnels

A funnel makes a sequence look orderly. Compare conversion totals with experiments, branching paths, and repeated journeys to find where that simple shape helps and where it hides the system.

FunnelChartSankeyProcessSankey

Altitude sections · evidence ledger

The Buildings Behind AI

Put the scale of AI infrastructure into countable units. Compare power, water, capacity, and compute while keeping operating facilities distinct from construction and announcements.

Custom chartLocalAgent-readable

Four custom frames · ISOTYPE

Lake Travis, in Signs

Read lake levels and weather through repeated symbols. Count full and partial signs to see how a dashboard can explain quantities without making each icon grow.

Custom chartLocalAccessible navigation

Five chapters · perception → Semiotic

The Gestalt of Data Visualization

Why do marks look like a group, a path, or a moving whole? Explore five perception principles through live charts and see how the same cue can clarify or confuse.

Network forms + an interactive toy

Drawing Networks

One network can tell different stories as arcs, a matrix, a Sankey, or a chord diagram. Compare the views, then try paths, centrality, and local neighborhoods in the playground.

Retro cartography · real geography

Map of the Oregon Trail

Follow the Oregon Trail across real geography in an Apple II palette. Inspect landmarks and watch the wagon travel from start to finish in this reconstruction of the 1985 game map.

Custom chartLocalAccessible navigation

Real chokepoint data, four-frame replay

The Long Way Around

A blocked canal and a longer detour reshape a trade route in different ways. Replay IMF PortWatch traffic across linked maps and timelines to compare the disruptions.

Realtime reader telemetry

The Scroll You're Telling

As you read a short history of data journalism, the charts read your scrolling. Watch pauses, skimming, and backtracking become position, speed, and dwell-time measurements.

Custom chartLocalIntent-aware

Interactive architecture map

The Living System of Semiotic

Choose an example and trace how it is built. The map connects its visible charts and controls to frame families, data inputs, and shared library systems.

The intelligence layer, end to end

What the Machine Sees

Give Semiotic a World Bank table and inspect its reasoning. Compare suggested charts, generated descriptions, accessibility findings, and a navigation tree without calling a language model.

Custom recipePortableIntent-awareScene-auditedAccessible navigationAgent-readable

ZIP-driven civic data + networks

Your Local Government Explorer

Start with a U.S. ZIP code and follow the public records it connects to: disasters, spending, service requests, law, and legislative activity. Each view identifies its source coverage.

Automatic chronological network

A Genealogy of Cubism and Abstract Art

Explore artistic influence in the style of Alfred H. Barr Jr.’s 1936 diagram. Dates set the vertical position; connections and spacing rules arrange the movements across the page.

Custom chartLocalAccessible navigation

Difference chart + uncertainty band

Point Climate Anomaly

Was that day unusually warm or cold? Compare daily temperature with an adjusted historical mean and a band containing the middle 90% of historical values for the date.

Point controls + radial weather

Brushable Weather Rings

Line up the same dates around annual weather rings. Select a season, compare unusual spells, and read the chosen days on the straight timeline below.

Custom chartAccessible navigation

Custom botanical hierarchy

The New York & Erie Railroad

Read an 1855 railroad as a tree of authority and a count of workers. Switch the reading while the same branches preserve roles, divisions, stations, and their connections.

Custom chartLocalAccessible navigation

Custom isometric GeoFrame

Paris, Isometric City of Lights

Explore a city as a strategy-game board. Compare landmarks in Paris, Austin, San Francisco, and Tokyo, then inspect what a grid cell selects and what it leaves out.

Custom chartLocalAccessible navigation

Custom radial network

The Wheel of Urines

Explore how a medieval physician connected urine colors with stages of digestion. The interactive wheel reconstructs that historical belief system; it is not a guide to diagnosis.

Custom recipeLocalIntent-awareAccessible navigationAgent-readable

Custom ordinal timeline

All the Wars of the United States

Look beyond a single war to the conflicts that overlap it. Explore U.S. wars by time, region, and historical period, including the intervals with no listed conflict.

Custom chartLocalAccessible navigation

Five coordinated realtime swarms

Wikipedia, as it happens

Watch English Wikipedia edits arrive as marks. Filter five linked views to compare additions, removals, volume, and editor categories, then open the revision behind an individual change.

Custom chartLocalIntent-aware