Linear Code
Linear Code turns source and data files into an interactive live graph
preview you can zoom, pan, and search. The preview updates as you edit and
supports a compact/detailed toggle for the converted formats.
Supported file types
| Format |
Extensions |
What the graph shows |
| Graphviz / DOT |
.dot, .gv |
The DOT source rendered via d3-graphviz (SVG). |
| JSON |
.json |
A node/edge graph (auto-detected nodes[]+edges[]) or the JSON walked as a tree. |
| XML |
.xml |
The element tree. |
| YAML |
.yaml, .yml |
The mapping/sequence tree. |
| RDF/XML |
.rdf |
An OWL/RDFS ontology class diagram (classes as nodes, properties as rows/edges). |
| OWL |
.owl |
The same ontology class diagram (RDF/XML or OWL/XML functional syntax). |
| JavaScript / TypeScript |
.js .jsx .ts .tsx .mjs .cjs |
Program structure + scope-resolved call graph (functions, classes, imports, detected resources). |
| HTML |
.html, .htm |
Page structure (container hierarchy, elements as rows, embedded JS, images, external resources). |
| Python |
.py, .pyw |
Program structure + call graph (functions, classes, DataFrames, imported modules, resources). |
| PHP |
.php |
Program structure + type-level relations (classes/interfaces/traits/enums, methods/properties as rows, inheritance, new, dependency injection, static calls, and framework/IO resources). |
| CSV / TSV |
.csv, .tsv |
Table schema plus a top-rows data preview. |
| Parquet |
.parquet |
Table schema and per-column statistics. |
| Pickle |
.pkl |
Dict/array schema and a data preview. |
| ORC |
.orc |
Table schema and per-column statistics. |
| PDF |
.pdf |
Document structure: metadata header, outline/bookmark + page hierarchy, and detected resources (images, internal/external links, embedded files). |
Linear Code features
- Live preview that updates as you type.
- Zoom, pan, and search for nodes in the graph.
- Graph information with compact and detailed view toggle.
- Node hierarchy view and search with interactive navigation in code and visual.
- DOT visualization graph with interactive tracing and highlight.
- Data Files structure and top rows visualization.
- Program Files code and structure interactive visualization with call graph, internal and external resources.
- Visual Web command prompts for a URL, opens it in the built-in Simple
Browser, fetches the served HTML, and graphs it through the HTML converter
(served HTML only; client-rendered SPA content won't appear).
Usage
Open a supported file in the active editor. With linear-code.openAutomatically
enabled (the default) the preview opens on its own; otherwise trigger it via:
- the graph icon in the editor title bar, or
- the editor context menu → Visual, or
- the command palette (cmd/ctrl+shift+p) →
LinearCode: Visual (command
linear-code.visualCode).
To visualize a live web page, run command (cmd/ctrl+shift+p) → LinearCode: Visual Web
(command linear-code.visualWeb).
Notes
This extension uses standard Microsoft VSCode telemetry
@vscode/extension-telemetry to collect anonymous usage data when turned on. Only non-identifying events are sent; user data, contents, file names/paths, and URLs are never collected. You can turn it off for this extension alone with the linear-code.telemetry.enable setting, and it always also respects your global VS Code setting "telemetry.telemetryLevel".
Release Notes
See the CHANGELOG.
| |
