Back to Projects

AppCompleted

My Homelab

Web & FrontendBackend Engineering

A visual, node-based editor for designing and composing graphs in the browser, with live rendering and exportable output.

Graph Builder is an interactive tool for assembling graphs visually. Instead of hand-writing structures or configuration, you drag nodes onto a canvas, connect them, and watch the result render in real time.

Overview

The canvas is the heart of the app: a pannable, zoomable surface where every node is a first-class object you can move, link, and configure.

Graph Builder canvas overview

The editor

Nodes expose their properties through an inline panel, so the graph and its configuration stay in one place while you work.

Graph Builder node editor

Exporting

When the graph is ready, it can be exported to a portable format for use elsewhere in a pipeline.

Graph Builder export view