infographic
Infographic Visualizer
⚠️ CHECK TEMPLATES: Wrong template names WILL cause render failures.
When to Use & Available Templates
✅ Use infographic when:
- Feature list / checklist:
list-grid-badge-card,list-grid-candy-card-lite,list-grid-ribbon-card,list-column-done-list,list-column-vertical-icon-arrow,list-column-simple-vertical-arrow,list-row-horizontal-icon-arrow,list-row-simple-illus,list-sector-plain-text,list-zigzag-down-compact-card,list-zigzag-down-simple,list-zigzag-up-compact-card,list-zigzag-up-simple - Timeline / milestones:
sequence-timeline-simple,sequence-timeline-rounded-rect-node,sequence-timeline-simple-illus - Step-by-step process:
sequence-snake-steps-simple,sequence-snake-steps-compact-card,sequence-snake-steps-underline-text,sequence-stairs-front-compact-card,sequence-stairs-front-pill-badge,sequence-ascending-steps,sequence-ascending-stairs-3d-underline-text,sequence-circular-simple,sequence-pyramid-simple,sequence-mountain-underline-text,sequence-cylinders-3d-simple,sequence-zigzag-steps-underline-text,sequence-zigzag-pucks-3d-simple,sequence-horizontal-zigzag-underline-text,sequence-horizontal-zigzag-simple-illus,sequence-color-snake-steps-horizontal-icon-line - Product roadmap:
sequence-roadmap-vertical-simple,sequence-roadmap-vertical-plain-text - Funnel / conversion:
sequence-filter-mesh-simple,sequence-funnel-simple - A vs B comparison:
compare-binary-horizontal-underline-text-vs,compare-binary-horizontal-simple-fold,compare-binary-horizontal-badge-card-arrow,compare-hierarchy-left-right-circle-node-pill-badge - SWOT analysis:
compare-swot - Priority matrix 2×2:
quadrant-quarter-simple-card,quadrant-quarter-circular,quadrant-simple-illus - Org tree / hierarchy:
hierarchy-tree-tech-style-capsule-item,hierarchy-tree-curved-line-rounded-rect-node,hierarchy-tree-tech-style-badge-card,hierarchy-structure - Pie / donut chart:
chart-pie-plain-text,chart-pie-compact-card,chart-pie-donut-plain-text,chart-pie-donut-pill-badge - Bar / column chart:
chart-bar-plain-text,chart-column-simple,chart-line-plain-text - Word cloud:
chart-wordcloud
More from larchliu/md2x
md2x
Convert Markdown files to PDF, DOCX, HTML, or full-page images (png/jpg/webp). Use `npx md2x <input.md> -f <docx|pdf|html|png|jpg|jpeg|webp> [options]`.
12mermaid
Create flowcharts, sequence diagrams, state machines, class diagrams, Gantt charts, mindmaps, and more. Best for process flows, API interactions, system architecture, and technical documentation. NOT for data-driven charts (use vega) or quick KPI visuals (use infographic).
5vega
Create data-driven charts with Vega-Lite (simple) and Vega (advanced). Best for bar, line, scatter, heatmap, area charts, and multi-series analytics. Use when you have numeric data arrays needing statistical visualization. Vega for radar charts and word clouds. NOT for process diagrams (use mermaid) or quick KPI cards (use infographic).
5canvas
Create spatial node-based diagrams with free positioning. Best for mind maps, knowledge graphs, concept maps, and planning boards where precise spatial layout matters. Use JSON format with x/y coordinates. NOT for sequential flows (use mermaid) or data charts (use vega).
5graphviz
Create complex directed/undirected graphs with precise layout control. Best for dependency trees, org charts, network topologies, and module relationships. Use when you need fine-grained edge routing or hierarchical layouts with many levels. NOT for simple flowcharts (use mermaid) or data charts (use vega).
5