yFiles for HTML
Guide and Documentation

The developers Guide and API Reference for yFiles for HTML.
Get Started
IGraph
Central interface that models a graph which can be displayed in a canvas or GraphComponent.
Card image
GraphComponent
A component for displaying and editing an IGraph.
Card image
Card image
EdgeRouter
This edge routing algorithm applies orthogonal, octilinear or curved routes to the edges of the graph while not changing node positions.
Insets
Represents margins or padding for a rectangular area in two-dimensional Cartesian coordinates.
Card image
CanvasComponent
The CanvasComponent can be used to efficiently display all kinds of data.
GraphBuilder
Populates a graph from custom data.
Card image
IGraph
Central interface that models a graph which can be displayed in a canvas or GraphComponent.
Card image
GraphComponent
A component for displaying and editing an IGraph.
Card image
Card image
EdgeRouter
This edge routing algorithm applies orthogonal, octilinear or curved routes to the edges of the graph while not changing node positions.
Insets
Represents margins or padding for a rectangular area in two-dimensional Cartesian coordinates.
Card image
CanvasComponent
The CanvasComponent can be used to efficiently display all kinds of data.
GraphBuilder
Populates a graph from custom data.
Card image
IGraph
Central interface that models a graph which can be displayed in a canvas or GraphComponent.
Card image
GraphComponent
A component for displaying and editing an IGraph.
Card image
Card image
EdgeRouter
This edge routing algorithm applies orthogonal, octilinear or curved routes to the edges of the graph while not changing node positions.
Insets
Represents margins or padding for a rectangular area in two-dimensional Cartesian coordinates.
Card image
CanvasComponent
The CanvasComponent can be used to efficiently display all kinds of data.
GraphBuilder
Populates a graph from custom data.
Card image
IGraph
Central interface that models a graph which can be displayed in a canvas or GraphComponent.
Card image
GraphComponent
A component for displaying and editing an IGraph.
Card image
Card image
EdgeRouter
This edge routing algorithm applies orthogonal, octilinear or curved routes to the edges of the graph while not changing node positions.
Insets
Represents margins or padding for a rectangular area in two-dimensional Cartesian coordinates.
Card image
CanvasComponent
The CanvasComponent can be used to efficiently display all kinds of data.
GraphBuilder
Populates a graph from custom data.
Card image
Introduction into yFiles
This chapter of the developers guide will give you an overview of basic concepts the yFiles platform.
Card image
Layout Overview
This chapter of the developers guide will give you an overview of all available automatic layouts in yFiles.
Creating a Simple Web Application
In this section, we will create a basic yFiles for HTML web application: a single page that contains a GraphComponent, the main control for displaying graphs.
Getting Started
This chapter introduces yFiles for HTML and helps you get started quickly.
Card image
Card image
Card image
Demos
Shows how to launch the demos included in the yFiles for HTML distribution.
Introduction into yFiles
This chapter of the developers guide will give you an overview of basic concepts the yFiles platform.
Card image
Layout Overview
This chapter of the developers guide will give you an overview of all available automatic layouts in yFiles.
Creating a Simple Web Application
In this section, we will create a basic yFiles for HTML web application: a single page that contains a GraphComponent, the main control for displaying graphs.
Getting Started
This chapter introduces yFiles for HTML and helps you get started quickly.
Card image
Card image
Card image
Demos
Shows how to launch the demos included in the yFiles for HTML distribution.
Introduction into yFiles
This chapter of the developers guide will give you an overview of basic concepts the yFiles platform.
Card image
Layout Overview
This chapter of the developers guide will give you an overview of all available automatic layouts in yFiles.
Creating a Simple Web Application
In this section, we will create a basic yFiles for HTML web application: a single page that contains a GraphComponent, the main control for displaying graphs.
Getting Started
This chapter introduces yFiles for HTML and helps you get started quickly.
Card image
Card image
Card image
Demos
Shows how to launch the demos included in the yFiles for HTML distribution.
Introduction into yFiles
This chapter of the developers guide will give you an overview of basic concepts the yFiles platform.
Card image
Layout Overview
This chapter of the developers guide will give you an overview of all available automatic layouts in yFiles.
Creating a Simple Web Application
In this section, we will create a basic yFiles for HTML web application: a single page that contains a GraphComponent, the main control for displaying graphs.
Getting Started
This chapter introduces yFiles for HTML and helps you get started quickly.
Card image
Card image
Card image
Demos
Shows how to launch the demos included in the yFiles for HTML distribution.