chevron_right Demos chevron_right Simple Graph Builder
Legal Disclosure Privacy Policy
yFiles for HTML chevron_right Demos chevron_right Simple Graph Builder
Related demos
Book a live Demo

Live Demo — yFiles in Action

30–45 min | Online | No install required

For Developers, Product Mangers & Executives

  • Interactive graph visualization in real time
  • Integration example
  • Live Q&A and next step recommendations

30–45 minutes | 1:1 or team session | Online (Zoom / Teams)

No install required | We show live code

Book a free live demo

Live Demo — yFiles in Action

30–45 min | Online | No install required

For Developers, Product Mangers & Executives

30–45 minutes | 1:1 or team session | Online (Zoom / Teams)

No install required | We show live code

Book a free live demo

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.