dataviz

Official

Craft insightful data visualizations

AuthorObjective-Arts
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps you build technically correct, visually honest, and aesthetically pleasing data visualizations that effectively communicate insights and support decision-making.

Core Features & Use Cases

  • Data-Driven Design: Emphasizes deriving visualization structures directly from data.
  • Graphical Integrity: Adheres to Tufte's principles to avoid misleading representations.
  • Information Clarity: Follows Few's guidelines for clear and effective data presentation.
  • Production-Ready Craft: Incorporates best practices for frontend development and accessibility.
  • Use Case: Create a D3.js scatter plot to visualize the correlation between marketing spend and sales revenue, ensuring the chart is accurate, easy to interpret, and accessible to all users.

Quick Start

Build a D3.js bar chart showing monthly sales data, ensuring the Y-axis starts at zero and labels are clear.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: dataviz
Download link: https://github.com/Objective-Arts/lens-dist/archive/main.zip#dataviz

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.