Vaadin 25's Element API now supports SVG and MathML, allowing developers to create and modify these elements directly in Java for more interactive and type-safe web components.

Vaadin is a platform for building web applications with Java. Readers can learn about Java web development, UI components, and web application architecture. With tutorials, documentation, and community support, Vaadin offers resources for developers interested in creating modern and scalable web applications.

Vaadin

Vaadin 25's Element API now supports creating and modifying SVG and MathML elements directly in Java, eliminating the need for string-based SVG construction. This enables developers to build interactive vector graphics programmatically with type safety, attach event listeners to SVG elements, and update specific DOM nodes incrementally. The change allows treating SVG as a first-class component surface rather than markup strings, with practical applications like clickable chart segments and dynamic line drawing between components. Helper classes in the Viritin library provide typed, IDE-friendly APIs for common SVG elements and path operations.

The Hidden Gem of Vaadin 25: The Element API now supports SVG (and MathML)

A fun real-world test: clickable wind rose

Helper classes: typed SVG API for component authors