GridRender
Power network data, rendered in your browser.
Power networks. In your browser.
From generation to transmission and distribution.
From substation wiring to transmission networks, GridRender turns power network data into diagrams. The visualization library and browser app automatically arrange equipment and connections and render them as SVG.
Move from network data to layout and exploration in one workspace. View diagrams beside source documents, adjust display options, and inspect connections with zoom, pan, and label corrections.
An independent Rust port of the Java diagram functionality from LF Energy’s PowSyBl project. WebAssembly generates diagrams in the browser, supporting power-data applications, HMI visualization, substation monitoring, and integration with existing systems.
- 01
Network data
Load documents or select samples
- 02
Layout & rendering
Rust / WASM → SVG
- 03
Interactive view
Zoom, pan, and display controls
Substation single-line diagrams
The SLD view automatically arranges busbars, breakers, transformers, and connecting lines. Explore voltage levels, substations, and zones with equipment symbols and labels. Captured from the running substation example in English.
Networks and automatic layout
NAD shows lines and transformer connections between voltage levels. Atlas2 and BasicForceLayout can recalculate the layout. The IEEE_14_bus capture displays sample data.
Diagram and source together
Choose Diagram, Source, or Split. The split view places input documents, configuration, generated SVG, and converted network documents beside the diagram, with syntax highlighting, search, copy, and download.
Controls and readable diagrams
Quick, Options, and Configuration expose display controls. Updates preserve zoom and pan while patching changed SVG DOM content. Viewer corrections adjust text size and label collisions; downloads retain the renderer’s original SVG.
Network data studio
Generate single-line and network diagrams from samples or imported documents. The current demo lists XIIDM/XML, JIIDM/JSON, MATPOWER, and IEEE CDF import and export, distinguishing format coverage. This capture shows the generated default sample.