chevron_right Demos chevron_right Simple Graph Builder
Legal Disclosure Privacy Policy
yFiles for HTML chevron_right Demos chevron_right Simple Graph Builder
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 Graph Builder

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

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

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

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

createNodesSource
Registers a data source that represents the nodes.
createGroupNodesSource
Registers a data source that represents the group nodes.
createEdgesSource
Registers a data source that represent the edges that connect the nodes.
NodesSource.createChildNodesSource
Registers a data source that represents the child nodes for a node in the NodesSource.
NodesSource.createParentNodesSource
Registers a data source that represents the group node for a node in the NodesSource.