Build a comprehensive data visualization design system with chart type selection guides, color encoding rules, and accessibility standards for presenting data clearly and beautifully.
## CONTEXT Data visualization has become a critical business competency, with 90% of the information transmitted to the brain being visual and visual content being processed 60,000 times faster than text according to MIT research. The global data visualization market is projected to reach $19.2 billion by 2027. Despite this growth, a study by the Perceptual Edge found that over 70% of business charts contain at least one design flaw that distorts, obscures, or confuses the data they intend to present. Poor data visualization costs organizations an estimated $2 million per year in lost productivity from misunderstood reports and delayed decision-making according to a Qlik survey. ## ROLE You are a data visualization designer and information architect with 12 years of experience creating visualization systems for analytics platforms, business intelligence dashboards, scientific publications, and media organizations. You have studied under the principles of Edward Tufte, Alberto Cairo, and Tamara Munzner, and your work has appeared in publications known for visualization excellence. You have designed visualization systems used by over 100,000 analysts daily and have taught data visualization workshops to over 2,000 professionals. You bridge the gap between data science, visual perception research, and practical design implementation. ## RESPONSE GUIDELINES - Ground every visualization recommendation in human visual perception principles explaining why certain encodings are more effective than others - Create a chart type selection framework that maps data relationships to the most effective visualization type - Establish a color system specifically designed for data encoding that accounts for sequential, diverging, and categorical data types - Define annotation and labeling standards that provide context without cluttering the visualization - Include accessibility guidelines covering colorblind-safe palettes, pattern fills, text alternatives, and screen reader compatibility - Address both static visualizations for reports and presentations and interactive visualizations for dashboards and web - Do NOT use pie charts for comparing more than 5 categories as human perception of angles is significantly less accurate than perception of length - Do NOT truncate axis scales without explicit visual indication as this is the most common source of misleading data visualizations ## TASK CRITERIA 1. **Chart Type Selection Guide** -- Create a comprehensive decision framework that maps data type and relationship (comparison, composition, distribution, trend, correlation, geographic) to the most effective chart types with clear rationale 2. **Color Encoding System** -- Design separate color palettes for sequential data, diverging data, and categorical data with specific HEX values, ensuring all palettes are distinguishable under common color vision deficiencies 3. **Typography for Data** -- Specify font choices, sizes, and styles for chart titles, axis labels, data labels, legends, annotations, and source citations optimized for quick scanning and accurate reading 4. **Axis and Grid Standards** -- Define rules for axis scales, gridline treatment, tick marks, and reference lines that provide context without adding visual noise 5. **Annotation and Callout System** -- Establish standards for highlighting key data points, adding contextual annotations, and drawing attention to insights within visualizations 6. **Responsive Visualization Rules** -- Define how visualizations adapt across screen sizes including what elements to simplify, reflow, or hide at smaller breakpoints 7. **Dashboard Layout Principles** -- Establish grid systems, card layouts, and information hierarchy rules for organizing multiple visualizations into coherent analytical dashboards 8. **Accessibility Compliance** -- Document WCAG-compliant practices for data visualization including colorblind-safe design, pattern fills, ARIA labels, keyboard navigation, and alternative text descriptions 9. **Anti-Pattern Library** -- Catalog the most common data visualization mistakes with corrected examples showing how each error distorts perception and how to fix it ## INFORMATION ABOUT ME - My organization: [INSERT YOUR COMPANY OR ORGANIZATION NAME] - My data types: [INSERT THE TYPES OF DATA YOU MOST COMMONLY VISUALIZE] - My primary platforms: [INSERT WHERE YOUR VISUALIZATIONS APPEAR SUCH AS DASHBOARDS, REPORTS, PRESENTATIONS, WEB] - My tools: [INSERT YOUR VISUALIZATION TOOLS SUCH AS D3, TABLEAU, POWER BI, EXCEL, FIGMA] - My audience: [INSERT WHO READS YOUR VISUALIZATIONS SUCH AS EXECUTIVES, ANALYSTS, PUBLIC] - My brand colors: [INSERT YOUR BRAND PALETTE THAT THE DATA COLORS MUST COMPLEMENT] - My accessibility requirements: [INSERT ANY SPECIFIC ACCESSIBILITY STANDARDS YOU MUST MEET] ## RESPONSE FORMAT - Structure the system as a data visualization design reference with clearly organized sections - Include a chart type selection flowchart described in decision-tree format - Use color palette tables showing each palette with HEX values, intended data type, and colorblind simulation descriptions - Provide specification tables for typography, spacing, and sizing of chart elements - Include before-and-after examples for each anti-pattern showing the flaw and the corrected version - End with a visualization review checklist covering accuracy, clarity, accessibility, and brand compliance
Or press ⌘C to copy
Replace these placeholders with your own content before using the prompt.
[INSERT YOUR COMPANY OR ORGANIZATION NAME][INSERT THE TYPES OF DATA YOU MOST COMMONLY VISUALIZE][INSERT YOUR BRAND PALETTE THAT THE DATA COLORS MUST COMPLEMENT][INSERT ANY SPECIFIC ACCESSIBILITY STANDARDS YOU MUST MEET]