yFiles Online Demos
The yFiles for HTML interactive demos will not run in your browser, as it does not have adequate SVG support.
Please use a modern, HTML5-capable browser with adequate SVG support to run these demos.
See what kind of applications you could create using the yFiles family of diagramming libraries. The yFiles Features page contains more information about the various capabilities it has to offer.
yEd Live
Learn more about yEd Live on the yEd Live home page.
Layout Styles
Organization Chart
Graph Analysis
yEd Graph Editor
yEd is a highly flexible graph editor that can be used to create, view, and lay out diagrams and networks. It displays a large number of the features that are available in the yFiles for Java graph visualization library.
To download yEd, simply visit the yEd home page.
The entire source code of yEd Lite, an only slightly stripped-down version of yEd, comes as part of the yFiles for Java library.
Fraud Detection
BPMN Editor
Process Mining
Gantt Chart
Isometric Drawing
Network Monitoring
Edge Bundling
Large Graph Aggregation
Interactive Aggregation
Sankey Diagram
Tree Map
Family Tree
Template Styles
CSS Styling
Bezier Edge Style
Overview Styling
Metaball Groups
Maze Routing
Interactive Map
UML Editor
Flowchart Editor
Decision Tree
Mindmap Editor
d3 Chart Nodes
Logic Gates
Component Drag and Drop
Organization Chart Viewer
Collapsible Trees
Rotatable Nodes
Contextual Toolbar
Graph Editor
Table Editor
Graph Viewer
Large Graphs
Events Viewer
IGraph
, GraphComponent
, and the Input Modes.Z-Order
Custom Edge Creation
Touch Interaction
Neighborhood View
Clustering Algorithms
Network Flows
Transitivity
Edge Label Placement
Node Label Placement
Markdown Label
Rich Text Label
Hierarchic Nesting
Folding With Layout
Incremental Hierarchic Layout
Edge Grouping
EdgeRouter Grouping
Fill Area Layout
Clear Marquee Area
Clear Rectangle Area
Node Overlap Avoiding
Hierarchic Bus Structures
Hierarchic Subcomponents
Critical Paths
Split Edges
Partition Grid
Simple Partition Grid
Interactive Graph Restructuring
Layer Constraints
Sequence Constraints
Interactive Organic Layout
Recursive Group Layout
Multi-Page Layout
Tree Layout
Partial Layout
VSDX Export
Image Export
SVG Export
PDF Export
Printing
Structure View
Graph Builder
GraphBuilder
to interactively build and modify a graph from business data.Tree Builder
TreeBuilder
to interactively build and modify a graph from business data.Adjacency Graph Builder
AdjacencyGraphBuilder
to interactively build and modify a graph from business data.Simple Graph Builder
GraphBuilder
, AdjacencyGraphBuilder
or TreeBuilder
to automatically build a graph from business data.Angular CLI
AngularJS 1
GraphQL
Neo4j
React
React With TypeScript
TypeScript
Electron
Dojo
Vue.js
Vue-CLI
Web Components
HTML Popup
CSS3 Animations and Transitions
Editable Path Node Style
Custom Styles
Vue.js Template Node Style
Selection Styling
Style Decorators
Data Table
HTML Label
Zoom-invariant Label Style
Bridges
BridgeManager
class for inserting bridges into edge paths.