Field guide
Understand the diagram.
Change the actual design.
A field guide to the diagrams and processes in the example collection. Each lesson links to its converted source and all three new utilities.
New to DDN?
Write a simple ERD, add fields and choose a connection type.
Language guide
Indentation, tables, notes, shared definitions, defaults and lifecycle.
Visual gallery
Browse examples by profile, process or presentation variation.
160 lessons
Data structures and meaning
- Logical relational schemaddn@1
- Physical representation and datatype documentationddn@1
- Document and embedded-object schemaddn@1
- Property-graph schemaddn@1
- Key-value structure and lookup contractddn@1
- Wide-column and access-pattern designddn@1
- Semantic domains and candidate bindingsddn@1
- Catalog, database and schema organizationddn@1
- Dataset lineage and derivationddn@1
- Valid-time and recorded-time modelddn@1
- Dimensional warehouse / star schemaddn@1
- Embedding, vector and model lineageddn@1
- Chen ER notation — extendedchen.binary@2
- Crow's-foot ERDerd.crowfoot@1
- Nested fields — domains and representationsddn@1
- Whiteboard / discovery sketchddn@1
- Conceptual business ER diagramddn@1
Architecture, distribution and integration
- Hybrid local/cloud deploymentddn@1
- Event distribution / streaming integrationddn@1
- Backup, restore and continuity designddn@1
- Current-to-target mappingddn@1
- System context — C4-stylec4.context@1
- Application/container responsibilities — C4-stylec4.container@1
- Component responsibility map — C4-stylec4.component@1
- Network/system topologynetwork.basic@1
- Network with icon pack symbolsnetwork.basic@1
- UML deployment diagramuml.deployment@1
- C4 deployment diagramc4.deployment@1
- Cross-file traceability (UAF governance/operations)uaf.strategic@1
- Drill-down linked viewsddn@1
- UI wireframewireframe.ui@1
- ETL pipeline — sources to martsddn@1
- Event contract — producer, schema, consumersddn@1
- Shards and replicas — placementddn@1
Processes, interactions and lifecycle
- Data-flow diagram (Yourdon/Gane–Sarson idiom)ddn@1
- ISO 5807 flowchart — full symbol setflow.iso5807@1
- C4 dynamic diagram (numbered messages)c4.dynamic@1
- UML sequence diagram with combined fragmentsuml.sequence@2
- Lifecycle trace verificationstate.flat@1
- Yourdon-style DFDdfd.yourdon@1
- Gane–Sarson-style DFDdfd.gane_sarson@1
- BPMN collaboration / message flow between poolsbpmn.basic@1
- IEC 61131-3 ladder diagram / relay logicladder.basic@1
Requirements, governance and enterprise review
Time, composition and linked documentation
Matrices, tables and analysis panels
- RACI responsibility matrixmatrix.raci@1
- CRUD / data-access matrixmatrix.crud@1
- General model-derived relationship matrixmatrix.relations@1
- Source-bound record tabletable.records@1
- Typed decision table — unique matchdecision.rules@1
- Typed decision table — collect matchesdecision.rules@1
- Numeric heatmapmatrix.heatmap@1
- Risk/priority matrix with threshold bandsmatrix.heatmap@1
- Categorical status matrixmatrix.heatmap@1
- SWOT and four-panel strategic analysispanels.basic@1
- SIPOC process overviewpanels.basic@1
- Customer/service journey panelspanels.basic@1
- Empathy map and balanced scorecardcanvas.empathy@1
- Story mapmatrix.storymap@1
- Typed decision table — first matchdecision.rules@1
Charts, distributions and measurement
- Line chartchart.basic@1
- Area chartchart.basic@1
- Pie and doughnut chartschart.basic@1
- Scatter and perceptual plotschart.basic@1
- Calendar-ordered time-serieschart.basic@1
- Grouped multi-series barschart.quality@1
- Signed stacked barschart.quality@1
- Percentage-stacked barschart.quality@1
- Multiple-line chartchart.quality@1
- Multiple-series area chartchart.quality@1
- Actual versus target / layered markschart.quality@1
- Histogram — counts and densitychart.quality@1
- Pareto chartchart.quality@1
- Waterfall / running-change reconciliationchart.quality@1
- Box plot conventionschart.quality@1
- Distribution chart packchart.violin@1
- Tree and radial chart packchart.sunburst@1
- Grid and network chart packchart.heatmap@1
- Statistical overlays (error bars, regression, loess)chart.basic@1
- Bar chart — live records, keyed refreshchart.basic@1
Standards families
- UML class diagram — associations and classifiersuml.structure@2
- UML object diagram — instance snapshotuml.object@1
- UML component and composite structureuml.composite@1
- UML package and profile diagramsuml.structure@2
- UML state machine — pseudostates and composite statesuml.statemachine@1
- UML activity — pins, decisions and interruptsuml.activity@2
- Activity partitions (swimlanes)uml.activity@1
- UML communication diagramuml.communication@1
- UML interaction overviewuml.interaction_overview@1
- UML timing diagramuml.timing@1
- BPMN process and collaborationbpmn.process@1
- BPMN choreographybpmn.choreography@1
- CMMN case modelcmmn.complete@1
- SysML block definition diagramsysml.bdd@2
- SysML internal block diagramsysml.ibd@2
- SysML parametric diagramsysml.parametric@2
- SysML requirements diagramsysml.requirements@1
- DMN decision requirements diagramdmn.drd@1
- SoaML service architecturesoaml.services@1
- UAF strategic viewpoint (St)uaf.strategic@1
- UAF summary and overview (S&O)uaf.summary@1
- MSC / HMSC message sequence chartmsc.basic@1
- SDL system and processsdl.basic@1
- IEC 61131-3 function block diagramfbd.basic@1
- Petri netpetri.basic@1
- ORM fact modelorm.basic@1
- Value stream map — current statevsm.basic@1
- VSM symbol libraryvsm.basic@1
- IDEF0 function modelidef0.basic@1
- PERT / CPM networkpert.cpm@1
- Fault tree and event treefault.tree@1
Hierarchies, maps and symbol libraries
- Mind mapmindmap.basic@1
- Concept mapconcept.map@1
- Organization chartorg.tree@1
- Work breakdown structurewbs.tree@1
- Family tree / genealogyfamily.tree@1
- Icon pack symbols in a networknetwork.basic@1
- Vendor icon pack (Tabler)network.basic@1
- P&ID symbol librarynetwork.basic@1
- Electrical schematic symbol librarynetwork.basic@1
- Isometric chart treatmentchart.basic@1
- Isometric architecture viewddn@1
- Geo choroplethgeo.choropleth@1
Techniques
- Looks — classic, hand-drawn and neoddn@1
- Route options — curved, orthogonal and roundedddn@1
- Crossings — gaps, bridges and square jumpsddn@1
- Keyed record fields and compact declarationschart.basic@1
- Layout algorithms — picking the placementddn@1
- Spacing hints — tight to expandedddn@1
- Publication — page size, fit and minimum textddn@1
- Authorized export — hiding is not redactionddn@1
- Notation atlas — the semantic silhouettesddn@1
- Pinned placement — anchors in an automatic layoutddn@1
- Paused placement — retaining the current sceneddn@1
- Night and low-light palettesddn@1
- Data refresh — swapping records without breaking the viewchart.basic@1
- Whiteboard wall — sticky notes and stringddn@1
- Presentation diagrams — illustration art with connection pointsddn@1
- Source versions — the fixed language and default contractddn@1
- View profiles — choosing symbols and rulesflow.documented@2
- Numbered technical figures — references and monochrome outputddn@1
- Publication — page furniture and composed outputddn@1
- Text fit — wrapping, bounds and visible overflowddn@1
- Text presentation — readable typography and Markdownddn@1
- Connector presentation — color, weight and patternddn@1
- Sizing and opacity — scoped presentation overridesddn@1
- Reusable templates — shared structure and explicit parametersddn@1
- Comparing views — identity before appearanceddn@1
- Markings and metadata — claims with explicit meaningddn@1
- Programmatic verification — scopes and diagnostic resultsddn@1