skills.rest
JaviMontano
JaviMontanoCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

metodologia-data-viz-storytelling

Transform raw data into story-driven Mermaid diagrams with narrative arcs.

Updated Mar 31, 2026
Search Tags:#mermaid#data-visualization#C4#data-storytelling#narrative-design#visual-communication#discovery-consulting
One-click install
npx skills add https://github.com/JaviMontano/metodologia-propuesta-agent-public --skill metodologia-data-viz-storytelling
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: metodologia-data-viz-storytelling
Source: https://github.com/JaviMontano/metodologia-propuesta-agent-public/tree/main/.claude/skills/data/data-viz-storytelling
Command: npx skills add https://github.com/JaviMontano/metodologia-propuesta-agent-public --skill metodologia-data-viz-storytelling

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Visual storytelling helps discovery consultants translate complex data into accessible, actionable narratives, ensuring the audience grasps insights without buried metrics.

Core Features & Use Cases

  • Chart Selection Matrix to map data patterns to optimal visuals (bar, line, pie, Mermaid diagrams, quadrant charts, etc.)
  • Mermaid-based storytelling: C4-style architecture diagrams, sequence flows, and annotated visuals that tell a cohesive argument
  • Narrative sequence design: Headline → Context → Evidence → Action to build compelling data-led stories
  • Accessibility and brand-aligned visuals: alt-text summaries and color tokens aligned with MetodologIA brand
  • Output-ready formats guidance: Markdown, HTML, PPTX, and dashboards with deterministic structure

Quick Start

Provide the data context and requirements, and I will generate a narrative visual sequence (headline, context, evidence, action) with Mermaid diagrams that follow MetodologIA brand guidelines.

Frequently Asked Questions about metodologia-data-viz-storytelling

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

FAQPage Schema
How do I turn raw data into a visual story for consulting?▼

Data storytelling transforms raw data into structured, story-driven diagrams by enforcing a narrative arc: headline, context, evidence, and action. This approach ensures your audience grasps insights without getting lost in buried metrics.

How do I choose the right chart for my data pattern?▼

Use a chart selection matrix to map data patterns to optimal visuals like bar, line, pie, or Mermaid diagrams. This matrix guides you in selecting the most effective format for your specific data structure.

Can I use Mermaid for C4 architecture and sequence diagrams?▼

Yes, Mermaid supports C4-style architecture diagrams, sequence flows, and annotated visuals to build a cohesive visual argument. It complies with Mermaid standards to ensure consistent, publishable visuals.

How do I design a narrative sequence for data visualization?▼

Design a narrative sequence by structuring your visual content into four stages: Headline, Context, Evidence, and Action. This sequence builds compelling data-led stories that drive actionable insights.

Does this data visualization approach support PPTX and dashboard exports?▼

Yes, the methodology provides output-ready format guidance for Markdown, HTML, PPTX, and dashboards with deterministic structure. It ensures visuals remain consistent and publishable across these formats.

What accessibility considerations are needed for visual communication?▼

Visual communication requires alt-text summaries and color tokens aligned with brand guidelines to ensure accessibility. These considerations make data-driven narratives accessible to a wider audience.

Related Skills

Explore More Data & Analytics Skills→
drgaciwdrgaciw

data-storytelling

Transforms raw data into narrative presentations with visualization and structure.

Community
Intermediate
thatrebeccaraethatrebeccarae
97

data-viz-deck

Transform audit and performance data into PPTX decks, HTML dashboards, or Markdown reports.

Community
Advanced
ZiadNagarZiadNagar

mermaid-diagrams

Transform Mermaid text into visual diagrams for software architectures, flows, and data models.

Community
Advanced
edteedte
11

diagrams-generator

Generate diagrams from text or sketches using Python libraries.

Community
Advanced