Skip to content

Latest commit

 

History

History
88 lines (52 loc) · 5.69 KB

File metadata and controls

88 lines (52 loc) · 5.69 KB

When presenting results and concepts make sure you make your graphics and visual assetts are accessible. It is an issue of social justice, as you do not want to cut out any members of your audience due to perceptive differences or impairments, and it is beneficial to you to be able to communicate your message effectively to the widest audience possible.

The choice of color and fonts will affect the perception and accessibility of the information you are sharing.

Color blindness

Colour (color) blindness (colour vision deficiency, or CVD) refers to conditions that modify the perception of color; it affects approximately 1 in 12 men (8%) and 1 in 200 women in the world.

  1. choose color-blind compliant palettes when making plots.

Many coding languages have graphic packages that offer color-blind compliant color palettes,

  1. Download apps to simulate different types of color blindness to assure your graphics and slides are readable for all people, siuch as the colororacle

  2. choose color-blind compliant palettes when designing slides. : for example, seabors offers the following:

# for papers
plt.style.use('seaborn-paper')
# for presentations
plt.style.use('seaborn-talk')
# for papers with colors distinguishable by colorblind people
plt.style.use('seaborn-colorblind') 
# HACK: for presentations with colors distinguishable by colorblind people
plt.style.use(['seaborn-colorblind', 'seaborn-talk'])

Make sure that your slides are readable to dyslexic and vision impaired members of the audience, and overall clear and accessible

Follow these recommandations from the World Blind Union about fonts, font size, color, brightness, and contrast choices. Follow these recommandation about graphic design

Here are some general recommandations about visualizations and slides.

Limit the number of word in your slides.

Limit animation to essential and simple items (e.g. fade in only when helpful to highlight differences, slide transitions only in correspondence of a change of topic)

Simplify your plots and assign only one graphical element (color, shape, texture) to each data feature.

Do not use:

  • pie charts. They are perceptually inconsistent with the mathematical proportions that they represents. Dounught cuarts and bar charts are good alternatives
  • 3D graphics. Deformation, obstruction, and distraction are all issues with 3D graphics. Only use perspective where it is strictly nevessary to represent physical shapes and proportions (e.g. in a model)
  • rainbow color schemes: they are perceptually dishomogeneous leading to percieve edgese where there are smooth transitions, miss subtle changes in the data, and focus on portions of the data. Black and white or shaes of gray are almost always a great choice. Viridis, Gist, and other "perceptually uniform" color maps are better choices than rainbow, always and forever.

Use color functionally rather than esthetically to highlight features in data.

Learn the difference between and different applications of perceptually uniform, sequencial, and diverging color schemes:

  • use sequencial color schemes (color schemes base on one hue that fades to white or black progressively) where the data has a natural "low" and a natural "high" point
  • use diverging color schemes (color schemes where two different hues start at a common point) only when the data you are representing has a natural 0 point or center, and make sure that the convergence of the colors corresponds with this point in the data.
  • use perceptually uniform color schemes when no region of your data is of particular relevance compared to the rest of the feature space.

See more recommandations about visualizations in these lecture slides

Consider alternative data representations, like sonification! see this TED talk and some of our own work on this here

Resources:

a paper written by disabled academics

this blog post

Edwaed tufte (anything)

Tamara Munzner Visualization Analysis & Design, 2014

color maps

Kelly colors

7 Great Visualizations from History

Using preattemptive processing elements

To make your own maps:

color brewer

sashamaps

(davidmathlogic.com)[https://davidmathlogic.com/colorblind/#%23D81B60-%231E88E5-%23FFC107-%23004D40}