recursica-skill-data-visualization

Enforces house rules for chart selection, axes, labeling, and accessibility in enterprise web applications.

1|Updated May 29, 2026
One-click install
npx skills add https://github.com/borderux/recursica-knowledge --skill recursica-skill-data-visualization-borderux
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: recursica-skill-data-visualization
Source: https://github.com/borderux/recursica-knowledge/tree/main/skills/design-rules/recursica-skill-data-visualization
Command: npx skills add https://github.com/borderux/recursica-knowledge --skill recursica-skill-data-visualization-borderux

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Charts in enterprise applications are frequently misleading, inaccessible, or unnecessary — truncated axes exaggerate variance, pie charts obscure comparisons, and color-only encoding fails colorblind readers. This Skill provides opinionated house rules that govern every charting decision so visualizations stay honest and readable. ## Core Features & Use Cases - Chart selection governance: Decides whether data should be visualized at all, bans pie and donut charts except narrow cases, and distinguishes when bars versus lines tell the right story. - Honesty and accessibility constraints: Enforces zero baselines, linear scales, intact sequences, pattern-plus-color encoding, and a mandatory accompanying data table. - Charting library workflow: Directs checking the project for a declared charting library, prompting the user to choose an open-source React-first option when none exists, and never hand-building charts from layout primitives. - Use Case: When asked to add a trend chart to a Recursica-based dashboard, the Skill ensures time sits on the horizontal axis, values are labeled, thresholds are shown, projections are dashed, and a data table accompanies the chart. ## Quick Start Use the data visualization skill to review this bar chart component and fix any violations of the house rules.

Frequently Asked Questions about recursica-skill-data-visualization

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I choose the right chart type for enterprise data?▼

Decide the story first, then pick the simplest chart that tells it. Use lines or areas when slope and rate of change matter, bars or columns for values at moments, and avoid pie charts except for two highly differentiated segments totaling 100%.

When should I use a pie or donut chart?▼

Pie and donut charts are effectively banned except for two segments — rarely three — with a clearly visible difference in value, and segments must total 100%. Never repeat the chart's own value inside the donut hole.

What charting library should I use with the Recursica design system?▼

No library is house-endorsed yet. Check the project for a declared charting library first; if none exists, prompt the user to choose a genuinely open-source, React-first, themeable library with no competing theme provider.

Why must chart axes start at zero and use linear scales?▼

A truncated baseline exaggerates small variance and makes honest data look volatile, while logarithmic scales mislead because readers do not perceive orders of magnitude as even steps. Both rules keep charts honest by construction.

How do I make charts accessible for colorblind users and screen readers?▼

Never rely on color alone — add patterns, labels, and legend icons so the chart survives a black-and-white rendering. Provide an accompanying data table, at minimum available, so screen reader users can reach the underlying values.

When should I not visualize data at all?▼

Do not chart differences too small to see, such as 51% versus 49%, and do not visualize substantially incomplete data. A number with typographic emphasis or a plain table is often the simpler way to tell the story.