Documentation
Browse the extensive API documentation, Developer's Guides and Knowledge Base articles of our software components.
Cross-platform
yFiles for HTML
Developer's Guide
The yFiles for HTML Developer's Guide contains information about the concepts of the yFiles for HTML library:
VSDX Export for yFiles for HTML
API Documentation
API documentation for yFiles for HTML:
Alternative documentation viewer for yFiles for HTML (beta)
yFiles for Java 3.x
The yFiles for Java diagramming library for the Java Swing™ GUI toolkit. With full Java 8 support.
Developer's Guide
The yFiles for Java 3.x Developer's Guide contains information about the concepts of the yFiles for Java library:
yFiles for JavaFX
Developer's Guide
The yFiles for JavaFX Developer's Guide contains information about the concepts of the yFiles for JavaFX library:
yFiles for Java 2.x
The 2.x technology line of our extensive Java™ class library.
It provides algorithms and components enabling the analysis, visualization, and the automatic layout of graphs, diagrams, and networks in projects that need to support legacy Java versions before Java 8.
Developer's Guide
The yFiles for Java 2.x Developer's Guide contains information about elementary yFiles concepts and the included graph layout algorithms:
Brochure
API Documentation
API documentation for yFiles for Java 2.x:
UML-enhanced Javadoc API documentation for yFiles for Java 2.x (automatically created by our Javadoc extension yWorks UML Doclet).
Javadoc API documentation for yFiles for Java 2.x extension packages.
Knowledge Base
Knowledge Base articles for yFiles for Java 2.x, which, for example, answer frequently asked questions, or present solutions concerning our products..NET Platform
yFiles.NET
Extensive Windows Forms class library for the Microsoft .NET environment that provides algorithms and components enabling the analysis, visualization, and the automatic layout of graphs, diagrams, and networks.
Developer's Guide
The yFiles.NET Developer's Guide contains information about the concepts of the yFiles.NET library:
yFiles WPF
Extensive class library for the Microsoft Windows Presentation Foundation that provides algorithms and components enabling the analysis, visualization, and the automatic layout of graphs, diagrams, and networks.
Developer's Guide
The yFiles WPF Developer's Guide contains information about the concepts of the yFiles WPF library:
Web Plugin- and Client/Server Technologies
yFiles for Silverlight
Extensive class library for the Microsoft Silverlight Framework that provides algorithms and components enabling the analysis, visualization, and the automatic layout of graphs, diagrams, and networks.
Developer's Guide
The yFiles for Silverlight Developer's Guide contains information about the concepts of the yFiles for Silverlight library:
Knowledge Base
Knowledge Base articles for yFiles for Silverlight, which, for example, answer frequently asked questions, or present solutions concerning our products.yFiles FLEX
Comprehensive ActionScript™ class library with a full-featured Flex UI component for viewing and editing diagrams in Flex-based web applications.
Developer's Guide
The yFiles FLEX Developer's Guides contain information about the concepts of the yFiles FLEX library:
- yFiles FLEX online (HTML)
- yFiles FLEX Client Layout Extension online (HTML)
API Documentation
ASDoc documentation for yFiles FLEX:
- yFiles FLEX client library (online, HTML)
- yFiles FLEX Client Layout Extension (online, HTML)
Knowledge Base
Knowledge Base articles for yFiles FLEX, which, for example, answer frequently asked questions, or present solutions concerning our products.yFiles AJAX
JavaScript™- and Java Servlet-based library for Web applications.
Developer's Guide
The yFiles AJAX Developer's Guide contains information about the concepts and usage of the yFiles AJAX library:
Knowledge Base
Knowledge Base articles for yFiles AJAX, which, for example, answer frequently asked questions, or present solutions concerning our products.Confluence Plugins
Graphity for Confluence
Graphity® for Confluence is a powerful diagramming plugin for Atlassian Confluence.
It allows you to quickly generate, edit, and store high-quality renderings of flowcharts, network graphs, UML class diagrams, and other diagrams directly inside Confluence — without external tools or storage needed.
Features List
The features list contains information about the diagramming functionality provided by Graphity for Confluence.
Migration Guide
Migrating from the outdated yWorks Diagrams for Confluence plugin to Graphity for Confluence.
Use Cases
Graphs in Digital Marketing Optimization
Sankey diagrams, if appropriately shaped, compellingly enact the interaction flow and bring forward the crux of your digital marketing. We demonstrate how you can build your own vibrant marketing visualization.
Navigating Your Graph Through Space and Time
In this article, we introduce insightful visualizations for relational data that has also a geographic and a temporal dimension. The accompanying demo application is available on GitHub.
Visualizing an Ontology
This use case shows how developing an ontology viewer and editor benefits from the enticing visualization and interaction possibilites that come with the yFiles diagramming library.
Diagramming Articles
A Custom Network Editor
Learn to build a custom network and graph editor with a professional diagramming library.
Analyzing Network Data
Graph analysis algorithms help investigating network structures and identifying prominent characteristics of the data. This article presents a showcase application for well-known graph analysis algorithms like, e.g., shortest paths and centrality measures.
Angular Diagram Component
Integrate the yFiles for HTML diagramming library in an Angular web application.
Angular Graph Component
Integrate the yFiles for HTML graph visualization component in an Angular web application. Learn how to add a graph visualization component to your Angular application.
Automatic Drawing of Links in Graphs and Networks
Calculating the routes for the links of a diagram while keeping the positions of the nodes fixed can be challenging and requires the help of a professional diagramming library such as yFiles, which offers extensive and sophisticated routing algorithms.
Automatic Graph Drawing
Automatic graph drawing is a challenging task that requires the help of a professional diagramming library such as yFiles, which offers extensive and sophisticated graph layout algorithms for many different use cases.
Automatic Label Placement in Diagrams
Labels provide additional insight into the data of a diagram. Automatic label placement finds optimal positions that make clear to which element a label belongs to and avoids overlaps with other elements.
Circular Graph Layout
Automatic circular layout arranges the elemetns of the diagram on circles and can be used in many application domains.
Clustering Graphs and Networks
Detecting similar entities in connected data is very important in many application domains. Clustering algorithms help to find such similarities. Being able to apply clustering algorithms and simultaneously visualize the result is one of the major advantages of the yFiles diagramming library.
Collapsing Groups in Diagrams
Large diagrams of hierarchically organized data become more readable by expanding and collapsing sub-graphs organized in groups. Collapsed groups can help to keep complex hierarchically organized diagrams clear and straightforward by showing only parts of the entire structure.
Collapsing Subtrees in Diagrams
Interactively expanding or collapsing sub-trees can improve the readability of large trees and tree-like diagrams. Automatically arranging the elements in a consistent layout avoids disturbing the viewer's mental map when expanding or collapsing.
Compacting a Diagram
After user interactions it is often beneficial or required to make a diagram more compact to avoid space being wasted. The compaction should be fast and the exisint overall picture should not be destroyed. Learn how it can be done using the yFiles diagramming library.
Creating Beautiful Visio Diagrams in JavaScript
Learn how to create Visio diagrams in Javascript using powerful layout algorithms. The yFiles diagramming library provides all the means to create diagrams and is also capable of exporting them to Visio's VSDX files.
Creating Diagrams From Structured Data
Structured data from many sources like JSON, Excel, XML, CSV, etc. can be easily transformed into concise diagrams. Visually exploring them helps to gain a better understanding of its connectivity or hierarchy.
Data Binding for Diagramming Applications
Creating a diagram visualization that shows custom data in rich item visualizations is easy using templating and data binding.
Diagram Visualization With JavaScript
Creating sophisticated diagram visualizations helps to understand the anatomy of data and their relationships. Building web applications that support beautiful visualizations is challenging and requires the help of a professional diagramming library such as yFiles.
Diagram Visualization With TypeScript
TypeScript's static type checking increases the code quality in software applications. The yFiles diagramming library provides full TypeScript support and seamless integration.
Drawing Business Process Diagrams
Learn to visualize and design interactive business process diagrams (BPMN) in your application.
Drawing Family Trees With JavaScript
A family tree is a diagram representing family relationships. The yFiles diagramming library provides all the means for creating and visualizing a family tree diagram.
Drawing Orthogonal Diagrams
In orthogonal graph drawings, the edges have only horizontal and vertical line segments. The professional diagramming library yFiles offers sophisticated implementations for arranging data in an orthogonal layout.
Drawing Radial Diagrams
A radial graph drawing algorithm arranges the elements of a diagrams on concentric circles. The professional diagramming library yFiles offers sophisticated implementations for arranging data in a radial layout.
Drawing Trees and Tree-like Networks
Trees and tree-like structures are commonly used in many application domains, and their automatic creation requires the help of a professional diagramming library. yFiles offers sophisticated implementations for arranging data in trees.
Embedding D3.js Charts in a Diagram
D3.js charts embedded in a diagram provide supplemental information about the underlying data and bring it to life.
Exploring Relations in a Diagram
Connected items in a diagram can either be highlighted or displayed in a separate filtered view to quickly identify the neighborhood of an element.
Finding the Right Event in yFiles
Finding the right event dispatched by the yFiles diagramming library during user input gestures is easy with the Event Logging Applications.
Force-Directed Graph Layout
Organic/force-directed graph layouts are commonly used in many application domains, and their automatic creation requires the help of a professional diagramming library such as yFiles, which offers sophisticated implementations for arranging data in an organic and aesthetically pleasing way.
Fraud Detection through Visualization
Visualizations enhance the quick identification of fraud schemes, their verification, and the auditors' response to them. The yFiles diagramming library provides all the means for creating such visualizations along with graph analysis algorithms that help in the detection of fraud schemes.
Freeing-up Space in a Diagram
Making space in a diagram is commonly required in interactive scenarios and doing so without destroying the existing overall picture is difficult. Learn how to solve this problem using the professional diagramming library yFiles.
Incremental Diagram Layout
Incremental diagram layout: adding new items to an existing diagram without changing the overall picture.
Interactive Decision Tree Diagrams
Decision trees are commonly used for demonstrating decisions or strategies along with their consequences. Interactively exploring a decision tree is crucial for keeping a clear view of the decision process, especially in the case of larger diagrams.
Interactive Diagram Visualization
An interactive diagram visualization helps users to explore complex correlations and facilitates the generation of new knowledge and deeper insights.
Interactive Filtering of Large Diagrams
Filter techniques increase the readability of large and complex diagrams by hiding less important parts. This can be used to create powerful drill-down applications.
Interactive Sankey Diagram Visualization
Sankey diagrams are commonly used for visualizing the flow between the nodes of a network. Generating such diagrams automatically is a challenging task that requires the help of a professional diagramming library such as yFiles.
Interactive Showcase of Graph Layouts
Automatically and sensibly arranging a network is one of the hardest challenges in diagram visualization. Professional libraries such as yFiles provide many algorithms for the automatic arrangement of networks. An algorithm explorer helps to pick the right one.
Isometric Graph Drawing
Automatically drawing diagrams in an isometric view is a fundamental task for those who need to communicate the dimensions of their designs even to people with no technical experience.
Layered Graph Layout
Layered graph layouts are commonly used in many application domains, and their automatic creation requires the help of a professional diagramming library such as yFiles, which offers sophisticated implementations for arranging data in a layered/hierarchic fashion.
Level of Detail for Large Diagrams
Level of detail visualization is a technique that helps to improve both readability and performance of large diagrams. Reducing the detail level when a large number of objects is displayed improves the readability and improves rendering performance.
Logic Circuit Editor
Clear visualization of logic circuits make it easy for a viewer to recognize and understand the relationships between the logic gates. With a comprehensive editor, you can quickly and easily create and expand such diagrams interactively.
Metaball Visualization in Diagrams
Metaball visualizations in diagrams add another information layer and can be used to visually group diagram elements or to represent contextual information, e.g., workload or contamination.
Network Monitoring Visualization
Visualizations for network monitoring help administrators to control the status of their networks and quickly identify problematic devices, delays, or overloads. The yFiles diagramming library offers all the means for creating such visualizations that can be embedded in applications.
Network Monitoring Visualization in WPF
Visualizations for network monitoring help administrators to control the status of their networks and quickly identify problematic devices, delays, or overloads. The yFiles diagramming library offers all the means for creating such visualizations that can be embedded in a WPF application.
Network Monitoring Visualization in the Browser
Visualizations for network monitoring help administrators to control the status of their networks and quickly identify problematic devices, delays, or overloads. The yFiles diagramming library offers all the means for creating such visualizations that can be embedded in web applications.
Organization Chart Visualization
An organization chart is a specialized diagram that reveals the structure of an organization. Generating an organization chart that allows user interaction is a challenging task that requires the help of a professional diagramming library such as yFiles.
Organization Chart Visualization in JavaScript
An organization chart is a specialized diagram that reveals the structure of an organization. Generating an organization chart in a Web Browser that allows user interaction is a challenging task that requires the help of a professional diagramming library such as yFiles.
Organization Chart Visualization in WPF
An organization chart is a specialized diagram that reveals the structure of an organization. Generating an organization chart in WPF, which allows user interaction, is a challenging task that requires the help of a professional diagramming library such as yFiles.
React Diagram Component
Integrate the yFiles for HTML diagramming library in React and create an all-in-one graph visualization component.
React Graph Component
Integrate the yFiles for HTML graph visualization component in a React web application. Learn how to add a graph visualization component to your React app.
Reducing Complexity in Large Diagrams
Grouping and merging elements in a diagram drastically reduces complexity and improves the overall perception of the diagram.
Smooth Visualization of Big Data Structures
Performance optimization techniques increase the performance of large and complex diagrams, which is crucial when creating powerful exploration tools for large data sources.
Smooth Visualization of Large Diagrams in JavaScript
When visualizing large amounts of data in a diagram, one almost inevitably will face performance problems. It is, however, possible to make adjustments to improve the performance for large data sets.
Software Documentation With UML Diagrams
UML diagrams provide a standardized graphical representation to document software systems. They help to keep everyone on the same page in each phase of the software development process.
Visualizing Database Relationships
Learn how interactive visualization can make data from a database accessible to users and increase its overall usefulness. The yFiles diagramming library makes creating such diagrams easy.
Visualizing First-party Bank Fraud
Visualizations enhance the quick identification of first-party bank fraud, their verification, and the auditors' response to them. The yFiles diagramming library provides all the means for creating such visualizations along with graph analysis algorithms that help in the detection of fraud schemes.
Visualizing Flowcharts with JavaScript
Flowcharts help to understand processes and workflows. Professional diagramming libraries, such as yFiles, vastly reduce the effort of creating flowchart applications.
Visualizing Geospatial Data
Geographical data can be visualized by combining an interactive map library with a flexible diagramming library such as yFiles.
Visualizing Graph Databases
Visualizing a graph database enables anyone to explore and edit the database and gain insight into the stored data. Learn how to create a database visualization with the help of the yFiles diagramming library.
Visualizing Insurance Fraud
Visualizations enhance the quick identification of insurance fraud, their verification, and the auditors' response to them. The yFiles diagramming library provides all the means for creating such visualizations along with graph analysis algorithms that help in the detection of fraud schemes.
Visualizing Mind Maps
Mind maps are very helpful in converting thoughts into a meaningful diagram. The yFiles diagramming library provides all the means for creating interactive mind map visualizations.
Visualizing a Microsoft Azure Cosmos DB
Visualizing a Microsoft Azure Cosmos graph database enables anyone to explore and edit the database and gain insight into the stored data.
Visualizing a Neo4j Graph Database
Visualizing a Neo4j graph database enables anyone to explore and edit the database and gain insight into the stored data.
Visualizing an OrientDB Graph Database
Visualizing an OrientDB graph database enables anyone to explore and edit the database and gain insight into the stored data.
Vue.js Diagram Component
Integrate the yFiles for HTML diagramming library in Vue.js and create an all-in-one graph visualization component.
Vue.js Graph Component
Integrate the yFiles for HTML graph visualization component in a Vue.js web application. Learn how to add a graph visualization component to your Vue.js application.