skills.rest
shekerkamma
shekerkammaCOMMUNITY
Explore all skills by this author →
GitHub

infographic

Render template-driven infographics from structured data in Markdown.

Updated Apr 25, 2026
Search Tags:#templates#markdown#charts#infographic#data-visualization#infographic-dsl
One-click install
npx skills add https://github.com/shekerkamma/markdown-viewer-skills-audit --skill infographic-shekerkamma
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: infographic
Source: https://github.com/shekerkamma/markdown-viewer-skills-audit/tree/main/infographic
Command: npx skills add https://github.com/shekerkamma/markdown-viewer-skills-audit --skill infographic-shekerkamma

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Infographic Visualizer enables you to generate template-driven infographics from structured data in Markdown, removing the heavy lifting of manual diagram creation.

Core Features & Use Cases

  • Template-based rendering with a broad catalog of templates for lists, sequences, charts, hierarchies, and relations.
  • Data-driven authoring using a simple DSL (infographic <template>), a data block, and optional theme settings to produce consistent visuals.
  • Real-world use: create KPI dashboards, timelines, roadmaps, SWOT analyses, funnels, comparisons, and org charts with quick visual impact.

Quick Start

Declare a template and a data block to render your first infographic.

Frequently Asked Questions about infographic

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I turn structured data into Markdown visuals?▼

You can turn structured data into Markdown visuals by declaring an infographic template and supplying a data block. The Infographic DSL processes your hierarchical items to render template-driven diagrams automatically.

What types of diagrams can I generate from data blocks in Markdown?▼

You can generate KPI dashboards, timelines, roadmaps, SWOT analyses, funnels, comparisons, and org charts. The template catalog covers lists, sequences, charts, hierarchies, and relations for data-visualization.

How do I apply custom themes to Markdown infographics?▼

You apply custom themes by adding an optional theme block alongside your data block in the infographic DSL. This ensures consistent visual styling across your rendered Markdown diagrams.

Does the infographic DSL enforce specific formatting rules for data visualization?▼

Yes, the infographic DSL enforces strict indentation and data-field requirements within your hierarchical item structures. This ensures template-driven diagrams render correctly from your structured data.

Can I create KPI dashboards and roadmaps without manual diagram drawing?▼

Yes, you can create KPI dashboards and roadmaps without manual drawing by using the template-based rendering system. The Infographic DSL removes the heavy lifting by transforming structured data into polished visuals.

What is the best way to build SWOT analyses and org charts in Markdown?▼

The best way to build SWOT analyses and org charts in Markdown is using the infographic DSL with a declared template and data block. This approach generates consistent visuals with quick visual impact.

Related Skills

Explore More Design & Creative Skills→
Young-ZYoung-Z
8

infographic-syntax-creator

Convert user content into AntV Infographic DSL syntax with template selection.

Community
Basic
vuminhieuvuminhieu

mermaidjs-v11

Render Mermaid.js v11 diagrams to SVG, PNG, or PDF via CLI.

Community
Intermediate
tiankong0101-bytetiankong0101-byte

diagram-generator

Generates diagrams and charts from textual descriptions as Mermaid output.

Community
Intermediate
markdown-viewermarkdown-viewer
3.1k

infographic

Generate template-based infographics from space-separated key-value data.

Official
Intermediate