mira-chart

Convert CSV, JSON, TSV, Markdown tables, or sketches into D3 v7 SVG charts.

158|49|Updated Jun 10, 2026
One-click install
npx skills add https://github.com/sandeco/mira-animator --skill mira-chart
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mira-chart
Source: https://github.com/sandeco/mira-animator/tree/main/agents/mira-chart
Command: npx skills add https://github.com/sandeco/mira-animator --skill mira-chart

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Transforma dados e rascunhos em gráficos D3 prontos para decks Mira, evitando o trabalho manual de design e acelerando a construção de apresentações.

Core Features & Use Cases

  • Converte entradas variadas (CSV/JSON/TSV, tabelas Markdown, prints de gráficos, fotos de rascunhos) em gráficos D3 prontos para uso em decks Mira.
  • Adota paletas do tema do deck e aplica estilos consistentes com o design, mantendo acessibilidade e clareza.
  • Sugere tipos de gráfico com base nos dados usando a galeria D3; gera saídas SVG/D3 v7 otimizadas para inclusão em slides.

Quick Start

Passe seus dados (CSV, JSON, TSV, tabela Markdown) e eu gerarei o gráfico D3 pronto para o deck Mira.

Frequently Asked Questions about mira-chart

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

FAQPage Schema
How do I convert CSV or JSON data into D3 charts for presentation slides?

You can convert raw CSV, JSON, or TSV data into production-ready D3 v7 SVG charts for presentation slides. The tool suggests appropriate chart types and applies theme-aware styling to ensure visual consistency.

Can I generate data visualizations from Markdown tables or pasted data?

Yes, data visualizations can be generated directly from Markdown tables, pasted data, CSV, JSON, or TSV formats. The tool processes these varied inputs and outputs optimized D3 v7 SVG files.

Does the tool support creating charts from images or hand-drawn sketches?

Yes, the tool supports image and sketch inputs to generate D3 charts. It transforms photos of hand-drawn sketches or printouts of existing charts into production-ready, theme-aware SVG visualizations for decks.

How are the generated SVG charts styled to match my existing deck design?

Generated SVG charts are styled using theme-aware palettes adopted directly from your deck. This approach ensures consistent design, maintains accessibility, and keeps chart axes clean and readable.

Where are the generated D3 chart assets saved when building a presentation?

Generated D3 chart assets are saved automatically under the decks/<deck>/assets/ directory. This ensures your production-ready SVG visualizations are properly organized and accessible for your presentation slides.