The ABCs of Graph Styling
Webinar series — The Art of Graph Visualization
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.

asd

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!
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.

We are sorry, something went wrong. Please try again.
If the problem persists, please report the error to webmaster@yworks.com.
Thank 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.

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

  • 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 free

Additional episode resources

Choose your next steps

Get connected

Connect with our Customer Success Team regarding your ideas or projects.

Connect with the real graph drawing experts.

Dive deep

Get more detailed information about specific yFiles topics.

Download yFiles

Try yFiles free of charge.

Download the yFiles trial version.