N
NSG
Now in public beta

Visualize complex systems like they were built to be explored

NSG transforms codebases, data pipelines, AI agents, infrastructure, and nested graph data into fast, interactive 3D environments — built for deep inspection and massive structural understanding.

Try Repo VisualizerView Documentation
Loading interactive demo...

Not another graph viewer. A spatial runtime.

Most graph tools flatten complexity into tangled nodes and unreadable edges. NSG uses nested spatial layers, archetype renderers, stack composition, and depth navigation to turn complexity into something users can actually explore.

Zoom out

See the full system shape

Focus a layer

Understand its purpose

Enter a node

Reveal the world inside

Refresh a repo

Watch changes animate

Core Product Pillars

The architecture behind spatial system visualization

01

Nested Spatial Graphs

Every node can become a world

Instead of opening endless panels, NSG lets users move through levels of abstraction. A system can become a stack, a layer can become a graph, a node can become a child world.

02

Archetype Renderers

Different systems deserve different visual languages

Specialized renderers for Agent Meshes, Oracle Clusters, Execution Rails, Data Cities, Module Systems, Network Meshes, and Monitoring Fields.

03

Repo-to-Runtime Mapping

Connect a repo and get an interactive 3D project map

NSG detects code structure, frameworks, layers, dependencies, runtime patterns, and project shape — then converts them into a navigable visual system.

04

Lightweight by Design

Built for speed at scale

Staged rendering, stack previews, cluster budgets, progressive detail, and nested layers keep large systems responsive without dumping everything on-screen at once.

What NSG Does

Visualize massive nested graphs
Render codebases as runtime stacks
Inspect dependencies and imports
Explore AI agent systems
Map execution pipelines and DAGs
Represent data systems as living structures
Display infra/network topology
Embed interactive visualizations in your own app

Built for More Than Code

The repo visualizer is only the beginning. NSG can render any nested system that benefits from spatial understanding.

Software architectureAI agentsExecution DAGsData warehousesInfrastructure mapsBlockchain networksBusiness operationsTrading systemsKnowledge graphsWorkflow automations

Portable Graph Format

.nsg.json gives teams a reusable graph document format that can be rendered in Studio, through the API, locally through CLI, or embedded in apps.

The schema describes what the graph is. The NSG runtime decides how to render it.

View Schema Documentation
example.nsg.json
{
  "nsgVersion": "1.0",
  "name": "Trading DAG Runtime",
  "mode": "nested",
  "layers": {
    "execution": {
      "layoutMode": "flow",
      "archetype": "execution_rails",
      "nodes": [...],
      "edges": [...]
    }
  }
}

Embed NSG in Your App

Use the NSG React SDK to render nested 3D graph experiences inside your own products.

App.tsx
import { NSGCanvas } from "@nsg/react"

export function Viewer({ graph }) {
  return (
    <NSGCanvas
      graph={graph}
      theme="quantum"
      mode="nested"
      onNodeEnter={(node) => console.log(node)}
    />
  )
}
@nsg/schema

TypeScript types and validators

@nsg/react

React components and hooks

@nsg/api-client

API client library

@nsg/cli

Command-line tools

How NSG Stays Fast

NSG is designed around progressive visibility. Instead of rendering every detail at once, NSG separates systems into distinct view modes.

Macro view

Full system shape

Cluster view

Grouped structure

Detail view

Inspectable nodes

Inside view

Child layer/world

This keeps large systems responsive while preserving depth.

Frequently Asked Questions

Is NSG only for codebases?
No. Repo visualization is one use case. NSG is a spatial graph runtime for nested systems, data, software, infrastructure, agents, workflows, and custom graph experiences.
Does .nsg.json include my source code?
Not by default. .nsg.json is designed to store graph structure, relationships, summaries, paths, and metadata. Source content can be referenced securely when needed.
Can I use NSG with private repos?
Yes. Private repo support is available through authenticated integrations, and local/private workflows are supported through CLI and enterprise deployment options.
Can I embed NSG in my own product?
Yes. NSG supports API and SDK use cases, including hosted embeds and React integration.
Is the renderer open source?
The schema is public, but NSG's advanced rendering, layout, scanning, and runtime systems are proprietary.

Ready to explore your systems spatially?

Start with the repo visualizer, or dive into the API and SDK to build custom experiences.

Try Repo VisualizerRead the Docs