Developer — Graph Studio

Draw, query and explore
any graph

An interactive canvas editor and command-line terminal in one — build node graphs, run analytical commands, download in any format, and let the AI assistant explain patterns you've never noticed.

Open Graph Studio View docs
Visual Canvas Graph Terminal Export & Download AI Assistant Chart Types
50+
Graph commands
8
Export formats
BERT
NLP intent engine
Live
Git stats overlay
AI
Pattern assistant
Visual Canvas

Drag-and-drop graph
editor, zero friction

Build node graphs interactively on an infinite canvas. Add nodes, connect edges, assign categories and colours — then share, embed or export with a single click. No code required.

  • Infinite canvas with smooth pan, zoom, and minimap navigation
  • Multi-select, group, and auto-layout powered by force-directed algorithms
  • Colour-coded node categories with custom labels and metadata fields
  • Undo / redo history, real-time node inspection panel on selection
Open Graph Studio
totalapp.app/graph-view
— API Source
— Processor
—— AI Filter
—— Transform
—— Database
—— Output
—— Webhook
selected
Graph Terminal

50+ commands,
type to create

Switch from visual to command-line in a keystroke. The Graph Terminal understands natural-language graph commands — generate charts, compute statistics, run graph traversals, and overlay live Git data directly from the prompt.

  • BERT-powered NLP intent engine — type what you want, not the syntax
  • Generate bar, line, scatter, pie, and radar charts with inline data editing
  • Run graph traversals: BFS, DFS, shortest-path, centrality scoring
  • Overlay live Git commit stats, PR counts, and contributor graphs on any chart
Open Graph Studio
totalapp.app/graph-view/terminal
Graph Terminal BERT NLP
graph$ bar chart monthly revenue 2024
—— Bar Chart — Monthly Revenue
Jan 84k —————————— — 12%
Feb 91k ——————————— — 8%
Mar 107k ————————————— — 18%
graph$ git commits last 30 days contributors
—— Git Stats — Contributor Activity
alice 142 commits +8,201 -2,104
bob 98 commits +4,892 -918
carol 61 commits +2,310 -480
graph$ shortest path node-1 node-7
Path: node-1 — node-3 — node-5 — node-7 (dist: 3)
Export & Download

Every format you need,
one click away

Export any graph or chart to PNG, SVG, PDF, JSON, CSV, GraphML, DOT (Graphviz), or Mermaid syntax. Embed as an iframe, download for reports, or pipe to external tools — all from the same export panel.

  • High-resolution PNG and vector SVG for presentations and publications
  • JSON and GraphML for programmatic import into other graph tools
  • Mermaid and DOT export to drop directly into GitHub READMEs or Graphviz
  • CSV data export from charts with custom column mappings and date ranges
Open Graph Studio
totalapp.app/graph-view/export
Export Graph 8 formats
———
PNG
.png
SVG
.svg
PDF
.pdf
———
JSON
.json
GraphML
.graphml
Mermaid
.md
Include background
High resolution (2—)
——— Export node metadata
— Download graph.png
AI Assistant

Ask anything about
your graph

The embedded AI Assistant reads your graph structure and chart data in real time — explain cluster patterns, find bottlenecks, suggest optimisations, and generate new node sets from a plain-English prompt. No data leaves your environment.

  • Context-aware answers: the AI sees your current graph, not generic training data
  • Pattern detection — automatically highlights high-centrality nodes and weak bridges
  • Generate new nodes and edges from a description: "add 3 cache nodes between API and DB"
  • Summarise Git stats, explain commit spikes, and flag anomalous contributor patterns
Open Graph Studio
totalapp.app/graph-view/assistant
AI Assistant Graph Studio — Live context
Which node has the highest betweenness centrality—
node-3 (Processor) has the highest betweenness centrality at 0.72. It sits on the shortest path between 6 out of 8 node pairs — making it a critical bridge. Removing it would split the graph into two disconnected components.
Highlight node-3 Show full report Add redundant path
Add 2 cache nodes between API Source and Processor
Done. Added cache-1 and cache-2 with edges: API Source — cache-1 — Processor and API Source — cache-2 — Processor.
Ask about your graph—
Chart Types

Every chart you need,
typed or drawn

Graph Studio ships with bar, line, area, scatter, pie, doughnut, radar, and heatmap charts — all editable inline on the canvas. Data can be manually entered, imported from JSON/CSV, or pulled live from Git repositories.

  • Inline data editor with auto-scale axes and custom colour palettes
  • Live Git data overlay — commits, PRs, code churn, contributor rankings
  • Combine multiple chart series on a single canvas for correlation analysis
  • Annotate charts with callout labels and reference lines — no design tool needed
Open Graph Studio
totalapp.app/graph-view/charts
Chart Gallery
—— Bar
—— Line
—— Pie
—— Radar
Commits per Week — Last 8 Weeks
382
Total commits
+24%
vs prev period
6
Contributors
Everything included
One tool for every graph need
———

Infinite Canvas

Pan, zoom, and navigate any graph at any scale — from 5-node diagrams to 5,000-node dependency maps.

Command Terminal

50+ graph and chart commands with NLP intent parsing — no syntax memorisation, just plain English.

8 Export Formats

PNG, SVG, PDF, JSON, CSV, GraphML, DOT, and Mermaid — download or embed in one click.

8 Chart Types

Bar, line, area, scatter, pie, doughnut, radar, heatmap — all editable inline on the canvas.

AI Graph Assistant

Context-aware AI that reads your live graph — explain patterns, detect bottlenecks, generate new nodes.

Live Git Overlay

Pull commit stats, contributor activity, and PR counts directly into any chart without leaving the app.

Graph Analytics

Centrality scoring, shortest-path, BFS/DFS traversal, and community detection built into the terminal.

Light & Dark Themes

Full light and dark mode for every canvas, chart, and export — toggle at any time without reloading.

Graphs that think with you

Start drawing, querying, and exporting in seconds — no install, no config, no friction.

Open Graph Studio Read the docs