skills.rest
tryopendata
tryopendataOFFICIAL
Explore all skills by this author →
WebsiteGitHub

openchart

Generate OpenChart VizSpec JSON for charts, tables, graphs, and maps.

121|7|Updated Mar 15, 2026
Search Tags:#data visualization#chart generation#graph#sankey#editorial design#openchart#vizspec
One-click install
npx skills add https://github.com/tryopendata/skills --skill openchart-tryopendata
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: openchart
Source: https://github.com/tryopendata/skills/tree/main/plugins/openchart/skills/openchart
Command: npx skills add https://github.com/tryopendata/skills --skill openchart-tryopendata

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

OpenChart turns raw data into polished charts, tables, graphs, sankey diagrams, and tile maps while guiding the design choices that make them clear and publication-ready.

Core Features & Use Cases

  • Creates OpenChart VizSpec JSON for line, bar, area, scatter, arc, graph, sankey, table, and tile map visualizations.
  • Helps choose chart types, color strategies, typography, annotations, and editorial framing for stronger storytelling.
  • Supports both declarative specs and custom D3 infographics when the story needs something beyond standard chart types.

Quick Start

Ask the skill to convert your dataset into the best OpenChart visualization and specify any chart type, labels, colors, or annotation preferences you want applied.

Frequently Asked Questions about openchart

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

FAQPage Schema
How do I generate a publication-ready sankey diagram from raw data?▼

To generate a sankey diagram from raw data, OpenChart applies editorial design rules and encoding constraints to produce a valid VizSpec JSON output that is ready for publication.

What is the best way to create custom D3 infographics when declarative chart specs are not enough?▼

The best way to create custom D3 infographics is using OpenChart to generate extended visualization specs that support custom rendering beyond standard declarative chart types.

Can I render network graphs and tile maps using OpenChart?▼

Yes, you can render network graphs and tile maps because OpenChart supports generating visualization specs for graph, tile map, table, and standard chart types from your dataset.

How do I apply color strategies and annotations for data visualization storytelling?▼

You apply color strategies and annotations by specifying your editorial goals and preferences, which OpenChart uses to guide typography, labeling, and framing in the generated visualization spec.

Do I need to load type definitions before generating OpenChart visualization specs?▼

Yes, you need to load canonical OpenChart type definitions to ensure the generated visualization specs respect encoding, stacking, labeling, color, and rendering rules for valid output.

Related Skills

Explore More Data & Analytics Skills→
h4vzzh4vzz
33

content-strategy

Generate a B2B content strategy with editorial calendars and measurement frameworks.

Community
Advanced
CozythecoderCozythecoder
4

openchart

Generate OpenChart VizSpec JSON objects for charts, tables, and flow diagrams.

Community
Intermediate
OpenSenseNovaOpenSenseNova
4.9k

range-reading-and-large-file-analysis

Convert large Excel files to Parquet and extract targeted data ranges.

Official
Intermediate
lamm-mitlamm-mit
38

d3-viz

Create custom interactive SVG data visualizations with d3.js.

Community
Intermediate