Create accessible dashboard and chart patterns for Next.js applications.
npx skills add https://github.com/TimeKast/AgendaInteligente --skill kb-dataviz
Please help me install this Agent Skill. Skill: kb-dataviz Source: https://github.com/TimeKast/AgendaInteligente/tree/main/.claude/skills/kb-dataviz Command: npx skills add https://github.com/TimeKast/AgendaInteligente --skill kb-dataviz
This Skill prevents cluttered, confusing dashboard charts by standardizing layout, chart choice, decluttering, visual hierarchy, and accessibility for data-heavy Next.js apps.
Use the kb-dataviz skill to generate a dashboard screen plan and chart/KPI component specifications for your Next.js page and dataset.
High-intent search queries and answers about installing and using this skill.
To build accessible data visualization dashboards in Next.js, apply standardized chart selection, Knaflic decluttering rules, and WCAG AA color contrast patterns. This ensures charts communicate reliably across strategic, tactical, and operational screens without visual clutter.
Choosing dashboard charts based on audience needs requires mapping data relationships to a chart selection matrix and audience pyramid. This matches executives with strategic views, managers with tactical insights, and analysts with operational drilldowns for effective storytelling.
Design accessible KPI cards and tooltips in Recharts by applying preattentive visual cues, color-blind safe palettes, and screen-reader considerations. Following WCAG AA-focused patterns ensures your data visualizations remain clear and accessible to all users.
Yes, you can use TanStack Table for dashboard drilldowns in Next.js applications. It supports table-based data exploration, allowing analysts to interactively investigate operational data alongside Recharts-based visual summaries.
Data visualization fails to communicate insights clearly when it lacks a narrative structure and contains visual clutter. Applying storytelling arcs (context, conflict, resolution) and preattentive attribute guidance directs user attention to the core message.
DeathStroXXScaffold a renewable energy trading hub with SCADA ingestion, SQL schema, SARIMA forecasting, and BI dashboard.
andreiverdesGuides React + TypeScript + Vite + Tailwind dashboard and landing frontends with shadcn/ui patterns.
nesihaver-ILBuild interactive analytics dashboards and charts in React with Recharts.
aayushsoamAutomate Power BI Desktop dashboard creation with Power Query scripting.
