runnable examples you can explore in the browser
JavaScript graph visualization · private preview
Map your system. Follow every dependency.
Graphora turns relationship data into an interactive canvas. Find services, trace what they depend on, and understand downstream impact without losing the wider system.
Hosted demos are available now. Packages are not yet published and repository access is currently limited.
start with the approach that fits your application
the API is evolving while package publication is prepared
Explore connected systems
See what changes when relationships become visible.
Investigate impact
Search for a service, select it, and follow direct or downstream dependencies in a focused view.
Dependency explorer guideChange perspective
Move between force, circular, grid, and hierarchical layouts to expose different structures in the same graph.
Layout guideBuild familiar interactions
Give people direct control with selection, dragging, pan, zoom, hover states, and fit-to-view behavior.
Interaction guideGet started
Choose the path that matches your app.
Vanilla JavaScript
Own the engine lifecycle
Create a graph, mount the Canvas renderer, run a layout, and wire browser interactions without a framework.
Vanilla quickstartReact
Add a graph to a component
Render graph data through the React binding and connect callbacks, selection, layouts, and an imperative ref.
React quickstartGuides
Go from a question to a working graph.
Examples
Start with the task in front of you.
Every example below comes from the same manifest used to build the runnable demos. Search by a task, feature, framework, or title.
Recommended starting points
Source links open the exact files included with this hosted preview. Cloning the full repository still requires private access.