Introducing VanGraph: Visualizing Dependencies in Your App

[Tao-VanJS]

Hi fellow VanJSers,

I'm thrilled ot announce: VanGraph, a library that helps you visualize dependencies among states and DOM nodes in your app with the help of Graphviz. Here is the sample usage:

const firstName = van.state("Tao"), lastName = van.state("Xin")
const fullName = van.derive(() => `${firstName.val} ${lastName.val}`)

// Build the DOM tree...

// To visualize the dependency graph among `firstName`, `lastName`, `fullName`, and all the
// derived states and DOM nodes from them.
vanGraph.show({firstName, lastName, fullName})

Checkout a demo in CodeSandbox.

For more information about its usage, you can checkout its home page.

[kangaroolab]

very cool...do you have example how to use it in browser?

[Tao-VanJS]

I think there is a CodeSandbox example in this thread.