yFiles
product details

A graph laid out automatically with yFiles

yFiles

yFiles is the industry-leading software library for visualizing, editing and analyzing graphs.
The Graph Visualisation SDK is available for 5 major platforms and technologies: HTML, JavaFX, Java (Swing), WinForms, and WPF.

yWorks releases version 2.5 of yFiles for HTML!
See what's new for yFiles in 2022.

yFiles WPF variant

You have been forwarded from a yFiles WPF link. If you are interested in specific technical details about this yFiles variant, click here!

Release Notes
yFiles for HTML (2.5.0.3)
yFiles .NET (WinForms) (5.5)
yFiles WPF (3.5)
yFiles for JavaFX (3.5)
yFiles for Java (Swing) (3.5)
Try yFiles for free

Features

Diagramming that fits your needs

yFiles is the most advanced and complete diagramming solution on the market. Our powerful and flexible API offers a wide array of functions - right out of the box. Simply choose the ones that match your needs best.

Suitable layouts for every use case
Choose from a huge number of predefined layouts and configure them to perfectly fit the task at hand.
yFiles provides the widest range of high-quality automatic layout arrangements in the industry. Over a dozen different implementations with several hundred different settings let you fine-tune the results. With the right algorithm and configuration, you can add relevant information to visualizations, helping users find answers to their questions, simply by looking at the diagrams.
Incorporate business data, graph analysis results, and user input to drive the configuration and highlight key aspects. Use animation to blend between different layouts and help users keeping their mental map with smooth incremental changes.
Layout styles demo
Countless interaction possibilities
You decide what your app can do. Easily customize the interaction with graphs and diagrams, for efficient, intuitive work on your use case.
Use keyboard, mouse, touch, and pen input to interact with the diagrams and data. Provide dynamic help, visual feedback, and tailored interactions to provide the best possible user experience.
Contextual toolbar demo
Touch interaction demo
Customized, meaningful designs
Include all of the information you want to show – within the design itself.
Adjust the design dynamically to the zoom level or data updates. Show dynamic data as part of the visualization and depending on the context. Add interactivity and reactivity to the diagrams. Configure your design to show just the amount of information your users require.
Process mining demo
Enjoy automatic layouts
Assist your users as they create and explore their diagrams. Use automatic layouts to build clear and beautiful diagrams from your data at the touch of a button.
Automatically update your visualizations when data changes, while maintaining a consistent design. Highlight important aspects in both the structure and the meta data of your diagrams.
Mindmap demo
Create intuitive interaction
Accept no limits. Implement the perfect interaction design that will make your users productive, no matter whether these are casual or power users.
Collapsible tree demo
Connect all types of data sources
yFiles can handle all types of relational data, no matter where you store it or how you create it.
Connect to one or more databases, graph databases, data stores, or other resources. You’re free to use every protocol available on the platform. The choice is yours!
Graph builder demo
Integrate yFiles in your system
yFiles will perfectly enhance your existing application or framework. Technically as well as visually – by reflecting your corporate design or the app’s look and feel.
No Matter what technology you are using. Add yFiles to existing apps, dashboards, and reports, or create new stunning apps that seamlessly integrate with your line of products' look and feel.
Connect to any of your data sources and systems to create reactive and engaging applications that integrate perfectly with your users' work flow.
Map integration demo
CSS styling demo
All features in detail
Add on:
VSDX Export

Due to the high demand, we offer an additional add on that allows you to export all graphs also in Visio format VSDX.

This add on is only available for yFiles for HTML.

VSDX Export

Thank you very much for your prompt help and great support. The framework is impressive and we will definitely continue to use it.Dirk Stoermer, ATLAS.ti

Our annual major release for yFiles for HTML (v.2.5) has been rolled out – with many new choices and features. We’ve prepared a deep-dive article and, of course, very detailed release notes. Have a look!
A quick note for .NET and Java users: yFiles for your platforms will be rolled out gradually.

Again this year, yFiles expands its palette of versatile, automatic layouts. One highlight is the new Cactus Group Layout , which lets you visualize groups with a strong emphasis on their grouping hierarchy, as well as the new Compact Disc Layout, which densely arranges nodes around a common center point.

And that’s not all! The upcoming release offers an array of fresh visualization options: an all-new flexible group node, arrow-shaped nodes and edges, and custom label shapes, just to name a few. When it comes to the look and feel of your application, the sky’s the limit.

We also worked hard to extend the WebGL2 rendering mode – from additional animations, to new highlight and selection effects, to greater visual fidelity and performance, to improvements in style persistence.

