yFiles for HTML
yFiles for HTML brings diagramming and graph visualization to your HTML5 applications.
This solution for the web platform features the most advanced UI components for drawing, viewing, and editing diagrams and unequaled graph layout and analysis algorithms for automatically arranging complex diagrams at the click of a button.
What's new in yFiles for HTML
More compact layout algorithm options for the hierarchic and tree styles. Improved rendering performance for large graphs with WebGL and Canvas rendering options for handles, overview, and grid. Easier CSS3 styling and animations of UI elements. Literally hundreds of new code samples. ES modules everywhere. Loading yFiles as an NPM module for easier integration into build systems. Improved graph analysis API and even better code completion. Read the blog entry to learn more and see some of these features in action! Evaluate now!
The yFiles for HTML programming library includes all features of the yFiles product family for creating stunning web diagramming applications.
Versatile Graph Components
Powerful Diagramming Features
Create grouped, nested, and flat diagrams from your data. Add as many nodes, connections, and labels as you need.
Enjoy unlimited visualization possibilities and smooth change animations.
Easily create, edit, and handle diagrams with simple mouse, keyboard, and touch gestures.
Comprehensive Editing Features
Benefit from support for zooming and panning, selection, undo/redo, copy and paste, "magnetic" guide lines, image export, printing, and more.
Automatic Layout and Graph Analysis
World Class Graph Layout
Create clear and concise diagrams with the automatic graph layout styles, including Hierarchical, Orthogonal, Tree, Organic, Circular, Radial, and more.
Sophisticated Routing Algorithms
Optimize connection lines in existing diagrams.
Automatic Label Placement
Reserve space for your labels or let the algorithms fit them in between the other elements.
Adapts to Your Requirements
Ample configuration possibilities suit even sophisticated and complex demands.
yFiles for HTML not only lets you create new customized applications but integrates well with your existing solutions and dashboards on the web.
100% client-side graph drawing and graph editing in HTML5-capable browsers — no server component or browser plugin required.
Latest Drawing Technologies
Leverages SVG, WebGL, and HTML5 Canvas to draw diagrams. The three technologies may be combined and used at the same time for the ultimate user experience.
Develop using your favorite toolchain: Use webpack, Rollup.js, ES modules, UMD, AMD, Browserify, angular-cli, loading as Node.js module, simple script loading, and more.
Extensive Developer's Guide and API documentation, runtime type-checking, debugging tools, and code completion and quick API lookup in many IDEs.
Direct TypeScript support with complete TypeScript bindings for all members.
Supports Modern ECMAScript
Requires ECMAScript 5 at minimum at runtime, but the API supports new ECMAScript features like async functions and Promises, classes, ES modules, iterators, etc. at compile time.
Develop with the GWT Web Toolkit with the optional GWT overlay.