The problem
System meaning already lives in source, schemas, configuration, and relationships—but it is scattered across tools or flattened into diagrams that quickly drift.
Semantic visualization infrastructure
Meaning,
made visible.
Orbweaver turns semantic graphs into polished, accessible visual structures—without asking authors to think in coordinates.
$npm install @semanticintent/orbweaver↗OPEN SOURCE · TYPESCRIPT · v0.1
COREMeaningsemantic.root
SOURCEIntentline 42
OUTPUTStructureaccessible.svg
QUERYContext3 relationships
SELECTED ENTITYMeaning
- Kind
- concept
- Source
- system.graph
01 / PRINCIPLE
Authors declare meaning.
Orbweaver owns geometry.
Most diagram tools make presentation part of the source. Orbweaver keeps semantic truth separate from its visual expression, so every artifact remains derivable, inspectable, and trustworthy.
02 / WHY ORBWEAVER
The diagram is an artifact.
Meaning is the source.
Orbweaver began with a simple question: what if a diagram could remain as trustworthy as the system it explains?
The idea
Authors declare entities, relationships, and provenance. Orbweaver validates the semantic structure and derives the geometry.
The practice
A working study in typed APIs, deterministic pipelines, graph layout, accessible SVG, interaction design, testing, releases, and human-reviewed AI.
03 / PIPELINE
One contract.
Many visual structures.
01Semantic graph→
02Validation→
03Derived layout→
04Scene model→
05Accessible SVG
Identity, metadata, and provenance survive every transformation.
04 / USE CASES
Built for systems
that already know.
When relationships already exist in code, configuration, or structured data, Orbweaver gives them a visual form people can reason through.
System architecture
Turn services, boundaries, and dependencies into navigable system maps.
Explore ↗Workflow logic
Render processes and decisions from structured definitions without authored coordinates.
Explore ↗Compiler insight
Give DSLs and analyzers a visual debugging surface with source-level provenance.
Explore ↗Agentic workflows
Make human-and-agent work inspectable and durable without turning the diagram into a workflow engine.
Explore ↗05 / QUICK START
From graph to artifact in minutes.
Plain TypeScript in. Accessible SVG out. No framework, canvas, or manual coordinates required.
Read the complete guide →checkout.ts
import { createGraph, renderGraph } from
'@semanticintent/orbweaver'
const graph = createGraph({
id: 'checkout',
nodes: [
{ id: 'cart', label: 'Cart' },
{ id: 'pay', label: 'Payment' }
],
edges: [{ from: 'cart', to: 'pay' }]
}')'
const svg = await renderGraph(graph)06 / PORTABLE HTML
One command.
One complete artifact.
Take a semantic diagram beyond its host application. The package-native CLI produces a self-contained interactive HTML file with the SVG, inspector, selection behavior, and semantic metadata already inside.
terminal
$ npx orbweaver-html northwind.json \
--output northwind.html \
--theme dark
✓ northwind.html · self-containedThe semantic stream
Meaning moves.
Give it structure.
Systems continuously produce entities, decisions, evidence, and relationships. Orbweaver turns that semantic stream into a visual structure people can inspect.