dataviz-executor

Generate interactive Plotly.js HTML charts from CSV/JSON data or planning specs.

Updated Mar 5, 2026
One-click install
npx skills add https://github.com/zivtech/joyus-desktop --skill dataviz-executor
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: dataviz-executor
Source: https://github.com/zivtech/joyus-desktop/tree/main/.claude/skills/dataviz-executor
Command: npx skills add https://github.com/zivtech/joyus-desktop --skill dataviz-executor

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill bridges the gap between data visualization planning and implementation by automatically generating self-contained, interactive HTML charts from structured specifications or raw data.

Core Features & Use Cases

  • Automated Visualization: Converts dataviz-planner specs into responsive, Plotly.js-based HTML files.
  • Accessibility-First: Ensures all generated charts include colorblind-safe palettes, alt text, and ARIA labels.
  • Use Case: You have a completed visualization plan and need a shareable, interactive chart that works in any browser without requiring a backend server or complex build process.

Quick Start

Use the dataviz-executor skill to generate an interactive bar chart from the provided dataviz-planner specification file.

Frequently Asked Questions about dataviz-executor

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

FAQPage Schema
How do I generate interactive HTML charts from CSV or JSON data?

To generate interactive HTML charts, you can use this skill to convert raw CSV or JSON data into self-contained Plotly.js visualizations. It processes structured planning specifications or raw data directly to produce responsive bar, line, scatter, and heatmap charts.

Does Plotly.js support accessibility standards for web visualizations?

Yes, Plotly.js web visualizations generated by this skill include built-in accessibility standards. Charts feature colorblind-safe palettes, alt text, and ARIA labels to ensure compliance and usability for all viewers.

Can I create a self-contained chart that works without a backend server?

Yes, you can create self-contained interactive HTML charts that function without a backend server. The skill embeds Plotly.js directly into the output file, ensuring charts render independently in any modern browser.

What is the best way to convert a dataviz-planner specification into a shareable chart?

The best way to convert a dataviz-planner specification into a shareable chart is processing it through this executor skill. It translates structured planning specs directly into responsive, interactive Plotly.js HTML files ready for distribution.

What chart types are supported for exploratory data analysis and reporting?

Supported chart types for exploratory data analysis and reporting include bar, line, scatter, and heatmap visualizations. These interactive Plotly.js charts are generated from your structured specifications or raw data inputs.

Why does my generated visualization include deviation logging?

Generated visualizations include deviation logging to ensure output quality and compliance with design requirements. This mechanism tracks specification deviations during the Plotly.js chart generation process to maintain accuracy.