charts
OfficialEnsure graphical integrity.
Design & Creative#data visualization#d3.js#chartjunk#tufte principles#chart review#graphical integrity
AuthorObjective-Arts
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill helps you create clear, accurate, and effective data visualizations by applying Edward Tufte's principles of graphical excellence, ensuring your charts communicate data effectively without distortion or chartjunk.
Core Features & Use Cases
- Review Visualization Code: Analyzes code for D3, Chart.js, Recharts, etc., against Tufte's principles.
- Identify Chartjunk: Detects and suggests removal of unnecessary visual elements.
- Ensure Data-Ink Ratio: Maximizes the proportion of ink used for data.
- Check Lie Factor: Verifies that visual representations accurately reflect data magnitudes.
- Guidance on Direct Labeling: Recommends placing labels directly on data points.
- Small Multiples Strategy: Advises on using faceting for effective comparisons.
- Use Case: You've built a complex D3.js bar chart, but it feels cluttered and hard to read. Use this skill to identify elements that can be removed, improve the data-ink ratio, and ensure the axes are correctly scaled to avoid misleading the viewer.
Quick Start
Review the provided D3.js code for adherence to Tufte's principles of graphical excellence.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: charts Download link: https://github.com/Objective-Arts/lens-dist/archive/main.zip#charts Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.