Documentation

Browse the extensive API documentation, Developer's Guides and Knowledge Base articles of our software components.

  • yFiles for HTML
  • yFiles for Java | yFiles for JavaFX
  • yFiles WPF | yFiles.NET

    • Read articles about yFiles use cases, and about diagramming, graphs and networks, automatic layout, large data sources, and more.

  • Use cases
  • Articles

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

  • online (HTML)

    • API Documentation

    API documentation for yFiles for HTML:

  • online (HTML)

    • Alternative documentation viewer for yFiles for HTML (beta)

  • yFiles for HTML API documentation (alternative viewer beta)

    • VSDX Export for yFiles for HTML

  • Developer's Guide of the VSDX Export
  • API documentation of the VSDX Export

    • yFiles for Java 3.x

    Developer's Guide

    The yFiles for Java 3.x Developer's Guide contains information about the concepts of the yFiles for Java 3.x library:

  • online (HTML)

    • API Documentation

    API documentation for yFiles for Java 3.x:

  • online (HTML)

    • yFiles for JavaFX

    Developer's Guide

    The yFiles for JavaFX Developer's Guide contains information about the concepts of the yFiles for JavaFX library:

  • online (HTML)

    • API Documentation

    API documentation for yFiles for JavaFX:

  • online (HTML)

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

  • online (HTML)

    • Brochure

  • English version (PDF, 2 MB)
  • German version (PDF, 2.1 MB)

    • API Documentation

    API documentation for yFiles for Java 2.x:

  • online (HTML)

    • UML-enhanced Javadoc API documentation for yFiles for Java 2.x (automatically created by our Javadoc extension yWorks UML Doclet).

  • SVG version online (HTML)

    • Javadoc API documentation for yFiles for Java 2.x extension packages.

  • ySVG online (HTML)
  • yExport online (HTML)
  • yBPMN online (HTML)

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

  • online (HTML)

    • API Documentation

    API documentation for yFiles.NET:

  • online (HTML)

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

  • online (HTML)

    • API Documentation

    API documentation for yFiles WPF:

  • online (HTML)

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

  • online (HTML)

    • API Documentation

    API documentation for yFiles for Silverlight:

  • online (HTML)

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

  • online (HTML)
  • Client Layout Extension (online, HTML)

    • API Documentation

    ASDoc documentation for yFiles FLEX:

  • online (HTML)
  • 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

    The yFiles AJAX Developer's Guide contains information about the concepts and usage of the yFiles AJAX library:

    Developer's Guide

    The yFiles AJAX Developer's Guide contains information about the concepts of the yFiles AJAX library:

  • online (HTML)

    • API Documentation

    API documentation for yFiles AJAX:

  • online (HTML)

    • Knowledge Base

    Knowledge Base articles for yFiles AJAX, which, for example, answer frequently asked questions, or present solutions concerning our products.

    Diagramming in Confluence

    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.

    Feature List

    The features list contains information about the diagramming functionality provided by Graphity for Confluence.

  • graphity.com

    • Migration Guide

    Migrating from the outdated yWorks Diagrams for Confluence plugin to Graphity for Confluence.

  • online (HTML)

    • 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 elements 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 Smooth Curved Links in Diagrams and Networks

    Smooth curves are a great way for visualizing the links in all kinds of diagrams - they look good and are easy to follow. Calculating good curves that do not cross other elements is far from trivial, but easy with the help of the professional diagramming library yFiles.

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

    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.

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

    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.

    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.

    Now that you’re here,
    you might want to explore
    Case Study: Airbus
    Visualizing factory workflows
    yFiles App Generator
    Rapidly create #graph #visualization prototypes!
    Free webinars
    Learn all about graph drawing from the diagramming experts!
    Case Study: Airbus
    Visualizing factory workflows
    yFiles App Generator
    Rapidly create #graph #visualization prototypes!
    Free webinars
    Learn all about graph drawing from the diagramming experts!

    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.
    Learn about our privacy policy.