charts

Official

Ensure 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 required

Components

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.