yWorks releases version 2.6 of yFiles for HTML!
This new version brings new support for CSS styling to graph items, enabling developers to easily apply custom styles, transitions, and animations.
The extensive new support for true HTML-based rendering of visuals also directly supports CSS styling which makes implementing custom node styles with complex CSS-based layouts or lots of text or input elements much easier.
The support for WebGL2 rendering has been further improved, new effects for selection, highlight and focus styles have been added, and WebGL2 labels bring new support for text direction, alignment, and wrapping.
All WebGL2 styling options for selection, highlight and focus are now available with SVG rendering of graph items as well, and for switching between SVG and WebGL2-based rendering performance has been greatly improved.
The group node styles have been further enhanced with this new version and feature a new simple style, transparent background and auto-adjusting tab sizes.
The organic layout algorithm has new support for layout constraints to arrange nodes e.g. as chains, on circles, or on a grid, and also new support for integrated edge label placement. The tabular layout algorithm has been further improved to generate compact drawings with short edge paths. A new node alignment stage to post-process layout results has been added that automatically align nodes at suitable x- or y-coordinates. The circular layout algorithm features new support for specifying star substructures to emphasize them in the diagram, and the radial layout has new support for specifying different node types and custom node orders as an additional optimization criterion for the arrangement of the diagram.
The demo applications and tutorials have been extensively reworked to make it easier to extract and reuse specific functionality, so that developers can easily integrate the functionality into their projects. Also, the development server for the demo applications is now based on Vite to simplify working with the demos and help developers get instant feedback in their development.
To learn more about these new features and see them in action see also this blog entry!