ABCs of Graph Styling for Developers
Webinar series — The Art of Graph Visualization
Episode 7

Welcome to the seventh episode of "The Art of Graph Visualization," presented by Dr. Benjamin Niedermann.

In this session, titled "ABCs of Graph Styling for Developers," you'll explore advanced programming examples and hands-on coding exercises focused on graph styling techniques for developers. This webinar follows up on 'The ABCs of Graph Styling,' offering practical insights and tools for developers looking to enhance their graph visualization skills and integrate custom node, label, and edge styles into their applications.

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

asd

Enhance your graph styling techniques with yFiles

Whether you're refining your skills or starting new, yFiles provides the tools you need for "advanced graph visualization." Explore "coding examples" and "styling techniques" with our free trial, with support from our core developer team.

Start improving your "graph visualizations with yFiles" today!

Start now with yFiles!

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 learn "advanced graph styling techniques" for developers. Dr. Benjamin Niedermann guides you through "coding exercises" and "programming examples" to help you effectively style and enhance your graph visualizations.

load from YouTube

11 reasons to build interactive graph apps with yFiles!

Powerful and Diverse Layout Algorithms

A wide variety of layouts, flexible configurations, and superior performance.

Advanced Visualization Capabilities

High-quality visualizations that clarify and inform.

Flexibility and Customizability

Fully customizable layouts and styles for any use case.

High Performance

Efficient handling and rendering of large graphs.

Integration with Various Platforms

Seamlessly integrates with existing systems and frameworks.

Interaction and Animation Features

Comprehensive components for dynamic, interactive graphs.

Universal Data Support

No restrictions on data sources or types—total flexibility.

Security and Data Privacy

GDPR compliant, no forced cloud use, full data control.

Fast and Competent Support

Quick responses, direct access to core developers.

Long-Term Market Presence and Expertise

25 years of experience, mature, future-proof solutions.

Comprehensive Documentation

Extensive docs, guides, 300+ demos, and tutorials.

Start building your graph application today!

- Download yFiles for free -

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.

Why top companies rely on yFiles for superior graph visualization.

From southern Germany to Silicon Valley, yFiles is the choice of world-renowned companies, research institutes, universities, and even #innovative startups. They all rely on yWorks' expertise to accelerate the development of their business ideas and bring advanced graph visualization to life. Whether it's established enterprises or emerging startups, yFiles helps them efficiently create and optimize their visualization solutions, making it easier to turn ideas into reality.

Key topics covered in this webinar

"Advanced graph styling techniques"
Hands-on coding exercises for "styling graph elements"
Implementing "custom node, label, and edge styles"
Using the yFiles Playground for "practical examples"
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:13 Tools for the Webinar: Introduction to the tools used in this session.
03:08 yFiles Playground: Exploring the yFiles Playground.
05:08 Running Example Discogs: Detailed analysis using Discogs data (Explore here).
10:51 Coding: Live coding demonstration.
12:08 Node Style: Styling nodes (Explore here).
18:18 Label Style: Styling labels (Explore here).
24:45 Edge Style: Styling edges (Explore here).
28:28 Highlights: Highlighting graph elements (Explore here).
36:49 Custom Styles: Creating custom styles (Explore here).
43:27 Outlook: Future directions and upcoming features.
43:50 Styles with Frameworks: Integrating styles with different frameworks.
46:10 WebGL Rendering: Utilizing WebGL for rendering.
48:07 Background: Background on graph visualization.
50:03 Upcoming Webinar: Preview of the next webinar.
50:35 Q&A: Dr. Benjamin Niedermann answers audience questions.

Playground programming examples

The yFiles Playground is an interactive platform where you can experiment with "graph styling examples" from our webinars, such as node styling, label styling, and custom styles, all directly in your browser. Designed for developers, the Playground provides "hands-on experience" with these examples, enabling you to apply yFiles concepts without needing any local installation.

Enhance your graph visualizations with yFiles!

Try yFiles free

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

Try yFiles in the online playground
yFiles interactive sandbox

Easily test and explore yFiles directly in your browser with the interactive Playground. This online IDE lets developers experiment with powerful graph visualization features, from layout customization to graph manipulation, without any setup or installation. Whether you're new to graph visualization or enhancing your skills, the Playground offers a seamless way to experience the capabilities of yFiles firsthand.

Try yFiles in the online playground

Choose your next steps

Get connected

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

Reach out!Join our newsletter

Dive deep

Get more detailed information about specific yFiles topics.

About yFiles yFiles platforms All features Interactive demos yFiles Playground Licenses & pricing

Download yFiles

Try yFiles free of charge.

ABCs of Graph Styling for DevelopersWebinar series — The Art of Graph VisualizationEpisode 7