Nodetelling

Nodetelling: stories built with nodes.

Connected content, a guided canvas journey, and pages that branch into the story. We call it Nodetelling. Here’s what we mean.

By FlowField28 Sept 20263 min read

An idea leads to proof, then to a next step. Each is a piece of content on the canvas; the connections give the reader a route through them.

01 / Nodetelling

We call it Nodetelling.

Nodetelling is FlowField’s name for telling a story through connected pieces of content, called nodes, on a canvas. A guided route carries the reader through the main story. Branches lead into case studies, articles, and other pages, with a way back to where they left off.

The name came out of building this website. We wanted people to experience why we love node-based editors: the space to organize complex ideas, the pleasure of seeing how the pieces fit, and the freedom to move closer to something interesting. Nodes plus storytelling. Nodetelling.

02 / Nodetelling

What is a node?

A node is one item that can connect to other items. Think of a mind map: each idea is a node, and the lines show how those ideas relate. On this website, a node can hold a headline, a video, an illustration, or a button. The canvas is the shared space they live in.

Each node has a job in the story. An introduction leads to an example of our work; the example leads to a case study; a question leads to a conversation. The connector lines make those relationships visible. A node might look like ordinary text or a video that fills the screen. Its appearance follows what it needs to communicate.

03 / Nodetelling

The reader stays in control.

A canvas gives the story room to move right, down, or closer to a detail. A broad view introduces an idea; a closer view gives it space to become specific. Connections develop as the visitor moves, with the leading edge visible so they can anticipate where the story goes.

Ordinary scrolling keeps the reader in control. They can stop, move back, or skip ahead. The camera gives them time to follow the connection, and the line stays with the view. The menu and contact action stay available, so exploring never becomes a prerequisite for getting in touch.

04 / Nodetelling

A branch makes room for a closer look.

Someone browsing our work may want a quick impression. Someone considering a similar product may want the details. A branch lets both visitors use the same story: the main route gives an overview, and opening a project moves into a more focused journey.

Those pages still have their own addresses. You can arrive at an article directly, share a case study, and use the browser’s Back button. In the blog, you can also switch to a grid when you already know what you want to read. The canvas should accommodate that intent.

How we built FlowField’s connected canvas

05 / Nodetelling

Give the format a reason to exist.

For FlowField, the format makes our interest in visual organization tangible. We like minimal interfaces and highly organized systems. A canvas gives each idea its own space while keeping its relationships visible. It is also fun to see the whole picture and discover what is inside it.

Nodetelling earns its place when those relationships help someone understand the work. A visitor looking for an opening time should still find it quickly. We’re giving the approach a name because we want to keep developing it: connected content, a route worth following, and room to explore. FlowField is our first expression of Nodetelling. The website itself is the example.

Talk to us about your next project

Product decisions3 min read

Does your product need a node editor?

Sometimes a list is enough. Sometimes the connections are the product. How to tell the difference before you build.

26 Sept 2026 Read article

All articles

Svelte Flow

Let’s talk