Organic Graph Layout EssentialsExpert insights and techniques
The "Graph Layouts in yFiles" webinar series explores advanced techniques and best practices for effective graph visualization.
This second episode focuses on the essentials of the yFiles organic layout, a powerful algorithm designed to create aesthetically pleasing, natural-looking network diagrams. The webinar covers its applications and unique characteristics, supported by practical examples. Key features and capabilities of the organic layout are highlighted, followed by strategies for integrating sublayouts, including parallel structures, star configurations, and tree structures.
The session is presented by Dr. Benjamin Niedermann, a Senior Algorithm Engineer with extensive expertise in graph algorithms and data visualization techniques.
Create natural, flowing diagrams with organic layout
If you're visualizing "social networks," "biological networks," or "organic hierarchies," yFiles offers the perfect tools to bring a natural, flowing structure to your data. Our free trial gives you full access to advanced organic layout algorithms, designed to display complex relationships in an easy-to-understand, aesthetically pleasing manner. Whether you're working on visualizing ecosystems, dynamic relationships, or intricate networks, yFiles supports a wide range of use cases across platforms like Web, Java, and .NET.
With our trial, you'll also receive expert support from our core developers, ensuring you can effectively tackle any challenges that arise. Whether you're starting a new project or refining existing network structures, yFiles provides the powerful tools you need to bring your data to life.
Start visualizing complex networks and dynamic relationships with yFiles' organic layout today!
Explore organic layouts
Get in touch to discuss your specific challenges with our diagramming experts. We're here to provide the guidance you need.
We´d love to help you. Reach out and we'll get in touch with you.
Your message has been sent.
Watch the full webinar episode
Watch the full episode below to gain a comprehensive understanding of the organic layout in yFiles. Dr. Benjamin Niedermann introduces the core concepts and provides practical demonstrations.
About yFiles: The graph visualization SDK
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.
Discover yFilesThe 11 reasons yFiles stands out in the diagramming SDK market.
Key topics covered in this webinar
- Overview of the yFiles organic layout
- Applications and characteristics of the organic layout
- Examples of the organic layout in use
- Integration of sublayouts: parallel structures, stars, and tree structures
- Basics on assessing and configuring the organic layout in yFiles
Detailed breakdown of this episode
- 00:00 Introduction: Overview of the webinar series and objectives of this episode.
- 01:07 About yWorks: Introduction to yWorks, the company behind yFiles.
- 04:24 About yFiles: Overview of the yFiles library and its capabilities.
- 07:27 Organic Layout | Introduction: Introduction to the yFiles organic layout.
- 09:14 Organic Layout | Principles: Core principles guiding the organic layout.
- 14:00 Organic Layout | Use Cases: Discussion of various use cases for the organic layout.
- 16:07 Organic Layout | Basic Layout: Demonstration of basic layout techniques using the organic layout.
- 39:25 Organic Layout | Advanced Layout: Exploration of advanced techniques and features of the organic layout.
- 43:20 Organic Layout | Limitations: Discussion of the limitations of the organic layout.
- 46:56 Q&A Session: Dr. Benjamin Niedermann answers audience questions.
Build your first graph app with organic layout.
Start now with yFiles!graph.nodeDefaults.size = [70, 70];
graph.nodeDefaults.style = new ShapeNodeStyle({
shape: ShapeNodeShape.ELLIPSE,
fill: "#6A8293",
stroke: "2px solid #1C2A35",
});
graph.nodeDefaults.labels.style = new LabelStyle({
shape: LabelShape.PILL,
backgroundFill: "white",
backgroundStroke: "1px solid #5F263D",
font: "15px poppins",
textFill: "#6A8293",
});
graph.edgeDefaults.style = new PolylineEdgeStyle({
stroke: "2px #38536B",
targetArrow: new Arrow({ type: "triangle", fill: "#38536B" }),
});
// andere farben: #00ADCC, #D4C685, #E56399, #C41C38, #13B579
graph.edgeDefaults.labels.style = new LabelStyle({
shape: LabelShape.PILL,
backgroundFill: "#6A8293",
backgroundStroke: "1px solid #6A8293",
font: "15px poppins",
textFill: "white",
});
graphComponent.fitGraphBounds()Additional episode resources
- Organic Layout Demos: Explore demos that showcase the organic layout.
- All Interactive yFiles Demos: See a variety of interactive demos using yFiles.
- Learn more about yFiles: Check out the benefits of yFiles.
- Try yFiles for Free: Test out yFiles at no cost.
Choose your next steps
Get connected
Connect with our Customer Success Team regarding your ideas or projects.
Download yFiles
Try yFiles free of charge.
