Style guide - References

📖 ATLR Design System for Data Visualisation

Style Guides/Design Systems §

• London Style Guide
• The Economist visual style guide
• Financial Times Origami Design
• https://medium.com/nightingale/style-guidelines-92ebe166addc
• https://docs.google.com/spreadsheets/d/1F1gm5QLXh3USC8ZFx_M9TXYxmD-X5JLDD0oJATRTuIE/edit#gid=1679646668
• https://ec.europa.eu/eurostat/documents/4187653/7192088/STYLE_GUIDE_2016.pdf
• https://usaid-oha-si.github.io/styleguide/

Outline §

• Units
  • Typography unit - Point (pt)
  • Dot per Inch DPI
• I mostly use Matplotlib and Seaborn
  • matplotlib units
    • Matplotlib font size, line width, marker size unit is point
    • Matplotlib figure size unit is inches and default dpi is 100
  • Customising Matplotlib with rc Params
• Style Guides
  • Financial Times uses mn as an abbreviation for millions
  • https://github.com/Financial-Times/chart-doctor/tree/main/visual-vocabulary
  • https://ft-interactive.github.io/visual-vocabulary/
• Colour palette
  • https://registry.origami.ft.com/components/o-colors@6.4.4?brand=core

Todo §

https://www.youtube.com/watch?v=o7DtZbsZdks https://policyviz.com/2021/03/16/why-your-organization-needs-a-data-visualization-style-guide/ https://www.youtube.com/watch?v=g_WX2DDksPA