chevron_right Demos chevron_right Simple Tree Builder (Array)
Legal Disclosure Privacy Policy
yFiles for HTML chevron_right Demos chevron_right Simple Tree Builder (Array)
Discover More
Book a live Demo

See yFiles in action

30 min • Online • No install required

For developers, PMs & tech leads

  • Quick-start walkthrough + a real integration example
  • Live Q&A with next-step recommendations

Prefer another tool over Zoom? Just say so when you book.

Pick a time

Opens our scheduling page with Zoom's booking widget embedded. Using it shares your data with Zoom under its Privacy Policy.

See yFiles in action

30 min • Online • No install required

For developers, PMs & tech leads

Prefer another tool over Zoom? Just say so when you book.

Pick a time

Opens our scheduling page with Zoom's booking widget embedded. Using it shares your data with Zoom under its Privacy Policy.

Simple Tree Builder (Array)

This demo automatically builds a graph from business data using TreeBuilder. The business data is stored in an Array in JSON format.

See the Developer's Guide section on creating a Graph from Business Data and especially TreeBuilder for an in-depth explanation of the relevant concepts.

See also the GraphBuilder Tutorial for a step-by-step guide on configuring the TreeBuilder class, loading data, and customizing graph visualizations.

TreeBuilder provides a specific set of methods that allow to configure the builder on the given data source.

createRootNodesSource
Registers a data source that represents the root nodes.
TreeNodesSource.createChildNodesSource
Registers a data source as child entities of a TreeNodesSource.
TreeNodesSource.addChildNodesSource
Binds a collection of child data objects of a TreeNodesSource.