Skip to content

SVG Converter API

The SVG converter turns draw.io mxGraphModel XML into standalone SVG markup without external runtime dependencies.

Import

From the repository root:

javascript
import { drawioToSvg } from './skills/drawio/scripts/svg/drawio-to-svg.js'

drawioToSvg(xmlString)

Convert draw.io XML into standalone SVG.

Parameters

ParameterTypeDescription
xmlStringstringdraw.io mxGraphModel XML

Returns

string containing the final SVG markup.

Throws

Error when the input is empty, whitespace-only, or not a string.

Features

  • semantic shape rendering for the built-in node families
  • standalone rendering for the built-in network semantic shapes (switch, hexagon, Cisco firewall, Cisco AP)
  • marker support for common arrow types
  • text styling from draw.io style strings
  • embedded data-drawio payload for round-trip recovery

Vendor-specific stencil libraries outside that supported set may still fall back to simplified geometry in standalone SVG. Use draw.io Desktop export when full stencil fidelity matters.

Typical Use

javascript
import { drawioToSvg } from './skills/drawio/scripts/svg/drawio-to-svg.js'

const svg = drawioToSvg(xmlString)

Draw.io Skill v2.2.0 documentation.