Design accessible data visualizations and dashboards aligned to business questions.
npx skills add https://github.com/rajitsaha/100xprism --skill data-viz-rajitsaha
Please help me install this Agent Skill. Skill: data-viz Source: https://github.com/rajitsaha/100xprism/tree/main/modules/data-viz Command: npx skills add https://github.com/rajitsaha/100xprism --skill data-viz-rajitsaha
This Skill eliminates the guesswork and common pitfalls of designing data visualizations and dashboards that fail to communicate insights, are inaccessible to users with disabilities, or underperform in production, ensuring every chart answers a specific business question effectively.
Use the data-viz skill to design an e-commerce sales dashboard that answers whether the team is on track to hit quarterly revenue targets, with accessible charts optimized for executive review.
High-intent search queries and answers about installing and using this skill.
You choose the right chart type by aligning it with the specific business question it needs to answer. This question-driven chart selection approach avoids anti-patterns like pie charts with too many slices or dual y-axes.
Accessible data visualization requires built-in color-blind safe palettes and strict color contrast rules. Compliance also demands screen reader support, keyboard navigation, and defined loading, empty, and error states for chart interfaces.
Executive dashboard design uses specific layout heuristics that allow users to extract key insights in seconds. This ensures the dashboard layout is optimized for analyst, executive, and end-user audiences to track metrics like user growth efficiently.
Choosing between Recharts and D3 for production-ready dashboards depends on library trade-offs like SVG and Canvas rendering thresholds. Both can support accessible data UI implementation, but the optimal choice depends on specific performance needs.
Handling loading and error states in web application charts requires explicit specifications for these conditions. Production-ready data visualization includes predefined rules for empty states and error handling that frontend engineers can implement directly.
Yes, data visualization needs screen reader support and keyboard navigation for accessibility compliance. Meeting these standards out of the box ensures chart interfaces are usable by audiences with disabilities.
AreteDriverConvert raw datasets into publication-quality visuals with reproducible Python code.
rahul-s-bhattCompose Streamlit dashboards with metrics, charts, and responsive layouts.
Vivekmano27Build responsive charts and dashboards in React/Next.js apps with Recharts.
ConnectiveTCSIdentify effective chart types for data scenarios and visualization plans.
