chart-clarity

# Chart Clarity Create and critique charts that make quantitative comparisons obvious without decorative chartjunk. This skill adapts Caylent's MIT-licensed `tufte-data-viz` skill into armory under the broader `chart-clarity` name. It applies Edward Tufte's core data visualization principles and adds screen-first requirements for accessibility, responsiveness, dark mode, progressive disclosure, and human-readable numbers. Use this skill whenever the user asks for a chart, graph, plot, dashboard visualization, sparkline, slopegraph, data table, or visualization review. It covers Recharts, ECharts, Chart.js, matplotlib, Plotly, seaborn, D3.js, SVG, and HTML. ## When to Use | User need | Use `chart-clarity` | Use instead | |---|---:|---| | Generate chart code in Recharts, Plotly, matplotlib, Chart.js, ECharts, D3, SVG, or HTML | Yes | — | | Review an existing chart for misleading design, clutter, accessibility, or readability | Yes | — | | Restyle dashboard charts while keeping the dashboard structure unchanged | Yes | `ux-expert` for broader dashboard UX | | Build a static infographic or rich HTML artifact around charts | No | `static-web-artifacts-builder` | | Design a slide deck or presentation using charts | No | `html-presentation`, `marp-slides`, or `pptx` | | Design logos, posters, icons, or non-data visuals | No | `concept-to-image` or `canvas-design` | ## Trigger Families - Chart creation: "create a chart", "plot this data", "make a graph", "build a sparkline", "g...