Skip to content

Best Practices

Create effective, accessible, and professional visualizations by following proven design principles and best practices.

Axis Labels and Titles

  • Always label what you’re measuring
  • Use descriptive, self-explanatory titles
  • Include units of measurement when relevant
  • Provide context for abbreviations and acronyms

Appropriate Scales

  • Choose scales that highlight important patterns
  • Start axes at zero for bar charts to avoid misleading
  • Use logarithmic scales for data spanning orders of magnitude
  • Break axes only when absolutely necessary (and clearly indicate)

Color Strategy

  • Use colorblind-friendly palettes
  • Limit color palette to 5-7 distinct colors
  • Use color meaningfully (red for negative, green for positive)
  • Provide alternative visual cues beyond color alone

Essential Elements Only

  • Remove unnecessary grid lines and decorative elements
  • Use white space effectively to guide attention
  • Limit text and annotations to essential information
  • Avoid 3D effects unless showing true 3D data

Hierarchy and Focus

  • Make the most important information most prominent
  • Use size, color, and position to create visual hierarchy
  • Guide the viewer’s eye to key insights
  • Provide clear entry points into complex visualizations

Categorical Data

  • Bar charts for comparing categories
  • Pie charts only for parts of a whole (max 5-7 categories)
  • Avoid pie charts for comparisons between groups
  • Use horizontal bars for long category names

Continuous Data

  • Scatter plots for relationships between variables
  • Line charts for trends over time
  • Histograms for distribution analysis
  • Box plots for comparing distributions across groups

Time Series Data

  • Line charts for continuous time series
  • Bar charts for discrete time periods
  • Avoid 3D area charts that obscure data
  • Show seasonality and trends clearly

Scale and Proportion Issues

  • Don’t manipulate scales to exaggerate differences
  • Maintain consistent scales across related charts
  • Use appropriate aspect ratios for the data
  • Avoid truncated y-axes without clear indication

Overcomplication

  • Don’t try to show everything in one chart
  • Break complex data into multiple focused views
  • Avoid dual y-axes unless absolutely necessary
  • Limit the number of data series in single chart

Color Considerations

  • Ensure sufficient contrast ratios (4.5:1 minimum)
  • Use patterns or shapes in addition to color
  • Test visualizations with colorblind simulation tools
  • Provide high-contrast mode options

Text and Labels

  • Use readable font sizes (minimum 12px)
  • Ensure text has sufficient contrast against background
  • Provide alternative text descriptions for key insights
  • Make interactive elements large enough to interact with

Structured Information

  • Provide data tables as alternatives to charts
  • Use proper heading structure for organization
  • Include meaningful alt text for chart images
  • Ensure keyboard navigation works properly

Data Description

  • Summarize key findings in text
  • Describe trends, patterns, and outliers
  • Provide context for statistical significance
  • Include data source and methodology information

Filter Before Visualizing

  • Apply relevant filters to reduce data volume
  • Use aggregation when detail isn’t necessary
  • Sample large datasets for exploratory analysis
  • Cache frequently-used calculations

Optimize Rendering

  • Choose appropriate chart types for data size
  • Use canvas rendering for large datasets
  • Enable sampling for initial views
  • Progressive enhancement for detail

Loading and Feedback

  • Show loading indicators for slow operations
  • Provide progress feedback for long calculations
  • Enable cancellation of long-running operations
  • Cache results to avoid repeated calculations

Interactive Performance

  • Debounce rapid interactions (zoom, pan)
  • Use request animation frame for smooth animations
  • Limit concurrent operations
  • Provide immediate feedback for user actions
Chart not displaying data

• Check that variables are assigned to appropriate axes

• Verify data types are compatible with chosen chart type

• Ensure there’s actually data in the selected columns

• Clear any filters that might be hiding all data

Slow performance with large datasets

• Enable data sampling in chart settings

• Filter data to focus on relevant subset

• Use aggregation functions to reduce data points

• Consider switching to more efficient chart types

Colors not showing properly

• Verify categorical grouping variable is assigned

• Check that color variable has reasonable number of categories

• Try different color palettes or manual color assignment

• Ensure color variable data type is correctly detected

Pre-Publication Checklist

  • All axes are properly labeled with units
  • Chart title clearly describes the content
  • Color choices are accessible and meaningful
  • Data source and date are indicated
  • Statistical measures are clearly defined
  • Interactive elements work as expected
  • Chart displays correctly on different screen sizes

Peer Review Process

  • Share drafts with colleagues for feedback
  • Test with users from your target audience
  • Verify interpretations match your intentions
  • Check for bias or misleading representations

Academic Standards

  • Follow field-specific style guidelines
  • Include proper citations for data sources
  • Provide detailed methodology descriptions
  • Use appropriate statistical tests and measures

Business Presentations

  • Align with corporate branding guidelines
  • Focus on actionable insights
  • Include confidence intervals where appropriate
  • Provide executive summary of key findings

Reproducibility

  • Document data sources and processing steps
  • Include version information for datasets
  • Describe any data cleaning or filtering applied
  • Provide code or configuration for recreating charts

Sharing and Collaboration

  • Use consistent naming conventions
  • Organize charts in logical collections
  • Provide context and instructions for viewers
  • Enable appropriate collaboration permissions

Start Visualizing

Put these best practices into action by creating your first visualization.

AI Agent Integration

Learn how the AI agent can help create and improve your visualizations.