Infographics

Infographic mode provides the complete diagram editor on a fixed-size canvas. All shape types including interactive shapes with configurators, comprehensive icons, connections, ERD tables, swimlanes, auto-layout, and styling are available, plus shape rotation, grouping, layering with z-order control, visual effects, a component library, and direct export to SVG, PNG, JPEG, and PDF.

February 5, 2026

Infographic mode provides the complete diagram editor on a fixed-size canvas for creating static visual assets. Every standard diagramming feature is available: shape types across categories, interactive shapes with dedicated configurator panels, comprehensive cloud and technology icons, connections with orthogonal routing, ERD tables, swimlanes, auto-layout, and full styling controls. On top of the full editor, infographic mode adds shape rotation, grouping, a layers panel with z-order and visibility/lock controls, visual effects, gradient fills, a reusable component library, and direct multi-format export.

Shape Types

Process shapes, containers, basic shapes, data visualisation charts, structural shapes, and infographic indicators

comprehensive Icons

Azure, AWS, GCP, Kubernetes, CNCF, Lucide, Brand & Tech, and custom SVGs

Fixed Canvas Sizes

Presets: 16:9, 4:3, 1:1, A4 Portrait, A4 Landscape

Shape Rotation

Rotate shapes to any angle for precise layout control

Interactive Shapes

Charts, gauges, sparklines, sankey diagrams, and more with dedicated configurator panels

Layers Panel

Z-order control, visibility/lock toggles, drag-drop reordering, and group management

Shape Grouping

Group shapes to move, hide, lock, and manipulate as a single unit

Visual Effects

Drop shadows, glows, blur, colour overlays, noise, emboss, and blend modes

Gradient Fills

Linear gradients with multiple colour stops for polished backgrounds and shapes

Component Library

Reusable templates and save your own custom components for consistent visuals

Multi-Format Export

SVG, PNG, JPEG, and PDF with theme selection

High-Resolution Output

PNG and JPEG render at 2x scale for crisp display

Full Editing Tools

Undo/redo, copy/paste, alignment, distribution, and diagram search

Canvas Size Presets

Choose from five presets optimised for common output formats.

Preset	Dimensions	Best For
16:9	1920 x 1080 px	Presentation slides, video thumbnails, digital displays
4:3	1600 x 1200 px	Traditional presentations, legacy displays
1:1	1200 x 1200 px	Instagram, social media posts, app icons
A4 Portrait	595 x 842 pt	Document pages, printed handouts, PDF reports
A4 Landscape	842 x 595 pt	Wide documents, certificates, landscape prints

Included Diagram Editor Features

Infographic mode includes the complete diagram editor. All standard features are available on the fixed canvas.

Shape Types

Process shapes, containers, basic shapes, data visualisation charts, structural shapes, infographic indicators, and custom polygons

comprehensive Icons

Azure, AWS, GCP, Kubernetes, CNCF, Lucide, Brand and Tech, and custom SVGs

Connections

Straight, curved, orthogonal, and two-way paths with line endings including crow's foot

ERD Tables

Entity-relationship tables with columns, keys, foreign key auto-fill, and linting

Swimlanes

Multi-lane containers in vertical or horizontal orientation with resizable boundaries

Auto-Layout

Layout algorithms including ERD, UML, compact grid, and force-directed (ELK.js)

Full Styling

Fill, stroke, text colours, font properties, and light/dark theme support

Alignment Tools

Alignment and distribution options for precise element positioning

Editing Tools

Undo/redo, copy/paste, drag and drop, inline text editing, and diagram search

Additional Infographic Features

On top of the full diagram editor, infographic mode adds these capabilities.

Export Formats

Use Cases

Presentation Slides

Create consistent 16:9 visuals with exact dimensions. Export as PNG for PowerPoint or Keynote.

Documentation Graphics

Build diagrams sized specifically for document embedding. Use A4 presets for print-ready graphics.

Social Media Assets

Design square or widescreen graphics for social media sharing with brand-appropriate themes.

Print Materials

Produce A4-sized handouts, posters, and flyers. Export to PDF for print-ready output.

Standalone Infographic Files

Infographics can be saved as standalone .infographic.json files. These self-contained files can be referenced by the Infographic content block in documentation pages.

Viewer Behaviour

Published infographics display as static images at their designed aspect ratio without zoom or pan controls. Enable Infographic Only mode to hide Diagram and Presentation tabs, showing only the infographic view.

Deep Dive Guides

Explore each infographic feature in detail.