SvgicInteractive SVG client

Embed SVG, bind data, handle events — vanilla JS, Vue 3, React

Data Binding

Bind any data to SVG elements by ID. Update reactively via setData().

click, hover, leave — with element ID and bound data item.

Built-in hover/click popups — cursor, element-anchored, or target panel.

Declarative styles for default, hover, and named states. setHighlight() for groups.

ZoomPlugin, DebugPlugin, or write your own with lifecycle hooks.

Native components and composables for Vue 3 and React.