skills.rest
aref-vc
aref-vcCOMMUNITY
Explore all skills by this author →
𝕏@aref_vcGitHub

tufte-claude-skill

Generate Tufte-compliant charts from text requests using matplotlib and D3.js.

288|27|Updated May 23, 2026
Search Tags:#data visualization#chart generation#chart design#Tufte#Edward Tufte
One-click install
npx skills add https://github.com/aref-vc/tufte-claude-skill --skill tufte-claude-skill
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tufte-claude-skill
Source: https://github.com/aref-vc/tufte-claude-skill/tree/main
Command: npx skills add https://github.com/aref-vc/tufte-claude-skill --skill tufte-claude-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires matplotlib, recharts, d3, and includes scripts (resource) and assets (resource) components.

What problem does it solve?

This Skill turns 'make me a chart' requests into visually appealing, Tufte-compliant charts, improving data visualization and communication.

Core Features & Use Cases

  • Tufte-compliant Design: Charts designed according to Edward Tufte's principles for clarity and data integrity.
  • Chart Generation: Automatically generates charts based on user requests with options for different chart types and outputs.
  • Customization: Allows users to specify output format (HTML/SVG, React) and override certain Tufte rules.
  • Use Case: For instance, a user can ask Claude to "make a chart of monthly revenue for the last 12 months," and the Skill will produce a Tufte-compliant line chart with a range frame, no redundant data-ink, and direct labels.

Quick Start

Ask Claude to 'make a chart of monthly revenue for the last 12 months'.

Frequently Asked Questions about tufte-claude-skill

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

FAQPage Schema
How do I generate charts that follow Edward Tufte's data visualization principles?▼

To generate Tufte-compliant charts, you can request visualizations like "make a chart of monthly revenue" and the system outputs designs adhering to Tufte's principles, minimizing redundant data-ink and maximizing clarity.

Can I output interactive charts using matplotlib and D3.js?▼

Yes, you can output interactive chart components using D3.js and recharts, while matplotlib handles static rendering. The system generates formats like HTML/SVG and React components based on your request.

What is the best way to automatically apply Tufte design rules to my chart requests?▼

The best way to apply Tufte design rules automatically is through text requests. The system parses your prompt and modifies the chart output to include range frames, direct labels, and no redundant data-ink.

Can I override specific Tufte rules when generating data visualizations?▼

Yes, you can override certain Tufte rules during chart generation. The system allows customization so you can specify output formats and adjust the strict adherence to Tufte's design principles as needed.

Do I need to install matplotlib, recharts, and d3 to render these charts?▼

Yes, you need matplotlib, recharts, and d3 installed to render the interactive and static chart components. These dependencies are required for the system to process and output the final visualizations.

Related Skills

Explore More Data & Analytics Skills→
inbharataiinbharatai
22

chart-designer

Generate bar, line, pie, scatter, and heatmap charts with matplotlib and D3.js.

Community
Intermediate
wanderinglanternwanderinglantern

policydb-reports

Generate insurance reports and chart visualizations from PolicyDB data.

Community
Advanced
Sir-chawakornSir-chawakorn
9

write-data-viz

Generate static, interactive, and dashboard visualizations from structured datasets.

Community
Intermediate
KyaniteLabsKyaniteLabs
3

data-viz

Enforce Tufte-inspired design principles for accessible web data visualizations.

Official
Advanced