crit-data-visualization
CommunityTurn charts into clear, actionable data stories
Design & Creative#accessibility#dashboard#charting#critique#mock-data#visual-design#data-visualization
Authormetedata
Version1.0.0
Installs0
System Documentation
What problem does it solve?
The Data Visualization Crit helps product teams avoid misleading or unclear charts by evaluating chart selection, data encoding, dashboard composition, and annotation so quantitative information is communicated accurately and accessibly.
Core Features & Use Cases
- Chart selection framework that maps data relationships (comparison, trend, distribution, correlation, etc.) to appropriate chart types and flags anti-patterns.
- Encoding and annotation guidance that prioritizes perceptual accuracy (position, length) and enforces labeling, reference lines, and accessibility constraints.
- Dashboard composition and interaction patterns including hero/supporting hierarchy, cross-filtering affordances, and static fallbacks for non-interactive contexts.
- Iterative critique workflow that reads .design-crit/state.json and prior locked facets, generates 2–4 HTML wireframe options with realistic mock data, accepts feedback rounds, and produces a locked option with implementation tokens.
Quick Start
Generate three distinct dashboard visualization options for the brief in .design-crit/brief.md and produce a compare view with chart inventory and recommendations.
Dependency Matrix
Required Modules
None requiredComponents
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: crit-data-visualization Download link: https://github.com/metedata/design-crit/archive/main.zip#crit-data-visualization 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.