chevron_right Demos chevron_right Building Graphs From Data
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

Build Graph from Data

This demo shows how to build a graph using the data stored in JSON-format.

This demo utilizes the IGraph API to create graph elements, which can be useful for handling special cases.

However, for general use cases, we recommend using the GraphBuilder for creating graphs from data. It simplifies the process and is the recommended approach for most scenarios.

The input data structure itself is arbitrary. It just needs to contain all the necessary information to build the graph. This demo uses the following structure:

{
  "nodesSource" = [
    {"id": "0", "label": "Source"},
    {"id": "1", "group": "group0"},
    ...
  ],
  "edgesSource": [
    {"from": "0", "to": "group0"},
    ...
  ],
  "groupsSource": [
    {
      "id": "group0",
      "label": "Group 1"
    },
    ...
  ]
}