OneGraph

Mac, iPad · coming soon

Paste a SwiftUI view, change an input, and see which parts of its graph ran again and why, then the real layers SwiftUI made from it.

It goes with my talk “SwiftUI Is One Graph”: the view on screen, the graph animating, and the explanation, in one window.

OneGraph with a face open and the happy switch pressed: the source on the left with the lines that read happy lit, SwiftUI’s picture of the face and the planes it is made of below it, the graph with the lines from happy lit on the right, and under it the explanation saying which parts were recomputed because they read happy.

The sample it opens with is a face that smiles. Four switches turn it happy, sad, angry or cool. Press one and OneGraph shows what changed.

The same face at rest beside the face after happy is pressed: the smile becomes an open mouth with a tongue, the brows lift, the cheeks turn pink and the ground behind turns brown.

OneGraph after sad is pressed: a frown, a tear and slanted brows on a blue ground, the lines from sad lit in the graph, and the explanation naming each part that read sad.

What you see

The source. Lines that read the value you changed are lit.
The picture. SwiftUI’s own picture of the view, and the layers it is made of, pulled apart in depth so you can turn them.
The graph. The values and the parts that read them. Press a value and the lines from it light up.
The explanation. In words, which parts were recomputed and why, and which were reused unchanged.

Platforms

The Mac comes first, as a beta. An iPad version is planned, and an iPhone version will be tried after it. Until one of them is released there is nothing to download.

Coming soon

This page will say what OneGraph needs and how to get it when the beta is out.

Follow along

The newsletter and the blog say when something ships. To write to me, see About.

All apps ←