Practical Guide to Circular Layout
Expert insights and techniques

The "Graph Layouts in yFiles" webinar series explores advanced techniques and best practices for effective graph visualization.

This seventh episode examines the yFiles circular layout, a method ideal for emphasizing cyclic structures and symmetrical graph designs. The webinar discusses its applications and unique characteristics, supported by a range of practical examples. Learn how to evaluate if the circular layout fits your data, alongside the fundamentals of configuring this layout with yFiles for HTML to match specific project requirements. Additionally, the session covers the balloon layout, which utilizes circular arrangements to create tree-like visualizations of general graphs.

The session is presented by Dr. Benjamin Niedermann, a Senior Algorithm Engineer in the Layout Team at yWorks, sharing his in-depth expertise in graph algorithms and data visualization.

asd

Build visually appealing networks with circular layouts

If you're working on "network topologies," "relationship diagrams," or "data clustering," yFiles offers the perfect tools to create clear and aesthetically pleasing circular diagrams. Our free trial gives you access to advanced circular layout algorithms, designed to highlight relationships and symmetry in your data. Whether you're visualizing interconnected networks, social relationships, or clustered data, yFiles supports a wide range of use cases across platforms like Web, Java, and .NET.

With our trial, you’ll also gain expert support from our core developers, ensuring you have the assistance needed to overcome any technical challenges. Whether you're starting a new project or refining existing circular layouts, yFiles provides the powerful tools you need to bring your data to life.

Start creating "symmetrical and connected visualizations" with yFiles' circular layout today!

Try yFiles for free

You have questions about graph visualization?

Get in touch to discuss your specific challenges with our diagramming experts. We're here to provide the guidance you need.

You have questions about graph visualization?

We´d love to help you. Reach out and we'll get in touch with you.

Thank you!

Your message has been sent.

Watch the full webinar episode

Watch the full episode below to gain a comprehensive understanding of the circular layout in yFiles. Dr. Benjamin Niedermann introduces the core concepts and provides practical demonstrations.

load from YouTube

About yFiles: The graph visualization SDK

yFiles playground graph drawing example

yFiles is your go-to SDK for crafting advanced graph visualizations, whether you're working with Web, Java, or .NET technologies. Its unmatched flexibility and scalability enable you to convert complex data into clear, actionable visuals, fitting for both enterprise and startup needs.

With yFiles, you're equipped for the future—supporting any data source while maintaining strong data security. Getting started is seamless, thanks to over 300 source-code demos, thorough documentation, and direct access to core developer support. These resources are available even during your free trial.

Backed by 25 years of graph drawing expertise, yFiles is trusted by top companies worldwide for their most critical visualization tasks.

Key topics covered in this webinar

Overview of the yFiles circular layout
Applications and characteristics of the circular layout
Introduction to the balloon layout for tree-like visualizations
Coding examples for implementing the circular layout in HTML
Practical demonstrations and use cases

Detailed breakdown of this episode

00:00 Introduction: Overview of the webinar series and objectives of this episode.
03:28 Use Cases: Introduction to various use cases for the circular layout.
06:59 Principles: Core principles guiding the circular layout.
21:37 Layout Styles Demo | Circular Layout: Practical demonstration of the circular layout.
26:05 Coding Example: Coding examples for implementing the circular layout in HTML.
46:45 Conclusion: Summary of key takeaways from the session.
48:02 Q&A: Dr. Benjamin Niedermann answers audience questions.