chevron_right Demos chevron_right Arc Diagram
Legal Disclosure Privacy Policy
yFiles for HTML chevron_right Demos chevron_right Arc Diagram
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.

Demo

Arc Diagram

This demo shows how to arrange and visualize a graph as an arc diagram.

In an arc diagram, nodes are placed on a single line and edges are drawn as semicircles.

This demo presents a custom layout algorithm implementation for this layout style.

Things to Try

Layout the diagram with different types of node orders.