TotalApp Docs

Graph View

Data visualisation terminal — chart commands, git stats, and BERT NLP analysis.

Overview

Graph View is a large, specialised terminal (approximately 7,400 lines of code) dedicated to data visualisation, git history analytics, and BERT-powered NLP classification. Unlike Dev Hub or Security Hub, Graph View has its own command parser (parseChartCommand), its own log system, and its own Canvas Terminal sub-component for node/workflow visualisation.

Because of its size and specialised purpose, Graph View is a fully standalone module. Commands and block types from other terminals do not cross over into Graph View, and vice versa.

Standalone Module — Do Not Mix Commands

Graph View commands (chart bar, bert-classify, git-stats) are only available inside Graph View. They cannot be used in Dev Hub Terminal or Security Hub. Similarly, Dev Hub commands like analyze-performance are not available in Graph View.

Screen previews

A quick look at the screens. Use the toggle in the corner of each preview to switch between the dark and light themes.

app.totalapp.app/graph-view
— API Source
— Processor
—— AI Filter
—— Transform
—— Database
—— Output
—— Webhook
selected

Drag-and-drop graph canvas

app.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)

Graph terminal

app.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

Export formats

app.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—
—

Graph assistant

app.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

Charts

app.totalapp.app/developer/graph-studio
🕸 Graph Studio 14 nodes · 21 edges
API
Auth
DB
Cache
Queue
Jobs
CDN
14
Nodes
21
Edges
3
Clusters

Graph Studio

app.totalapp.app/analytics/graph-view
★
◆
●
▲
■
◆
●
■
▲
◆
Selected Node
Customer #4821
Type Enterprise
Edges 7
Revenue $84K
Segment SaaS
Legend
Customer
Product
Order
Workflow
Invoice
Support Ticket
Region

Interactive graph view

app.totalapp.app/graph
Graph view
14 nodes · 21 edgesLive
API Gateway → ProcessorHighlighted
Betweenness centralitynode-3
ExportSVG · PNG · JSON

Graph view with centrality

Chart Commands

The core of Graph View is its chart rendering engine. Type a chart command and the terminal renders an interactive chart inline in the session.

CommandChart TypeExample
chart bar [dataset]Bar chartchart bar sales-by-month
chart line [dataset]Line chartchart line revenue-trend
chart pie [dataset]Pie / donutchart pie market-share
chart scatter [dataset]Scatter plotchart scatter user-cohorts

Charts are rendered interactively — hover over data points to see values, click legend items to toggle series. Charts can be exported as PNG from the chart context menu.

Git Stats

Graph View integrates with gitStatsService.ts to fetch live git history data and render it as charts. These commands are also available in Terminal Editor but not in Dev Hub or Security Hub.

CommandDescription
git-stats commits-by-authorBar chart showing commit count per contributor
git-stats file-changes-over-timeLine chart of file modification frequency over the past 90 days
git-stats commits-per-weekBar chart of weekly commit volume
git-stats top-filesHorizontal bar chart of most frequently changed files

BERT NLP Analysis

Graph View includes a local BERT model for text classification. Use the bert-classify command to run intent and category classification on any text input. The result is rendered as a probability distribution chart showing confidence scores per class.

CommandDescription
bert-classify "[text]"Classify the text using the local BERT model. Returns a bar chart of class probabilities.
bert-classify --batch [file]Classify each line of a text file and aggregate results into a summary chart.

BERT Runs Locally

BERT classification uses a locally-loaded model — no API key required and no data leaves your machine. This makes it suitable for classifying sensitive documents. Note that local BERT is for classification only; it does not generate text.

Canvas Terminal

Inside Graph View, there is a sub-terminal called Canvas Terminal dedicated to node and workflow visualisation commands. Canvas Terminal uses only TextBlock — it does not use Run, Pipe, Select, or Diff blocks.

Canvas Terminal is useful for rendering the topology of a workflow you've built in the Workflow Editor, or for visualising dependency graphs and data flow diagrams using simple text-based commands.

Important Notes

  • Graph View has its own dedicated log system separate from the shared useTerminalState hook used by other terminals.
  • The parseChartCommand parser is unique to Graph View — it understands chart-specific syntax that the shared commandParser.ts does not handle.
  • If you need chart rendering in a different terminal session, use Terminal Editor which also supports ChartView inside TextBlocks.
  • Graph View is the only terminal where git-stats commands are available alongside chart commands in the same session — ideal for repo health dashboards.