data-visualization

Accessible charts require alt-text and a "View as table" pattern for screen-reader and keyboard users. You enforce these semantics alongside correct axis encoding and responsive behavior to ensure dashboards are usable by everyone.

Choosing the right chart type means matching the visualization to the intended decision question, such as using time trends for changes over time or distributions for frequency. This prevents dashboards from turning data into misleading visuals.

Yes, this approach works with recharts, visx, tremor, echarts, and chart.js. It applies when generating or refining charts and dashboard elements in codebases using these libraries to enforce correct encoding and accessibility rules.

Color encoding rules prioritize position and length over color, limit categorical colors, and use sequential or diverging ramps correctly. This ensures your visualizations do not lie and accurately represent the underlying data hierarchy.

Chart animation must respect prefers-reduced-motion constraints. This involves enforcing motion restrictions and responsive interactive behavior, including tooltip behavior on hover and focus, to support users with motion sensitivity.

Bar charts misrepresent data when axis honesty rules are ignored, such as omitting zero baselines for bars. You enforce zero baselines, appropriate log scaling, and contextual reference lines to ensure accurate visual representation.