Throughout the SDK, we’ve refined many of the interaction elements, so yFiles will surprise you with plenty of small innovations, in terms of handling as well as design.

Creating beautiful, up-to-date graph applications is easier than ever!

yFiles for HTML 2.5 - article!Run new demos!
The Cactus Group Layout is a new way to visualize groups with a strong emphasis on their grouping hierarchy.
The new Compact Disk Layout densely arranges nodes around a common center point.

Webinar: What's new in yFiles 2022!

Our CTO Sebastian shows you the new features coming to yFiles in 2022. You get to see the new automatic layouts, new interactivity and styling options, and more. Take a look at the new demos, a brief look at some source code snippets and get a high-level overview of the major new capabilities in yFiles.

This webinar focuses on yFiles for HTML for the view features, but layout and interaction will also apply to the other platforms.

There is a Q&A session at the end of the webinar.

Extended WebGL2 rendering mode
Highly customizable node, edge and label styles

Technologies

yFiles platforms & variants

yFiles is available for 5 major platforms: HTML, JavaFX, Java (Swing), WinForms and WPF.

While yFiles is very similar on every platform, there are some minor differences due to the respective technical specifications.

Thanks to similar APIs across the different technologies, it’s easy to migrate between yFiles products to cover new platforms. So there’s no need to start from scratch when technologies change (and they will)!

yFiles
product family
Web
platform
yFiles
for HTML
Java
platform
yFiles
for JavaFX
yFiles
for Java (Swing)
.NET
platform
yFiles
.NET (WinForms)
yFiles
WPF
yFiles product family
Web PlatformyFiles for HTML
Java PlatformyFiles for JavaFXyFiles for Java (Swing)
.NET PlatformyFiles .NET (WinForms)yFiles WPF
All platforms

Advanced integration possibilities

Interactive live demos

Try this demo
Isometric
This demo displays graphs isometrically, adding an additional dimension to the visualization. This can be used to represent characteristics of the business data as height, or just because of the beautiful looks.
Try this demo
Layout Styles
This demo showcases the most used layout algorithms of yFiles, including hierarchic, organic, orthogonal, tree, circular, balloon, and several edge routing styles.
Try this demo
Metaball Groups
This demo shows how to render metaball-like background visualizations to show how nodes can be associated with zero or more groups. In contrast to regular group nodes, a regular node may belong to multiple metaball groups.
Try this demo
Process Mining
This Process Mining Visualization demo shows how to create an animated visualization of a process flow. The diagram shows the various steps in a processing pipeline and how entities move through the pipeline. A heat map shows which elements in the graph are nearing their capacity limit. A custom node style for each process step shows the name of the process and the current load.
Try this demo
Network Flows
Network flow algorithms apply to directed networks in which edges have certain capacities and a flow moves from source nodes (i.e., nodes with in-degree 0) to sink nodes (i.e., nodes with out-degree 0).
Try this demo
Sankey
Sankey diagrams are used for visualizing flow information in which the thickness of the edges is proportional to the flow quantity. Such diagrams can be produced by means of the hierarchic layout algorithm (see HierarchicLayout).
Try this demo
Network Monitoring
This demo shows a basic network monitoring tool. You can watch the traffic flowing through the network and even influence the network by deactivating nodes.
Try this demo
Large Graph Aggregation
This demo shows how to use the smart NodeAggregation algorithm for drill down exploration of a large graph. The NodeAggregation algorithms consolidates nodes of a graph and thus creates cluster of nodes based on user-specified constraints.
Try this demo
Edge Bundling
This demo shows how edge bundling can be applied for reducing visual cluttering in dense graphs. The edge curves are drawn using piecewise cubic bezier curves with gradient colors from dark-blue (that starts from the source node) to light-blue (that leads to the target node of the edge).
Try this demo
BPMN
An editor for Business Process Diagrams (BPMN). You can interactively modify the diagram and automatically arrange it with the specialized BPMN layout algorithm.
Try this demo
Organization Chart
This demo shows how to create an interactive organization chart from JSON data.
Try this demo
Fraud Detection
This demo shows how yFiles for HTML can be used for detecting fraud cases in time-dependent data. Fraud affects many companies worldwide causing economic loss and liability issues. Fraud detection relies on the analysis of a huge amount of data-sets and thus, visualizations can be valuable for the quick detection of fraud schemes.
Try this demo
Interactive Map
This demo shows how to integrate a GraphComponent with Leaflet. The GraphComponent is included in a custom Leaflet Layer. The placement of the nodes uses geo-coordinates to get the correct locations on the map.
Try this demo
UML
The UML Editor demo showcases a custom UML node style that renders an UML data set. Additional control elements are provided to conveniently add/remove entries and to create different type of UML edges as well as toggling the node's 'interface' or 'abstract' state.
Try this demo
Decision Tree
This demo shows how to create an interactive decision tree from a graph.
Try this demo
Tag Cloud
This demo shows how to create a Tag Cloud visualization.
Isometric
Layout Styles
Metaball Groups
Process Mining
Network Flows
Sankey
Network Monitoring
Large Graph Aggregation
Edge Bundling
BPMN
Organization Chart
Fraud Detection
Interactive Map
UML
Decision Tree
Tag Cloud
All live demos
yEd Live

