documentationfor yFiles for HTML 2.6

Introduction yFiles for HTML Features Getting Started Demos and Tutorials Working with yFiles The Graph Model Displaying the Graph Visualization of Graph Elements: Styles User Interaction Graph I/O and Printing Automatic Graph Layout Graph Analysis Creating a Graph from Business Data Customizing the Graph Customizing the View Customizing Styles Customizing User Interaction Customizing Graph I/O Customizing Automatic Layout General Concepts for Customization Advanced Concepts Deployment Utility Scripts and Tools Known Issues and Workarounds Glossary Migration Guide

Use arrow keys to navigate

Introduction Graphs and Diagrams About yFiles for HTML Technical Requirements During Development Deployed Applications Supported Browsers Server side requirements yFiles for HTML Product Types About this Developer’s Guide yFiles for HTML Features Getting Started Creating a simple Web Application Creating the GUI Module Loading Importing the ES Modules of yFiles for HTML Adding the Main Component Creating Graph Elements Creating Nodes Creating Edges Using Bends Using Ports Adding Labels Removing Elements Summary of Creating Elements User Interaction Setting Styles Placing Graph Elements Placing Nodes Placing Bends Placing Labels Placing Ports Automatic Graph Layout Adding a Layout Button Loading and Saving Graphs Next steps Setting up Your Development Environment Creating a Project Using the npm Package Including the License Creating a Web Application TypeScript Support Visual Studio Code WebStorm Visual Studio Runtime Developer Tools Demos and Tutorials Running the Demos The Demo Server Working with yFiles The Class Framework yFiles Library Formats ES Modules Importing the ES Modules of yFiles for HTML InvalidOperationError: Missing module UMD Modules Loading the UMD Modules Using an AMD Loader Loading the UMD Modules Using CommonJS Loading the UMD Modules Using Browser Globals Development Mode Setup Type Checking Graph Inspection and Status Information Custom Formatters Working with the yFiles npm Module Installing from the Local Filesystem Installing from a Remote Filesystem Installing from a Local or Private npm Registry Installing from a Local git Server The Version Number of the yFiles npm Package Using yFiles without npm Unpacking the library files Where to find the library files Classes Extending Classes Interfaces instanceof Checks for Interfaces Implementing Interfaces Quick Interface Implementation Quick Interface Implementation in TypeScript Extending Classes and Implementing Interfaces Namespaces Events Delegates Option Overloads Extra Properties in Option Overloads Automatic Type Conversion Enums Colors, Fills, and Strokes Fonts Rectangles, Points, Sizes, and Insets Arrows Cursors TimeSpan Enumerables, Collections, and Lists ItemMapping, ItemCollection, SingleItem IMapper The Graph Model IGraph Nodes Edges Bends Self-loops Edge to Edge Connections Labels Ports Grouping Nodes Traversing the Hierarchy Adjusting the Size of a Group Node Setting Defaults for new Items Finding Adjacent Nodes and Edges Storing Business Data for Graph Elements Displaying the Graph The Component for Displaying Graphs Managing the View Item Layout Nodes Edges Labels Ports Selection, Focus, and Highlight Styling of Selection, Focus and Highlight Component for Graph Outline Visualization of Graph Elements: Styles Node Styles Predefined Shapes Images Polygons Templates Rectangles Arrow Shapes Groups and Folders Custom Styles Invisible Nodes Edge Styles PolylineEdgeStyle BezierEdgeStyle ArcEdgeStyle BridgeEdgeStyle ArrowEdgeStyle Custom Styles Invisible Edges Decorations: Arrows Decorations: Bridges Label Styles DefaultLabelStyle IconLabelStyle Using a node style as label background Templates Custom Styles Invisible Labels Port Styles Using a node style as port visualization Templates Custom Styles Invisible Ports CSS Item Styles CSS Item Style Synchronize fill and stroke with currentColor CSS Item Style Transitions Exporting Graph Items Styled by CSS No CSS transform Changes Allowed Caveats User Interaction Editing Graphs Non-Editable Graphs Supported User Interactions Zooming, Panning, and Scrolling Creating Nodes Creating Edges Adding and Editing Labels Creating Bends Deleting Items Moving Items Resizing Nodes Grouping Keyboard Input Mouse Clicks Touch Gestures Selection Focus Tooltips Context Menus Drag and Drop Clipboard Undo and Redo Snapping Border and center snap lines Same size snap lines Same distance snap lines Grid snapping Orthogonal Edge Editing Graph I/O and Printing Loading and Saving Graphs JSON Loading Graphs from JSON Saving Graphs to JSON GraphML Image Export Bitmap Export PDF Export VSDX Export Printing Automatic Graph Layout Summary of Layout and Routing Styles Layout Styles Hierarchical Layout Organic Layout Tree Layout Orthogonal Layout Circular Layout Radial Layout Series-parallel Layout Family Tree Layout Cactus Group Layout Compact Disk Layout Edge Routing Styles Polyline Routing Channel Routing Bus Routing Organic Routing Label Placement Algorithms Integrated Labeling Layout of Grouped Graphs Layout of Tables and Swimlanes Layout with Edge Grouping Incremental Layout Node Padding (Halos)Edge Bundling Layout with Custom Node Types Node Types in the Hierarchical Layout Node Types in the Organic Layout Node Types in the Orthogonal Layout Node Types in the Tree Layout Node Types in the Circular Layout Node Types in the Component Layout Node Types in the Balloon Layout Node Types in the Radial Layout Applying an Automatic Layout Layout Data Combining Layout Data Configuring the Layout Morphing Using Asynchronous Layout Calculation Migrating from Synchronous to Asynchronous Layout Calculation Aborting Layout Calculations Edge-to-Edge Connections Layout Stages The Layout Stage Concept Default Multi-Stage Layout Pipeline Layout of Unconnected Components Wrapping Wide or High Layouts Alignment Stage Basic Properties Grouped Graphs Layout Data Port Placement Automatic Port Handling by LayoutExecutor Restricting Port Locations Port Candidates for Nodes Matching Port Candidates and Edges Port Candidates for Edges Port Constraints Restricting Ports for Layout Algorithms which Do Not Support Port Constraints Automatic Label Placement Labeling Scenarios: Generic vs. Integrated Labeling Defining valid positions Label Models Preferred Placement of Edge Labels Define the preferred placement for each label Define PreferredPlacementDescriptor instances Generic Labeling Layout Data Integrated Labeling Hierarchical Layout Terminology Application Areas Relevant Classes Basic Options Labeling Grouped Graphs Recursive Edges Routing Non-incremental Layout Layer Assignment Options From Scratch Layering Strategy Node Order Options Incremental Layout Use Cases Specifying Hints Constrained Layer Assignment Constrained Node Sequencing Layer Assignment with Undirected Edges Custom Subcomponents Example Usage Inter-Edges Grouped Graphs Subcomponent Placement Using Placement to Improve Component Alignment Port Constraints Port Candidates Edge Grouping Automatic Edge Grouping Custom Edge Grouping Bus Structures Grid Swimlanes Setup Partition Grid Tabular Groups Ordering of Children inside a Tabular Group Further Notes on Tabular Groups Critical Paths Edge Crossing Costs Crossing costs with group borders Node Halos Related Classes NodeLayoutDescriptor and EdgeLayoutDescriptor SimplexNodePlacer Applicable Layout Stages Tutorial Demo Code Layout Data Related Layout Algorithms Organic Layouts Application Areas Relevant Classes Basic Options Labeling Grouped Graphs Incremental Layout Tables Layout of Regular Substructures Nesting of Substructures Node Halos Edge Orientation Edge Lengths Constraints Layout Data Related Layout Algorithms Interactive Organic Layout Basic Options General Usage Setup Life Cycle Polling for Results Interaction Layout Data Tutorial Demo Code Tree Layouts General Sorting Child Nodes Enhancing the Layout Process of a Tree Layout Edge Bundling Tutorial Demo Code Classic Tree Layout Basic Options Labeling Incremental Layout Node Halos Layout Data Tree Layout Basic Options Predefined Node Placers Labeling Grouped Graphs Incremental Layout Port Constraints Node Halos Multi-parent Structures Improving the Compactness of Layout Results Layout Data Tutorial Demo Code Balloon Tree Layout Basic Options Labeling Incremental Layout Node Halos Layout Data Aspect Ratio Tree Layout Basic Options Layout Data Tree Map Layout Terminology Input Defining the Weight of Nodes Basic Options Tiling Policy More Settings Layout Data Orthogonal Layouts Basic Options Labeling Grouped Graphs Substructure Support Substructures - Node Types Substructures - Edge Directedness Tree Substructures Chain Substructures Cycle Substructures Related Classes Applicable Layout Stages Layout Data Directed Edge Drawings Directed Edges Edge Grouping Compact Orthogonal Layout Basic Options Applicable Layout Stages Circular Layout Basic Options Partition Arrangement Options Edge Routing Policy Exterior Edges - Settings Tree Arrangement Options Labeling Node Halos Edge Bundling Optimizing Compactness Returning Circle Indices Layout of Star Substructures Layout Data Radial Layout Terminology Basic Options Labeling Node Halos Edge Bundling Layout Data Series-parallel Layout Terminology Relevant Classes Basic Options Labeling Grouped Graphs Incremental Layout Handling Non-Series-parallel Graphs Layout Data Tabular Layout Relation to Partition Grid Layout Policies Auto-Size Fixed Size From-Sketch Basic Options Node Layout Descriptor Grid-related Settings More General Settings Layout Data Partial Layout Relevant Classes Subgraph Components Basic Options Edge Routing Options Grouped Graphs Node Alignment Layout Data Multi-page Layout About the Concept Terminology Relevant Classes Running a Multi-Page Layout Setup for Layout Options Obtaining the Result from a Multi-Page Layout Tutorial Demo Code Supplemental Layout Data Clear and Fill Area Layout Input Area defined by a set of nodes (AreaNodes)Area defined by a single expanded node Basic Options ClearAreaStrategy More Settings for ClearAreaLayout Settings for FillAreaLayout Layout Data Family Tree Layout Basic Options Layout Data Cactus Group Layout Basic Options Group Sizing Policy Parent-Child Overlap Order of Group Members Preferred Root Wedge Collapse Groups Labeling Edge Bundling From-Sketch Node Halos Layout Data Compact Disk Layout Minimum Node Distance From-Sketch Node Types Node Halos Labeling Layout Data Polyline Edge Routing Relevant Classes Basic Options Advanced Options Routing Style Routing Policy Octilinear Routing Style Settings Minimum Edge to Edge Distance Minimum Length of First and Last Segment Minimum Distance to Node Corners Penalty Settings Monotonic Path Restrictions Edge routes similar to the Hierarchical Layout Labeling Grouped Graphs Incremental Layout Port Constraints Port Candidates Edge Grouping Bus-style routing Usage Tables Node Halos Layout Data Channel Edge Routing Basic Options Routing Policy Incremental Layout Port Constraints Port Candidates Related Classes Applicable Layout Stages Layout Data Bus-style Edge Routing Terminology Relevant Classes Setup Basic Options Bus-related Options Bus ID Fixed Edge Edge Grouping Routing Policy Hub Structure Incremental Layout Polyline Routing Port Constraints Port Candidates Esthetic Buses Layout Data Organic Edge Routing Basic Options Enhancing the Routing Process Layout Data Graph Analysis Using Graph Analysis Analyzing Only Part of a Graph Centrality Measures Clustering BiconnectedComponent KMeans EdgeBetweenness LouvainModularity LabelPropagation Hierarchical Connectivity Connected Components Independent Sets K-Core Components Paths Shortest Path Reachability Trees Tree Characteristics Querying Tree Structures Finding trees Example: Make Directed Tree Network Flows Maximum Flow Minimum Cost Flow Transitivity Node Aggregation Intersections Considered Item Types Working with the Result Multi-Segment Intersections Independent Items Considering the Actual Item Geometry Creating a Graph from Business Data Common Features Binding the Business Data to the Graph Builders Configuring the Visual Appearance of Graph Items Creating And Updating Graphs Grouping GraphBuilder TreeBuilder AdjacencyGraphBuilder Using the Creators without a Builder Customizing the Graph Decorating Graph Elements Setting a Decoration Removing a Decoration Examples Associating Data with Graph Elements Reacting to Graph Changes Reacting to Element Creation Reacting to Element Removal Reacting to Grouping Related Changes Reacting to Other Structural Changes Reacting to Tag Changes Reacting to Layout and Geometry Changes Reacting to Other Property Changes Copying Elements of a Graph Customizing the View The Scene Graph The IVisualCreator Visualizing Arbitrary Objects Changing the Z-order General Thoughts The Default Z-order of Edges and Groups The Z-order of Graph Elements Re-ordering Model Items Z-order Commands The Z-order of Indicators Completely Customize the Z-order Styling Selection, Focus, and Highlight Using Different Theme Colors for the Indicators Using CSS Styling for the Indicators The Selection and Focus Template The Highlight Template Using Styles for the Indicators Zoom-invariant rendering Per-item styling Custom Item Indication Model Manager Indicator Installer Customizing Indicator Templates Complex Custom Indicator Installer Adding Additional Indicator Building Indicators into your Styles Restricting the Viewport Customizing the Graph Outline OverviewGraphVisualCreator Second GraphComponent Viewport Rectangle Animations Predefined Animations Animation Framework Support for Colors and Fills Themes Using a Custom Theme Effects on Selection Effects on Focus Effects on Highlight Effects on Lasso and Marquee Effects on Overview Effects on Handles Effects on Label Candidates Effects on Port Candidates Effects on Snap Lines CSS Styling Default Look and Feel Styling of Scrollbars Styling of Handles Styling of Port Candidates Styling of Marquee Rectangle Styling of Lasso Selection Styling of Overview Viewport Rectangle Styling of Table Indicators Styling of Snap Lines Styling of the Grid Visual Styling of Selection, Focus and Highlight Indicators Styling of the Label Position Suggestions Styling of the Label Input Element Styling of the Tooltip Element Customizing Styles Basic Style Implementation Predefined Visuals Implementing the IVisualCreator Interface Efficient Style Implementation Decorating Styles Refining a Style’s Behavior IHitTestable IMarqueeTestable ILassoTestable IBoundsProvider IVisibilityTestable IShapeGeometry IPathGeometry Separating Style and Renderer Customizing Predefined Styles The Preferred Label Size Using SVG Templates in Styles Using Strings as Templates Using Data Binding Template Binding Bindings in String Template Styles Property Paths Converters Notifying of Property Changes State Dependent CSS classes Text Wrapping in a Template Style Using Vue.js Templates in Node Styles Using Data Binding Usage Example Using Node Styles for Labels and Ports Customizing Arrows Customizing the Standard Arrows Creating a custom Arrow Customizing Bridges Crossing Styles Crossing Determination Custom Obstacle Provider Bridges for Custom Edge Styles Customizing User Interaction Adding Custom Input Modes Coordinating Different Kinds of User Interactions Priorities and Exclusiveness Event Recognizers Customizing Cursors Zooming, Panning, and Scrolling Mouse Wheel and Scroll Bars Panning Creating Nodes Creating Edges Reconnecting Edges Providing Port Candidates Customizing the Reconnection Gesture Adding and Editing Labels CSS Transition or Animation for the Input Element Enter Phase Leave Phase Deleting Items Moving Items Moving Unselected Items Moving Labels Resizing Nodes IReshapeHandleProvider IHandleProvider IHandle IReshapeHandler INodeSizeConstraintProvider Grouping Keyboard Input Mouse Clicks Touch handling Selection Tooltips Styling of the Tooltip Element CSS Transition or Animation Enter Phase Leave Phase Context Menus Drag and Drop General Drag and Drop Support Drag and Drop of Graph Items Preview outside of the GraphComponent Providing a Custom Preview Element Using native HTML5 Drag and Drop API Drag and Drop of INodes Drag and Drop of ILabels Drag and Drop of IPorts Undo and Redo Custom Undo Units Built-in Undo Units Merging Changes into one Undo Unit Remembering States for Undo (Memento Design Pattern)Clipboard Defining Items to be Copied and Pasted Clipboard Operations with Dependent Items Copy Dependent Items Independently Filtering the Items to be Cut / Copied / Pasted Customizations for Paste Customizing the Clipboard for Individual Items: IClipboardHelper Snapping Adding Custom Snap Lines Adding Custom Snap Results Orthogonal Edge Editing Customizing Graph I/O The GraphML File Format The GraphMLIOHandler Adding Custom Data for Serialization Automatically Serialized Types Map the Namespace of Your Custom Types Serializing Complex Types Markup Extension Registering a Markup Extension for Deserialization Registering a Markup Extension for Serialization Serialization Event Listeners Serialization with Symbolic Names Low-level Customizations Implementing Custom I/O Handlers Registering Custom I/O Handlers Best Practices for Customizing Serialization Provide Default Values for Your Properties Annotating ECMAScript Level 5 classes Customizing Automatic Layout The LayoutGraph API - Part 1: Structure Creating and Removing Graph Elements Group Nodes Hiding Graph Elements Collections and Iteration Mechanisms Iteration Mechanisms Collections Binding Data to Graph Elements Maps and Data Providers Default Map Implementations Creating Customized Data Accessors Notes on Data Accessors Binding Data to Elements of IGraph Time Complexity The LayoutGraph API - Part 2: Layout Nodes Edges Labels Defining label positions: Label Models Preferred placement of a Label Using Buffered Layout Writing a Custom Layout Stage Common Purposes of a Layout Stage Example: Decorating a Graph Example: Pre-Processing Providing Data for Custom Layout Stages Using Swimlanes and Partition Grid: Customizing Tabular Layout Graph Analysis: The Algorithms Graph API YGraphAdapter Depth-First Search General Concepts for Customization Configuration Properties Logic Abstraction Service Locator Pattern: Lookup Using Lookup The Lookup Chain Examples for Lookup Decoration Events Resource Keys Customizing String Resources Resources Defaults Commands Custom Command Bindings Commands and HTML Widgets Advanced Concepts Filtering: Hiding Graph Elements Folding Working with Folding Styles for Folding User Interaction Folding Revisited Working with Master and View Converting Master and View Items Tasks for the Master Graph Tasks for the View Graph The State of Folded Elements Maintaining the Folder Node State Maintaining the Folding Edge State Shared Folding States of Multiple Views Tables Concepts Table Model Working with the Table Model Undo/Redo Support Visual Representation Rows and Columns Stripe Styles CSS Styling of Indicators User Interaction Interaction Customization Hit-testing Tutorial Demo Code Automatic Layout Tutorial Demo Code Large Graph Performance General Considerations Graph Size Automatic Layout Rendering Technique GraphOverviewComponent GraphEditorInputMode Styles Virtualization Selections Static Graphs Label Models CanvasObjectDescriptor WebGL2 Rendering Enabling WebGL Rendering WebGL2 Styles Node Styles Edge Styles Label Styles Directing Attention with Animations Level of Detail Rendering WebGL2 Support WebGL2 Troubleshooting Dealing with Rendering Issues Dealing with Low Frame Rate ImageNodeStyle and IconLabelStyle are not auto-converted WebGL Rendering Predefined WebGL Styles The WebGL Rendering API When should I use WebGL rendering?When should I avoid WebGL rendering?HTML Rendering Using HtmlVisual When should I use HTML rendering?When should I avoid HTML rendering?Canvas Rendering The Canvas Rendering API When should I use Canvas rendering?When should I avoid Canvas rendering?Using Projections Understanding Projections Drawing Elements in World Coordinates Drawing Elements in Intermediate Coordinates Drawing Elements in View Coordinates Drawing Custom Visuals in View Coordinates Interacting with projected Graphs Scrollbars and Content Fitting Image Export Printing Unsupported Functionality Testing Testing Environment End to End (E2E) Testing Getting Nodes from SVG Elements and vice versa Simulating User Interaction Testing Frameworks Jest Details of the Class Framework Modules and Namespaces Type System Overview Classes Interfaces Structures Enumerations Attributes Lazy Type Definitions Classes Defining a Class in ES5 Class Inheritance Interface Inheritance Lazy Classes Interfaces Defining an Interface Interface Inheritance Lazy Interfaces Structures Defining a Structure Lazy Structures Enumerations Defining an Enumeration Type Lazy Enumerations Attributes Defining an Attribute Lazy Attributes Additional Support Events Deployment Licensing General Concept Registering the License Development vs. Distribution License Licenses in Evaluation Packages Licenses for Purchased Packages Resolving License Errors Not Valid for This Version, Subscription Too Old License Has Expired Invalid License Data No License Found Evaluation vs. Regular License Too Strict Content Security Policy This License is not Valid for yFiles for HTML Redistributables Redistributables in Evaluation Packages Redistributables in Purchased Packages Deployment of a Development Mode Library yWorks Optimizer Good Practices of Deployment Web Browser Caching Problem Analysis and Background Solution HTTP Compression Problem Analysis and Background Solution ES5 Compatibility ECMAScript 2015 Shim ES5 Compatibility in a Toolkit Project ES5 Compatibility in General Webpack + Babel Rollup + Babel Toolkit-specific Advice Vite Webpack Separate yFiles Chunk Integrating the yWorks Optimizer Excluding the yFiles Chunk from Minimization Angular CLI TypeScript Vue.js Vue with Vite Vue CLI with webpack React React with Vite Create React App Utility Scripts and Tools Tools Included in the yFiles for HTML Package Converting ES Module Imports to UMD Converting UMD Imports to ES Modules Examples Split Single 'yfiles' Import Example Usage Tools Available Online yWorks Optimizer App Generator Known Issues and Workarounds Known Issues of the yFiles Library Multilevel inheritance of JavaScript classes, yFiles class framework Graph panning and drag operations lag, Chrome Poor SVG rendering performance, Firefox Missing visualizations when using SvgExport.encodeImagesBase64, Firefox Incorrect positioning of exported HtmlVisuals, Safari Label text flickers or looks fragmented during zooming, Safari Broken Web Components 1.0 implementation, Safari 10 and newer WebGL2 Rendering is not supported in old browsers WebGL2GroupNodeStyle and WebGL2BridgeEdgeStyle are not rendered on iPad 6 WebGL2PolylineEdgeStyle cannot render smooth bends, Android WebGL2 items are sometimes invisible on Safari 14 Mouse events, All browsers Fast zooming and scrolling on precision touchpads, Firefox Application menu on Alt press cannot be disabled, Firefox Zooming on precision touchpad not working, Internet Explorer 11 and Edge Legacy Disappearing <use> elements, Internet Explorer 11 on Windows 10 Broken SVG <marker> elements, Edge Legacy and Internet Explorer on Windows 7, 8, and 8.1 Consecutive whitespace characters in label text, Internet Explorer Native HTML5 drag and drop not working, Internet Explorer Array.isArray fails in some cases, GWT projects in Internet Explorer Developer tools drastically degrade JavaScript performance, Internet Explorer Exported HtmlVisuals will not render, Internet Explorer Dashed lines, Edge Legacy MarkupLabelStyle does not support superscript and subscript, Internet Explorer Known Vulnerabilities Known Issues of Third-party Toolkits Possible performance issue in large Angular applications Possible "RangeError: Maximum call stack size exceeded" in production build of Angular 8 UglifyJS may corrupt Unicode characters in the library code Known Issues of the Demos Unresponsive script warning Grid visualisation Image Export Demo HTML Label Demo Web Worker Demo ShadowNodeStyleDecorator Operation Not Permitted During Installation on macOS Obsolete Known Issues yFiles for HTML 2.3: Overriding properties of yFiles classes fails in TypeScript 4.0+Rendering issues, Safari 11 and all WebKit-based browsers on iOS 11 Undefined behavior with JS classes, Edge before Windows 10 version 1703 Text rendering, Edge Legacy before Windows 10 version 1703 Custom styles, Internet Explorer 11, Windows 7 only Glossary Migration Guide Migrating from an Evaluation Version to a Distribution Version Migration Tool Migrating from UMD to ES Modules Migration from an Older Version to a More Recent Version Migrating to 2.6 from 2.5 API Changes Changes of Default Behavior Removed unused methods and properties Deprecations Migrating to 2.5 from 2.4 Changes in the library files The libraries are provided as tgz files The tgz files are now located in the lib and lib-dev folders The yFiles npm package files now use the correct semver syntax for their versions One TypeScript definition file for both VS Code and WebStorm Clickable Handles and Handle Behavior ModelManagers must be installed now Interactive node and edge creation can be asynchronous WebGL2 Other API Changes Changes of Default Behavior Removed unused methods and properties Deprecations Migrating to 2.4 from 2.3 Changed Text Clipping Behavior Renamed Types and API Members Removed API Members Other API Changes Changes of Default Behavior Deprecations Migrating to 2.3 from 2.2 yfiles-typeinfo.js and Development Mode The New Graph Builder Classes Changes When using a Projection Renamed Types and API Members Removed API Members Other API Changes Changes of Default Behavior Deprecations Migrating to 2.2 from 2.1 License File Changes Renamed API Members Renamed Types Renamed API Members in ECMAScript Modules Removed API Members Other API Changes Migrating to 2.1 from 2.0.1 Changed Module Dependencies Renamed API Members Removed API Members Deprecated API Members Other API Changes TypeScript Definition File Changes Migrating to 2.0.1 from 2.0 Renamed API Members Removed API Members Other API Changes Behavior Changes Migrating to 2.0 from 1.x General Changes to the Class Framework Changes to the Collection Types Changes to Helper Classes and Default Implementations Usage of Promises Major Version Change for GraphML Geometry Support 'Struct' Classes Restructured Javascript Modules Modules do not Introduce Globals Anymore Built-in Types are no Longer Modified Grouping and Folding ECMAScript Level 6 Layout and Graph Analysis Detailed Changes General Namespace Structure Factory Methods Instead of Default Implementations Moved Static Members to Interfaces Model IGraph DefaultGraph Folding Labels Ports Table Undo Support Geometry Controls and Components Members of GraphComponent Visualization Styles Various Visualization Changes Input General Input Mode refactorings GraphEditorInputMode and GraphViewerInputMode CreateEdgeInputMode Other Input Modes Label Editing Snapping Clipboard KeyboardInputMode Various Input-related Changes GraphML Collections and Utility Types Layout Layout Execution Layout API Renamed Types

Welcome to the yFiles for HTML Documentation

Search the API and Documentation?

More search results (Press enter)

Quick Links

Getting Started

Developer's
Guide

Demos and
Tutorials

PRODUCTS

yFiles
yFiles for HTML
yFiles for Java
yFiles for JavaFX
yFiles.NET
yFiles WPF
yEd
yEd Live

yWORKS

Services
Blog
Downloads
References
Jobs
Contact

FOLLOW US

Copyright © 2023 yWorks GmbH

Legal Disclosure
Terms of Use
Privacy Policy