visualize

Installation
SKILL.md

Visualize

Create data visualizations for the surface where they will actually be read. Three engines:

  • Markdown.md files (or .html with mermaid.js bundled) that render inside pull requests, READMEs, tickets, Notion, Slack, wiki posts.
  • Vega — declarative JSON specs rendered in a standalone HTML wrapper. Concise and auditable; selected for standard static browser charts.
  • D3 — imperative JavaScript with full DOM control, keyboard navigation, and ARIA on individual marks. Selected when the user needs custom interactivity or a chart only D3 can express (sankey).

Every browser output is a single self-contained HTML file — assembled from one shared wrapper plus a chart fragment — that runs with no server and no dependencies beyond CDN.

Core Principles

Installs
25
GitHub Stars
2
First Seen
Mar 16, 2026
visualize — synapseradio/ai-skills