Experience a rich demonstration created with yFiles for HTML.

Try yEd Live our free online diagram editor.

Launch yEd Live
Test and experience
yFiles free of charge!
Fully-functional yFiles version
Free access to our high-quality support, to help you start easily
More than 100 source-code examples for rapid prototyping
Extensive step-by-step source-code tutorials that cover the essentials
Free resources like our Developer’s Guide, documentation, IDE setup tips, and more
Try now

Got questions?

Ask our Customer Success Team!

We’re here for you – no matter whether you need technical support, are thinking about a license, or want to provide feedback.

Email: hello@yworks.com
Phone: +49 7071 9709050
Get in touch

Support & help

We want your development to succeed.
Have a look at our free, valuable resources:

Source
code

Inspect the sources of more than two hundred source code applications and tutorial steps. Try out the apps online and browse the fully commented and documented sources in our GitHub repositories.

Demos

Play with hundreds of demos, online, to learn more about the features of yFiles. Find demos show-casing complete use-case, as well as technology demos focusing on specific features, integrations, and customization options.

API docs

Browse and read the complete documentation for the yFiles API. Find out more about the all the types, classes, interfaces, defaults, and configuration options. Find hundreds of source code examples and illustrations showing best-practices, common-idioms, and customization options.

Developer's
Guide

Find a detailed description of the features available in yFiles in our extensive Developer's Guide. Get everything from a high-level introduction to detailed customization options on the concepts, data structures, layout- and graph analysis algorithms.

Videos

Get a wide selection of videos. Watch how-to clips to get started in no time. Learn from previously recorded webinars. We show you how to setup your IDEs to get productive in no time, how learn from and leverage the existing source code samples, and how to integrate the diagramming component into your existing apps and frameworks, smoothly.

Support hub

Services

As the diagramming experts, yWorks offers a comprehensive range of services.
From software support to training courses – you get everything you need to work successfully with data structures, complex algorithms, and advanced data visualization.

We provide webinars, online seminars, coaching sessions, support, workshops, consulting services, project reviews, code reviews, coding, and more.

Our high-quality e-mail support is included in the optional support & maintenance subscription.
You get assistance directly from our core developers, from start to successful finish.
All Services

Licenses & pricing

We offer a variety of licenses to match your precise needs.

All yFiles licenses are perpetual, with zero royalty fees. You can add an optional annual subscription for maintenance and support.

The right yFiles license is just a few clicks away. If your requirements are not covered, let us know – we also offer individual, customizable licenses.

Choose what suits you:

Number of developers
Number of projects/applications
Number of sites
Number of platforms
One-time fee
Perpetual license
Royalty-free
Optional:
Support & maintenance subscription
License Tool

Choose your next step!

Get connected

Talk to our Customer Success Team about your ideas or project.

Reach out!
Dive deep

Get more detailed information about specific yFiles topics.

yFiles platformsAll featuresInteractive demosLicenses & pricing
Download yFiles

Try yFiles and our high-quality support free of charge.

Start now!
Now that you’re here,
you might want to explore
yFiles case studies
Discover exciting stories about data visualization
yFiles App Generator
Extract, load, transform, and visualize data without writing code for free.
Data Explorer for Neo4j
Get perfect insights into your Neo4j graph database.
It's free of charge!
yFiles case studies
Discover exciting stories about data visualization
yFiles App Generator
Extract, load, transform, and visualize data without writing code for free.
Data Explorer for Neo4j
Get perfect insights into your Neo4j graph database.
It's free of charge!

Why, how, what? —
Just ask the diagramming experts!

Our team is happy to advise you – no strings attached. Let's talk about your project and find the perfect solution for your needs!

E-mail: hello@yworks.com

The data you enter will only be used to contact you regarding your request.
Learn more in our privacy policy.