@worksheet-js/draw

Zero-dependency diagramming engine for the modern web.

Documentation  ·  Support

Install

npm install @worksheet-js/draw

No runtime dependencies — the engine renders to a single <canvas> and ships its own UI chrome.

Quick start

import { Draw } from '@worksheet-js/draw';

const draw = new Draw(document.getElementById('app')!, {
  theme: 'light',
  grid: true,
  snapToGrid: true,
  fileName: 'Untitled diagram',
});

Features

• Shapes — flowchart, BPMN, UML, ER, network, UI-mockup, infographic and infrastructure libraries.
• Edges — straight, orthogonal (obstacle-avoiding) and curved connectors with floating perimeter anchors.
• Layouts — TreeLayout and RadialLayout for automatic arrangement.
• Templates — ready-made starting diagrams via getAllTemplates() / getTemplate() / TEMPLATES.
• Import / Export — DrawioImporter, DrawioExporter, plus SVGExporter, PNGExporter and PDFExporter.
• Extras — Minimap and PresentationMode.

// Built-in convenience exporters on the instance:
const svg = draw.toSVG();
const xml = draw.exportDrawio();
const png = await draw.toPNG();

Full API, options, events, and architecture notes on worksheetjs.com.

License

Proprietary. Usage is subject to the EULA.