flowRS Open the IDE
← Tutorials

Your first graph, running in the browser

2 min

Older IDE Filmed on the IDE as it was in late August 2026. The editor has changed since, so some screens look different. The written walkthrough is current.

Open the editor, wire a source, a transform and an indicator, and watch values move — no install, no toolchain.

Walkthrough

  1. Open the IDE. Nothing installs: the editor and the runtime are WebAssembly running in the page. Compiling the generated Rust is the one step that leaves it: Compile sends the program to the Rust Playground, after you agree to.
  2. Drop a source node from the palette, then a transform, then an indicator on the front panel.
  3. Drag a wire between the ports. Incompatible ports refuse the connection — the port's media type is checked as you draw, not after you run.
  4. The indicator's reading updates as you edit: the graph runs again in the page on every change. Run executes it once more and prints its console output.
  5. Open the generated Rust pane. The signal graph emits ordinary Rust, one way. That source is not parsed back into the graph.

What you take away

You can draw a signal graph, run it in the page, and read the Rust it emits.

Open the IDE and try it