Infographic is a declarative SVG infographic engine and AI-powered generator that transforms structured specifications and natural language descriptions into complete visual layouts. At its core, it provides a data storytelling framework that combines AI-driven layout generation with multi-pattern composition, supporting linear, circular, radial, tree, and mirror arrangements for sequential, hierarchical, and comparative data structures.
The project distinguishes itself through a canvas-based interactive editor with real-time element manipulation and state history management, alongside a server-side SVG renderer for non-browser environments. It offers a comprehensive theme and template registry system that allows users to register, apply, and override reusable design configurations, including custom color palettes, patterns, and style defaults. The editor can be extended through a plugin system for custom templates, themes, and resources, while the rendering pipeline supports incremental streaming for real-time updates as AI output arrives.
The system handles structured data types including comparisons, hierarchies, lists, relations, sequences, and statistical data, each with dedicated definition syntax. Visual composition capabilities include spatial layout management with grids and ratios, color hierarchy design, text and graphic alignment, and symmetrical or asymmetrical balance. Users can browse a curated template gallery organized by chart type and layout category, apply predefined themes, and customize visual properties on the fly. The declarative specification combines design, template, data, theme, and resource blocks into a single syntax for rendering high-fidelity SVG infographics.
