chevron_right Demos chevron_right Non-ribbon Chord Diagram
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

Non-ribbon Chord Diagram

This demo shows how to create a non-ribbon chord diagram. In contrast to the normal Chord Diagram Demo, these diagrams use clearly separated nodes and edges, so it can be easier to see the individual connections.

This demo illustrates email communication between employees of a fictitious company.

The layout of the graph is calculated with the circular layout. The color of the nodes represents the department to which each employee belongs. Each edge has the two colors of its source and target. The thickness of the edge is proportional to the number of e-mails exchanged between the two nodes.

Things to try