https://www.yfiles.com/demos/tutorial-yfiles-basic-features/04-setting-styles/
04 Setting Styles Demo - yFiles for HTML
Shows how to configure the visual appearance of graph elements using styles.
yfiles for htmlsetting stylesdemo
https://www.yworks.com/products/yfiles/platforms
yFiles platforms & variants
yFiles - the diagramming SDK - is available for 5 different platforms and technologies: HTML, JavaFX, Java (Swing), WinForms and WPF.
yfilesplatformsvariants
https://www.yfiles.com/demos/layout-features/hierarchical-constraints/
Hierarchical Layout with Constraints Demo - yFiles for HTML
Shows how to use constraints to control layering and sequencing in the hierarchical layout.
yfiles for htmlhierarchicallayoutconstraintsdemo
https://www.yfiles.com/demos/showcase/graph-wizard-for-flowchart/
GraphWizard for Flowchart Demo - yFiles for HTML
Customizes defaults and input gestures to support fast creation of flowcharts.
flowchartdemoyfileshtml
https://www.yfiles.com/resources
Comprehensive Resources for Network Visualization with yFiles
Access essential resources to master graph visualization with yFiles. Explore source code demos, webinars, and expert guides to build powerful diagramming...
comprehensive resourcesnetwork visualizationyfiles
https://www.yfiles.com/demos/showcase/networkmonitoring/
Network Monitoring Demo - yFiles for HTML
Example of a monitoring tool for computer networks.
yfiles for htmlnetwork monitoringdemo
https://www.yfiles.com/demos/showcase/bpmn/
BPMN Editor Demo - yFiles for HTML
An interactive business process diagram editor with BPMN node styles and a special layout algorithm.
yfiles for htmlbpmn editordemo
https://www.yfiles.com/demos/input/touchcustomization/
Touch Interaction Demo - yFiles for HTML
Shows how a graph editor application can be optimized for touch devices.
yfiles for htmltouchinteractiondemo
https://www.yfiles.com/pricing
yFiles Pricing - Flexible, Royalty-Free Data Visualization SDK
yFiles Pricing for a Flexible, Royalty-Free, and Superior SDK. Save time and money with production-ready data visualization tools. Start building today!
royalty freedata visualizationyfilespricingflexible
https://www.yfiles.com/demos/application-features/snapping/
Snapping Demo - yFiles for HTML
Shows how to enable snapping (guide lines) for interactive changes.
yfiles for htmlsnappingdemo
https://www.yfiles.com/demos/view/vsdx-export/
VSDX Export Demo [yFiles for HTML]
yFiles for HTML is a modern JavaScript graph visualization toolkit for creating, editing, viewing, and automatically arranging graphs, diagrams, and networks.
yfiles for htmlvsdxexportdemo
https://www.yfiles.com/demos/input/moveunselectednodes/
Move Unselected Nodes Demo - yFiles for HTML
Shows a special input mode that allows you to move nodes without selecting them first.
yfiles for htmlmoveunselectednodesdemo
https://www.yfiles.com/demos/tutorial-graph-builder/08-configure-labels/
08 Configure Labels Demo - yFiles for HTML
Shows how to associate different label styles with the business data.
yfiles for htmlconfigurelabelsdemo
https://www.yfiles.com/demos/loading/webpack/
Webpack Demo [yFiles for HTML]
Shows how to integrate the yFiles library in a webpack project.
yfiles for htmlwebpackdemo
https://www.yfiles.com/the-yfiles-sdk/web/yfiles-for-html/vsdx-export
VSDX Export for yFiles for HTML
VSDX Export for yFiles for HTML creates VSDX files from yFiles diagrams.
vsdxexportyfileshtml
https://www.yfiles.com/play/?demo=databinding/simple-tree-builder-array
yFiles Playground — Interactive Graph Sandbox
Try the yFiles Playground: a full in-browser IDE to edit code, run live layouts, prototype interactions, and test performance instantly.
yfilesplaygroundinteractivegraphsandbox
https://www.yfiles.com/demos/application-features/rotatablenodes/
Rotatable Nodes Demo - yFiles for HTML
Shows nodes that can be rotated with the mouse or touch.
yfiles for htmlrotatablenodesdemo
https://www.yfiles.com/the-yfiles-sdk/documentation
yFiles - Documentation
Each member of the yFiles product family includes comprehensive documentation that bundles together three essential resources: the Developer’s Guide, the API...
yfilesdocumentation
https://www.yfiles.com/demos/layout/metabolic-pathways/
Metabolic Pathways Demo - yFiles for HTML
Shows how to configure organic layout for visualizing metabolic pathways.
yfiles for htmlmetabolic pathwaysdemo
https://www.yfiles.com/demos/showcase/layoutstyles/
Layout Styles Demo - yFiles for HTML
Presents yFiles' exceptional layout algorithms, including hierarchical, organic, orthogonal, tree, edge routing, and more.
yfiles for htmllayoutstylesdemo
https://www.yfiles.com/demos/tutorial-style-implementation-node/01-create-a-rectangle/
01 Create A Rectangle Demo - yFiles for HTML
Learn how to implement a custom node style using SVG.
yfiles for htmlcreaterectangledemo
https://www.yfiles.com/demos/style/html-label-style/
HTML Label Style Demo - yFiles for HTML
Shows how HTML can be used for label rendering with a custom label style.
label stylehtmldemoyfiles
https://www.yfiles.com/the-yfiles-sdk
yFiles Diagramming Library - Product Details
yFiles Product Details - yFiles is a powerful graph visualization SDK, supporting dynamic diagram creation, analysis, and real-time updates. Available for...
yfiles diagramming libraryproduct details
https://www.yfiles.com/
yFiles - Interactive Network Visualization for Every Use Case
yFiles – high-performance, cross-platform SDK for interactive graph and network visualizations. Supports JavaScript/TypeScript, Java, .NET and WPF.
interactive networkuse caseyfilesvisualizationevery
https://www.yfiles.com/demos/input/lasso-selection/
Lasso Selection Demo - yFiles for HTML
Shows how to configure a lasso tool for freeform selection.
yfiles for htmllasso selectiondemo
https://www.yfiles.com/play/?demo=layout-features/organic
yFiles Playground — Interactive Graph Sandbox
Try the yFiles Playground: a full in-browser IDE to edit code, run live layouts, prototype interactions, and test performance instantly.
yfilesplaygroundinteractivegraphsandbox
https://www.yfiles.com/demos/layout/hierarchical-grid-components/
Hierarchical Grid Components Demo - yFiles for HTML
Grid components in the hierarchical layout result in more compact arrangements.
yfiles for htmlhierarchical gridcomponents demo
https://www.yfiles.com/demos/tutorial-graph-builder/01-create-graph/
01 Create Graph Demo - yFiles for HTML
Learn how to convert business data into a graph using the GraphBuilder class.
yfiles for htmlcreategraphdemo
https://www.yfiles.com/demos/tutorial-graph-builder/03-create-edges-sources/
03 Create Edges Sources Demo - yFiles for HTML
Shows how to retrieve edges from different data sources.
yfiles for htmlcreateedgessourcesdemo
https://www.yfiles.com/demos/style/simple-arrow-style/
Simple Arrow Style Demo - yFiles for HTML
Shows how to create a simple custom arrow for edges.
yfiles for htmlsimplearrowstyledemo
https://www.yfiles.com/demos?search=2.6
yFiles - Demos
Diagramming with yFiles: Modern graph drawing libraries for creating, editing, viewing, and automatically arranging diagrams and networks. On nearly any...
yfilesdemos
https://www.yfiles.com/demos/loading/vite/
Vite Loading Demo [yFiles for HTML]
Shows how to integrate the yFiles library in a Vite project.
yfiles for htmlviteloadingdemo
https://www.yworks.com/products/yfiles-graphs-for-jupyter
yFiles Graphs for Jupyter - visualize graph networks with Python
Free diagram visualization extension for JupyterLab and Jupyter Notebook.
yfilesgraphsjupytervisualizenetworks
https://www.yfiles.com/download
yFiles Download
Unlock powerful graph visualization with yFiles SDKs! Explore features, benefits, and versatile use cases in our evaluation version. Download now for a dynamic...
yfiles download
https://neoteric.eu/services/yfiles-development
yFiles Custom Development Services – Neoteric Company
Oct 16, 2025 - yFiles Custom Development: Implement yFiles Into Your SaaS product • Build Custom yFiles Features • Connect It to GPT • Build a New Product
custom development servicesyfilescompany
https://www.yfiles.com/demos/layout/simplelayoutgrid/
Simple Layout Grid Demo - yFiles for HTML
Shows how to create a simple layout grid.
yfiles for htmlsimple layoutgriddemo
https://www.yfiles.com/demos/layout-features/edge-router-buses/
Bus-Style Edge Routing Demo - yFiles for HTML
Shows how to configure the edge routing algorithm to produce orthogonal bus-style paths.
yfiles for htmledge routingbusstyledemo
https://www.yfiles.com/demos/application-features/graph-copy/
Graph Copy Demo - yFiles for HTML
Shows how to copy a graph or parts of a graph.
yfiles for htmlcopy demograph
https://www.yworks.com/products/yfiles
yFiles product details
Experience the power of modern graph drawing libraries with yFiles. Seamlessly create, edit, view, and effortlessly organize diagrams and networks across...
product detailsyfiles
https://www.yfiles.com/play/?demo=layout-features/hierarchical
yFiles Playground — Interactive Graph Sandbox
Try the yFiles Playground: a full in-browser IDE to edit code, run live layouts, prototype interactions, and test performance instantly.
yfilesplaygroundinteractivegraphsandbox
https://www.yfiles.com/play/?demo=layout-features/organic-constraints
yFiles Playground — Interactive Graph Sandbox
Try the yFiles Playground: a full in-browser IDE to edit code, run live layouts, prototype interactions, and test performance instantly.
yfilesplaygroundinteractivegraphsandbox
https://www.yworks.com/yfiles-overview
yFiles - the diagramming library
Experience the power of modern graph drawing libraries with yFiles for smooth creation, editing, viewing, and effortless arrangement of diagrams and networks...
yfilesdiagramminglibrary
https://www.yfiles.com/demos/input/customedgecreation/
Custom Edge Creation Demo - yFiles for HTML
Shows how to provide directional ports and demonstrates interactive routing during edge creation.
yfiles for htmlcustomedgecreationdemo
https://www.yfiles.com/demos/input/graph-drag-and-drop/
Graph Drag and Drop Demo - yFiles for HTML
Shows drag and drop of graphs consisting of multiple items.
drag and dropyfiles for htmlgraphdemo
https://www.yfiles.com/demos/layout-features/hierarchical-compact-groups/
Hierarchical Layout with Compact Groups Demo - yFiles for HTML
Shows how to configure the hierarchical layout such that it yields maximally compact group nodes.
yfiles for htmlhierarchicallayoutcompactgroups
https://www.yfiles.com/demos/toolkit/angular/
Angular Demo [yFiles for HTML]
Shows how to use yFiles for HTML in an Angular app.
yfiles for htmlangulardemo
https://www.yfiles.com/play/?demo=application-features/flow-filtering
yFiles Playground — Interactive Graph Sandbox
Try the yFiles Playground: a full in-browser IDE to edit code, run live layouts, prototype interactions, and test performance instantly.
yfilesplaygroundinteractivegraphsandbox
https://www.yfiles.com/play/?demo=input/border-aligned-label-model
yFiles Playground — Interactive Graph Sandbox
Try the yFiles Playground: a full in-browser IDE to edit code, run live layouts, prototype interactions, and test performance instantly.
yfilesplaygroundinteractivegraphsandbox
https://www.yfiles.com/demos
yFiles - Demos
Diagramming with yFiles: Modern graph drawing libraries for creating, editing, viewing, and automatically arranging diagrams and networks. On nearly any...
yfilesdemos