Infographic Mode
Create fixed-canvas visual assets with 90+ shapes, 38 interactive shapes with configurators, layers panel with z-order control, shape grouping, 11 visual effects, gradient fills, a component library, 5 canvas presets, and direct export to SVG, PNG, JPEG, and PDF.
Infographic mode provides a fixed-size canvas inside the standard diagram editor, designed for creating static visual assets. Every standard diagram feature is available: all 5,385 icons, 90+ shapes across 7 categories, 38 interactive shapes with dedicated configurator panels, ERD tables, swimlanes, connections, styling, and auto-layout. Infographic mode adds exclusive capabilities on top: a layers panel with z-order and visibility/lock controls, shape grouping, shape rotation, gradient fills, a component library, 11 shape effects with 16 blend modes, fixed canvas presets, and direct multi-format export.
Canvas Presets
Choose from 5 fixed canvas sizes, each with precise pixel dimensions for consistent output:
Exclusive Infographic Features
These capabilities are only available in infographic mode, not in the standard diagram editor or presentation mode:
Interactive Shape Categories
The 38 interactive shapes are organised into four categories, each with dedicated configurator panels in the right menu.
Export Formats
Export infographics directly from the editor in 4 formats. PNG and JPEG exports render at 2x resolution for crisp output on high-DPI displays.
Viewer Behaviour
When an infographic is embedded in a Content Foundry page, the viewer renders it at the correct aspect ratio without interactive controls. There is no zoom, pan, or selection: infographics display as fixed visual assets, matching the export output exactly.
Enable the "Infographic Only" toggle to hide the diagram and presentation tabs in the viewer, showing only the infographic.
File Storage
Infographic data is stored within the parent .diagram.json file as separate fields: infographicConfig, infographicShapes, and infographicConnections. Standalone .infographic.json files are also supported for infographic-only documents that have no associated standard diagram.
Use Cases
Creating an Infographic
Apply 11 visual effects to shapes in infographic mode: drop shadow, inner shadow, outer glow, inner glow, Gaussian blur, motion blur, colour overlay, noise, outline, emboss, and colour adjustments. Combine effects with 16 blend modes for professional visual styling.
Create architecture diagrams, ERDs, flowcharts, and network diagrams with 5,385 icons from AWS, Azure, Kubernetes, and more. Includes presentation mode with animated viewport transitions, infographic mode with 5 canvas presets, version snapshots, architecture transitions, and full auto-layout.
Turn any architecture diagram into a step-by-step animated presentation with 4 visibility actions, audio narration, viewport animation, speaker notes, and multiple standalone presentations per diagram.