The ABCs of Graph StylingWebinar series — The Art of Graph Visualization
Episode 4
Episode 4
Welcome to the fourth episode of "The Art of Graph Visualization," presented by Dr. Benjamin Niedermann.
In this session, titled "The ABCs of Graph Styling," you'll explore advanced graph styling techniques to seamlessly integrate information into your visualizations. Dr. Niedermann discusses how to style graph visualizations using color, shapes, animations, and more to transform raw data into compelling narratives. This episode also delves into visual encoding in graph design and the principles of effective graph visualization using technologies like HTML, CSS, SVG, and WebGL.
The session is presented by Dr. Benjamin Niedermann, a Senior Algorithm Engineer in the Layout Team at yWorks, bringing his extensive knowledge of graph algorithms and visualization techniques.
Style and enhance your graphs with yFiles
Whether you're starting with graph visualizations or looking to "apply advanced graph styling techniques," yFiles offers the tools you need. Our free trial, allows you to explore visual encoding with "color, shape, size, and animation," and receive premium core developer support.
Take advantage of this opportunity to create visually compelling, "data-driven graphs" across platforms like Web, Java, and .NET.
Start your graph styling journey with yFiles today!
Download yFiles here!

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 learn "how to style graph visualizations effectively." Dr. Benjamin Niedermann guides you through the principles of "visual encoding" and demonstrates how to use "color, shapes, and animations" to enhance your data presentations.

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 yFiles11 reasons to build interactive graph apps with yFiles!
Key topics covered in this webinar
- Structuring graph visualizations and their elements
- Using "visual encoding": "color, shape, size, and animation"
- Applying principles like consistency, simplicity, and hierarchy
- Exploring technologies: "HTML, CSS, SVG, WebGL"
- Live Q&A session with yWorks graph visualization experts
Detailed breakdown of this episode
- 00:00 Introduction: Overview of the webinar series and episode objectives.
- 02:25 Overview: Introduction to the session's main topics.
- 04:35 Example: History of Artists: Analysis of artist history data.
- 10:57 Structure of Visualization: Discussion on structuring visual elements.
- 12:15 Visual Elements: Detailed look at visual elements in graph styling.
- 32:05 Design Principles: Exploring key design principles.
- 44:56 Technologies: Discussion of technologies used, including HTML, CSS, SVG, and WebGL.
- 53:32 Conclusion: Summary of key takeaways.
- 54:25 Next webinars: Preview of upcoming webinars.
- 55:08 Q&A session: Dr. Benjamin Niedermann answers audience questions.
Playground programming examples
The yFiles Playground is an interactive platform where you can experiment with streamlined programming examples from our webinars, such as data analysis, layout algorithms, and weighted relationships, all directly in your browser. Designed for developers, the Playground provides practical experience with these examples, enabling you to effectively apply yFiles concepts without needing any local installation.
Enhance your graph visualizations with yFiles!
Try yFiles freeAdditional episode resources
- Explore yFiles Demos: See practical examples of graph visualization in action.
- Learn more about yFiles: Discover more about the capabilities of yFiles.
- Evaluate yFiles for Free: Get hands-on with yFiles by evaluating it for free.
- yEd Live: Try this free online diagramming tool.
- Data Explorer for Neo4j: Explore graph databases with this tool.
- App Generator: Create custom graph applications.
- Python Diagrams: Generate diagrams using Python.