157 templates · page 1 of 2
Data & Schema diagram templates
ER diagrams, data flow, knowledge graphs, ontologies.
Entity Relationship
Crow's-foot ER diagram with attributes.
MermaidKnowledge Graph — Marie Curie
Subject–predicate–object knowledge graph.
Graphviz (DOT)Ontology (OWL-style)
Hierarchical ontology with subclass and property relations.
Graphviz (DOT)Sankey Flow
Energy / budget / cohort flows with proportional widths.
MermaidSocial Network
Concentric layout social/collaboration graph.
Cytoscape (Network)PlantUML — JSON Tree
Visualise a JSON document as a typed tree.
PlantUMLPlantUML — YAML Tree
Visualise a YAML document as a tree.
PlantUMLPlantUML — File Tree
Visualise a project folder structure as a tree.
PlantUMLTree View
Outline / tree view, e.g. file structures. (v11.14+)
MermaidPlantUML — Chen ER
Chen-notation entity-relationship diagram.
PlantUMLPlantUML — Information Engineering ER
Information Engineering (crow's-foot) ER notation — the most common ER style in industry.
PlantUMLOntology Hierarchy
Concept hierarchy / ontology with concentric layout.
Cytoscape (Network)ERD — Multi-tenant SaaS
Organisations, users, memberships, projects — classic multi-tenant model.
MermaidSankey — Annual Budget
Where the money goes — revenue, expenses, profit.
MermaidETL Pipeline
Extract → transform → load with quality gates and observability.
MermaidStar Schema
Canonical star — fact_sales at the centre, dimensions around it.
MermaidData Flow with PII Boundary
Where personal data lives, who sees it, and the encryption boundary.
WeaveP&L Waterfall
Revenue → COGS → OpEx → operating income waterfall.
PlotlyARR Bridge
Starting ARR → new + expansion - churn = ending ARR.
PlotlyCustomer Retention Cohorts
Heatmap of retention by signup cohort × month-since-signup.
Vega-LiteSaaS Metrics Tree
How ARR decomposes into CAC, LTV, churn, expansion.
Graphviz (DOT)DCF Valuation Tree
Free cash flow → discounted cash flow → enterprise value structure.
Graphviz (DOT)Change Data Capture
Stream OLTP changes via WAL → Debezium → Kafka → downstream sinks.
MermaidMedallion Lakehouse
Delta-style bronze → silver → gold tables with quality expectations.
MermaidDesign Token Tree
Hierarchical design tokens — colour / spacing / type / motion.
Graphviz (DOT)Information Architecture Tree
Site navigation tree for a product site.
MermaidRISC-V Instruction Formats
R / I / S / B / U / J formats laid out as bit-fields.
MermaidBill of Materials Tree
Indented BOM for a finished product with sub-assemblies and raw parts.
Graphviz (DOT)Player Position Heatmap
2D position-density heatmap over a normalised pitch.
Vega-LiteMatch Win-Probability Flow
Win-probability over time, two teams.
Vega-LiteLeague Standings — Slope
Position changes across rounds for the top 5 teams.
Vega-LiteMerkle Tree
Binary Merkle tree over four blocks of data with root proof.
Graphviz (DOT)Blockchain Block Structure
Three consecutive blocks linked by previous-hash pointers.
MermaidMarketing Funnel TOFU/MOFU/BOFU
Classic funnel chart from awareness to purchase.
PlotlyAttribution Models Compared
Credit assigned to channels under different attribution models.
Vega-LiteHiring Funnel
Candidate funnel from applied to offer accepted with conversion rates.
PlotlyEnergy Mix — Generation by Source
Stacked bar of electricity generation by source across years.
Vega-LiteHofstede Cultural Dimensions
Radar comparing two countries on Hofstede's six dimensions.
PlotlyHIPAA — PHI Data Flow
Where PHI lives, who can touch it, and the encryption boundary.
WeaveGauge + Bullet (KPI panel)
Two-row KPI panel — speedometer gauge and progress bullet.
PlotlyYAML — App Configuration
Realistic YAML config rendered as a structured viewer.
PlantUMLConnected Scatter (state path)
Trajectory of two metrics over time with arrows connecting points.
Vega-LiteInsurance Premium Decomposition
Stacked breakdown of where each premium dollar goes.
PlotlyF1 Lap Telemetry
Throttle and speed traces around one qualifying lap.
Vega-LiteMonthly Personal Budget
Income breakdown into categories — clean sunburst for personal finance.
PlotlyIPv6 Packet Header
40-byte fixed IPv6 header laid out as bit fields.
MermaidCycling Power-Duration Curve
Maximal mean power vs duration — sprint to endurance regions.
PlotlyMarathon Pacing Strategy
Negative-split target pace per 5K segment.
Vega-LiteSwim Relay Splits
Four 50m splits across a 4×50m relay with leg ordering.
Vega-LiteEquity Waterfall
Exit-proceeds distribution: preferences → catch-up → pro-rata.
MermaidData Flow Diagram
Customer / external entity → processes → data stores using DFD symbols.
WeaveEntity-Relationship Diagram — Attribute Boxes
Database ERD using class-box shape for entities + attributes.
WeaveER Notation — Orders Schema
Customer / order / line-item / product ER diagram in proper ER notation with relationships and attributes.
WeaveRBAC model
Users → Roles → Permissions → Resources.
WeaveData mesh
Domains own products → catalogue → consumers + governance.
WeaveEntity-relationship diagram — orders and inventory
Customer · Order · LineItem · Product · Inventory with rounded entities + parallelogram attribute lists.
WeaveModern data warehouse
OLTP + Kafka + SaaS → CDC / Fivetran → S3 lake → dbt → Warehouse → BI / ML.
WeaveSketchy ER — shop
Customer / Order / LineItem / Product / Inventory.
NomnomlSunburst hierarchy
Radial space-filling tree showing org hierarchy depth.
VegaChord diagram
Circular flows between categories.
VegaForce-directed network
Interactive nodes + links with a physics simulation.
VegaTreemap — Company Departments
Rectangle hierarchy sized by metric.
VegaParallel coordinates
Multi-dimensional comparison across normalised axes.
VegaStreamgraph
Smooth stacked area of categories over time.
VegaCircle packing
Nested circles sized by value.
VegaBullet chart
KPI vs target with comparative ranges.
VegaMini ER diagram
Customer 1 — * Order * — 1 Product
PikchrSaaS core schema (users, orgs, plans)
Multi-tenant SaaS skeleton — organisations, users, plans, subscriptions, audit log. Ref shorthand `>` for many-to-one.
DBMLE-commerce schema
Storefront essentials — customers, products, variants, orders, line items, payments. Includes enums.
DBMLBlog schema (posts, tags, comments)
Posts with many-to-many tags via a join table, threaded comments, authors.
DBMLBanking ledger schema
Double-entry ledger — accounts, journal entries with debit/credit lines, daily balances.
DBMLAuthors → Books ER
Tiny example showing every ERD primitive — entities, primary keys, fields with types, a labelled relation.
ERDLibrary catalogue
Books, authors, loans and members. Demonstrates many-to-many through a join entity.
ERDBlog ER (posts ↔ tags)
Authors publish posts, posts are tagged through a join entity, comments are threaded.
ERDVenn — data team domains
Analytics / Data eng / ML overlap inside a data org.
Venn / Eulerpacketdiag — IPv4 header
Bit-accurate IPv4 header layout.
Packet diagrams (packetdiag)packetdiag — TCP header
Standard TCP segment header.
Packet diagrams (packetdiag)packetdiag — UDP datagram
Tiny UDP header.
Packet diagrams (packetdiag)packetdiag — Ethernet II frame
Layer-2 Ethernet frame with VLAN tag option.
Packet diagrams (packetdiag)packetdiag — TLS record
TLS 1.3 record-layer envelope.
Packet diagrams (packetdiag)Pikchr — data pipeline
Source → ingest → transform → warehouse → BI.
PikchrDBML — SaaS multi-tenant schema
Tenants, users, subscriptions, audit log.
DBMLDBML — event sourcing skeleton
Aggregate, events, and snapshot tables.
DBMLDBML — marketplace schema
Users, listings, orders, reviews.
DBMLDBML — content CMS
Articles, authors, tags, revisions.
DBMLDBML — ride-hailing schema
Riders, drivers, rides, payments.
DBMLSVGBob — tree structure
Tree drawn ASCII-style.
SVGBob (ASCII)Bytefield — IPv4 header (byte layout)
IPv4 header expressed as 32-bit rows.
BytefieldBytefield — Bluetooth advertising PDU
BLE advertising PDU structure.
BytefieldBytefield — ELF header (start)
First bytes of an ELF binary header.
BytefieldBytefield — COSE_Sign1 layout
Compact COSE_Sign1 message envelope.
BytefieldBytefield — QUIC short header
Compact QUIC 1-RTT packet header.
BytefieldDitaa — batch ETL
Extract → transform → load batch pipeline.
Ditaa (ASCII)Vega-Lite — retention cohort heatmap
Cohort retention rectangle heatmap.
Vega-LiteVega-Lite — A/B test lift
Bar with error bars for A/B test means.
Vega-LitePlotly — cohort retention heatmap
Heatmap of cohort retention across weeks.
PlotlySankey — UK energy flow
Simplified energy supply → use Sankey, like the UK ESRI flowchart.
Sankey flowTreemap — disk usage
Disk usage by folder.
Treemap (squarified)Treemap — codebase size by language
Lines of code per language in a sample monorepo.
Treemap (squarified)Data Lakehouse (Medallion Architecture)
Four source systems through CDC and streaming ingest into bronze / silver / gold S3 zones with an Iceberg catalogue, transformed by Spark and dbt, served to BI, ML and a data API under Lake Formation governance.
Weave