charts

Generate customizable chart and diagram templates for Python, JavaScript, and CSS workflows.

2|Updated Mar 31, 2026
One-click install
npx skills add https://github.com/marktantongco/promptc-os --skill charts-marktantongco
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: charts
Source: https://github.com/marktantongco/promptc-os/tree/main/skills/charts
Command: npx skills add https://github.com/marktantongco/promptc-os --skill charts-marktantongco

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires matplotlib, seaborn, numpy, adjustText, playwright, and includes references (resource) components.

What problem does it solve?

Creating consistent, publication-ready charts and diagrams from a centralized library of templates and design guidelines.

Core Features & Use Cases

  • Framework templates for matplotlib, seaborn, ECharts, D3, and CSS-based diagrams (flowcharts, mind maps, dashboards).
  • Color systems, typography, and layout rules to ensure accessibility and professional aesthetics.
  • Templates for common visuals (bar, line, scatter, pie, radar, treemap, flowchart, mind map, KPI cards) and dashboards, ready to generate from data or descriptions.
  • Use cases include reporting, dashboards, academic visuals, and design mockups.

Quick Start

Describe your dataset and the chart type you want, and I will generate a polished chart template.

Frequently Asked Questions about charts

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

FAQPage Schema
How do I generate publication-ready matplotlib and seaborn charts from a centralized template library?

To generate publication-ready matplotlib and seaborn charts, you describe your dataset and desired chart type to retrieve a polished template. The system applies predefined color systems, typography, and layout rules to produce high-quality PNG, SVG, or PDF outputs with professional aesthetics.

Can I create ECharts and D3 diagrams using Python-based rendering?

Yes, you can create ECharts and D3 diagrams using Python-based rendering. The system utilizes Playwright-based rendering to process JavaScript visualization frameworks, allowing you to generate high-quality PNG, SVG, or PDF outputs directly from your Python environment.

What is the best way to build CSS-driven flowcharts and mind maps for dashboards?

The best way to build CSS-driven flowcharts and mind maps for dashboards is by applying centralized design guidelines. This approach provides templates for common visuals like KPI cards and flowcharts, ensuring accessible color systems and consistent professional aesthetics across your dashboard.

Do I need numpy and adjustText to create accessible data visualizations?

Yes, you need numpy and adjustText because they are required dependencies for creating accessible data visualizations. Numpy supports data manipulation for the charts, while adjustText helps optimize label placement, ensuring the final visual outputs maintain professional aesthetics and accessibility.

How to ensure consistent color systems and typography across academic visuals and reporting?

To ensure consistent color systems and typography across academic visuals and reporting, apply centralized layout rules and design guidelines from a template library. This enforces professional aesthetics and accessibility standards across all generated chart types, including bar, line, scatter, and radar visuals.

Does this visualization workflow support exporting treemap and radar charts to SVG and PDF?

Yes, this visualization workflow supports exporting treemap and radar charts to SVG and PDF. By leveraging Playwright-based rendering, the system generates high-quality static outputs, ensuring your dashboard and reporting visuals maintain their polished layout and accessible color systems across formats.