Data Visualization Style Guide

Create a data visualization style guide for [ORGANIZATION/PROJECT].

Context:
- Organization type: [TYPE]
- Primary data types: [TYPES OF DATA VISUALIZED]
- Audience: [TECHNICAL/GENERAL/EXECUTIVE]
- Brand colors: [COLORS]
- Tools used: [D3/CHART.JS/TABLEAU/ETC]

Develop comprehensive visualization guidelines:

**1. Visualization Principles**
- Data integrity commitments
- Accessibility requirements
- Simplicity guidelines
- Storytelling approach

**2. Chart Type Selection**

| Data Relationship | Recommended Charts | Avoid |
|-------------------|-------------------|-------|
| Comparison | | |
| Composition | | |
| Distribution | | |
| Relationship | | |
| Trend over time | | |
| Geographic | | |
| Part-to-whole | | |

**3. Color Palette**

*Sequential Palette:*
(For continuous data)
- Light to dark progression
- Hex values

*Diverging Palette:*
(For data with meaningful midpoint)
- Negative to positive
- Hex values

*Categorical Palette:*
(For distinct categories)
- Up to 8 distinct colors
- Hex values

*Accessibility:*
- Colorblind-safe alternatives
- Pattern alternatives
- Contrast requirements

**4. Typography**
| Element | Font | Size | Weight | Color |
|---------|------|------|--------|-------|
| Chart title | | | | |
| Axis labels | | | | |
| Data labels | | | | |
| Legend | | | | |
| Annotations | | | | |

**5. Layout Standards**
- Chart aspect ratios
- Margin specifications
- Legend placement options
- Title positioning
- Whitespace guidelines

**6. Axis & Grid Guidelines**
- Axis line styling
- Grid line styling (when to use)
- Tick mark specifications
- Label rotation rules
- Scale best practices

**7. Data Representation**
- Line weights
- Bar widths
- Point sizes
- Area opacity
- Stroke vs. fill usage

**8. Interactivity Patterns**
- Hover states
- Selection states
- Tooltip design
- Zoom/pan behavior
- Filter controls

**9. Annotation Standards**
- Callout styling
- Reference line styling
- Threshold indicators
- Trend line styling

**10. Responsive Behavior**
- Mobile adaptations
- Print considerations
- Simplified views

**11. Don'ts & Common Mistakes**
- Chart crimes to avoid
- Misleading practices
- Overcrowding issues
- Poor color choices

Create a data visualization style guide for [ORGANIZATION/PROJECT].

Context:
- Organization type: [TYPE]
- Primary data types: [TYPES OF DATA VISUALIZED]
- Audience: [TECHNICAL/GENERAL/EXECUTIVE]
- Brand colors: [COLORS]
- Tools used: [D3/CHART.JS/TABLEAU/ETC]

Develop comprehensive visualization guidelines:

**1. Visualization Principles**
- Data integrity commitments
- Accessibility requirements
- Simplicity guidelines
- Storytelling approach

**2. Chart Type Selection**

| Data Relationship | Recommended Charts | Avoid |
|-------------------|-------------------|-------|
| Comparison | | |
| Composition | | |
| Distribution | | |
| Relationship | | |
| Trend over time | | |
| Geographic | | |
| Part-to-whole | | |

**3. Color Palette**

*Sequential Palette:*
(For continuous data)
- Light to dark progression
- Hex values

*Diverging Palette:*
(For data with meaningful midpoint)
- Negative to positive
- Hex values

*Categorical Palette:*
(For distinct categories)
- Up to 8 distinct colors
- Hex values

*Accessibility:*
- Colorblind-safe alternatives
- Pattern alternatives
- Contrast requirements

**4. Typography**
| Element | Font | Size | Weight | Color |
|---------|------|------|--------|-------|
| Chart title | | | | |
| Axis labels | | | | |
| Data labels | | | | |
| Legend | | | | |
| Annotations | | | | |

**5. Layout Standards**
- Chart aspect ratios
- Margin specifications
- Legend placement options
- Title positioning
- Whitespace guidelines

**6. Axis & Grid Guidelines**
- Axis line styling
- Grid line styling (when to use)
- Tick mark specifications
- Label rotation rules
- Scale best practices

**7. Data Representation**
- Line weights
- Bar widths
- Point sizes
- Area opacity
- Stroke vs. fill usage

**8. Interactivity Patterns**
- Hover states
- Selection states
- Tooltip design
- Zoom/pan behavior
- Filter controls

**9. Annotation Standards**
- Callout styling
- Reference line styling
- Threshold indicators
- Trend line styling

**10. Responsive Behavior**
- Mobile adaptations
- Print considerations
- Simplified views

**11. Don'ts & Common Mistakes**
- Chart crimes to avoid
- Misleading practices
- Overcrowding issues
- Poor color choices