skills.rest
renmengwen
renmengwenCOMMUNITY
Explore all skills by this author →
GitHub

frame-data-chart-nyt

Generate NYT-style animated data charts from CSV or JSON for video.

90|15|Updated Jun 6, 2026
Search Tags:#data visualization#video#animation#chart#NYT style
One-click install
npx skills add https://github.com/renmengwen/MuseDock --skill frame-data-chart-nyt-renmengwen
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frame-data-chart-nyt
Source: https://github.com/renmengwen/MuseDock/tree/main/server/templates/frame-data-chart-nyt
Command: npx skills add https://github.com/renmengwen/MuseDock --skill frame-data-chart-nyt-renmengwen

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill enables the creation of high-quality, animated data charts in the style of The New York Times, making data visualization more engaging for video content.

Core Features & Use Cases

  • NYT Style Charts: Generate charts with typography, staggered reveal animation, and editorial-grade charts (line, bar, or range band).
  • Flexible Input Data: Accepts CSV or JSON data for visualization.
  • Customization Options: Customize chart styles, colors, and annotations for different types of data visualization.

Quick Start

Use the 'frame-data-chart-nyt' skill with data from your latest survey results to create an engaging animated chart in a video.

Frequently Asked Questions about frame-data-chart-nyt

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

FAQPage Schema
How do I create NYT-style animated data charts for video content?▼

To create NYT-style animated data charts for video content, this skill leverages HTML/CSS for rendering, GSAP for staggered reveal animations, and ffmpeg for final video composition, accepting CSV or JSON data as input. It generates editorial-grade line, bar, or range band charts.

What data formats can I use to generate animated data visualization videos?▼

You can use CSV or JSON data formats to generate animated data visualization videos. The skill processes these input formats to produce charts with customizable styles, colors, and annotations tailored for video integration.

Do I need GSAP and ffmpeg to produce animated chart videos?▼

Yes, you need GSAP and ffmpeg to produce animated chart videos. GSAP handles the staggered reveal animations and editorial-grade chart motions, while ffmpeg performs the video composition to integrate the animated data charts into the final output.

Can I customize chart styles and colors for my animated data visualization?▼

Yes, you can customize chart styles, colors, and annotations for your animated data visualization. The skill supports editorial-grade charts including line, bar, and range band types with NYT-style typography and staggered reveal animations.

What is the best way to convert CSV survey results into an animated chart video?▼

The best way to convert CSV survey results into an animated chart video is to input the CSV data into this skill, which applies NYT-style typography and staggered reveal animations using GSAP, then composites the visualization into a video via ffmpeg.

What types of editorial-grade charts are supported for video animation?▼

Supported editorial-grade charts for video animation include line, bar, and range band charts. These chart types are rendered with NYT-style typography and customizable annotations, animated via GSAP, and composited into video using ffmpeg.

Related Skills

Explore More Data & Analytics Skills→
nexu-ionexu-io
8.2k

data-report

Convert CSV, Excel, or JSON data into an HTML report with Chart.js charts and tables.

Official
Advanced
ckrono-progckrono-prog

video-editing

Trim, merge, and convert videos with FFmpeg for social media platforms.

Community
Advanced
whyiloveher2411whyiloveher2411

hyperframes

Create video compositions and animations using HTML and GSAP.

Community
Advanced
SenseTime-FVGSenseTime-FVG
8

python-dataviz

Generate static and interactive charts from tabular data using matplotlib, seaborn, and plotly.

Official
Intermediate