Skill

data-visualization

Creates animated 4-panel data dashboard videos from CSV files or data sources with hero KPI, comparison bars, composition donuts, and trend line charts.

frontend

design

npx claudepluginhub dansasser/claude-code-marketplace --plugin remotion-gorombo

Popularity

Parent stars

Parent forks

Invocation

How this skill is triggered — by the user, by Claude, or both

Slash command

/remotion-gorombo:data-visualization

User invocable

Model invocable

Inline context

Default effort

Context Preview

The summary Claude sees in its skill listing — used to decide when to auto-load this skill

Use the Remotion best practices skill (SKILL.md at the plugin root). Follow its scene planning algorithm for all production steps.

SKILL.md

42 lines · ~417 tokens

Similar Skills

data-visualization

1.3k

Designs clear, accessible data visualizations with chart selection for comparisons/trends/distributions, styling principles, color palettes, responsiveness, and best practices.

ui-design

build-dashboard

12.3k

Generates self-contained interactive HTML dashboards with KPI cards, charts, filters, and tables from queries, CSVs, or samples for reports and monitoring.

data

Data Visualization Design

Guides data visualization design principles including chart selection, color encoding, annotation strategies, accessibility, and Tufte's data-ink ratio.

1 file

harness-claude

Stats

LanguagePython

Parent stars8

Parent forks1

MaintenanceExcellent

Last CommitApr 6, 2026

Actions

View Source View Plugin View on GitHub View README

Help us improve

Share bugs, ideas, or general feedback.

Stats

Actions

Help us improve

Share bugs, ideas, or general feedback.

Data Visualization Dashboard

Input

$ARGUMENTS

Questionnaire

If not answered by the input, ask:

What data? — CSV file path, API endpoint, or should I generate sample data?

What story? — What's the key takeaway from this data?

Style? — Default: dark glass-morphism dashboard. Other options: clean/minimal, corporate, neon.

Script

Analyze the data and propose:

A dashboard title

The single most impressive KPI stat (hero card)

Best chart types for the data (bar, donut, line, etc.)

Layout of 4 panels

Present for approval before building.

Panel Structure

Panel 1: Hero KPI — large count-up number with trend indicator (arrow up/down)

Panel 2: Comparison chart — horizontal bars or grouped bars

Panel 3: Composition chart — donut or pie showing parts of a whole

Panel 4: Trend chart — line chart with gradient fill showing change over time

Visual Approach

4-panel vertical stack with padding between panels

Glass-morphism card backgrounds (semi-transparent, subtle border, blur)

SVG-based charts — bars grow with spring animation, donut segments draw clockwise, line draws left-to-right

Key numbers use count-up animation with tabular-nums font variant

Staggered panel entrances — each panel animates in after the previous one

Use the Remotion best practices skill (SKILL.md at the plugin root). Follow its scene planning algorithm for all production steps.