Data Vizualization: Guidelines

Data Visualization: Guidelines, Inspiration & Tools

If a picture is worth a thousand words, a data visualization is worth a thousand numbers.

Guidelines cover all the things you need to consider when designing with data along with real-life examples. Inspiration resources offer excellent visual references for your project. UI kits offer ready-to-use data viz assets for Figma.


πŸ“• Guides

βœ” Data visualization foundations (by MetLife)
https://lnkd.in/dDCR7CS5

βœ” Guide to getting data visualization Right (by Sara Dholakia)
https://lnkd.in/dxp5p7Pk

βœ” Guide to designing the perfect chart (by Uber)
https://lnkd.in/dqFmnMeS

βœ” How to choose an appropriate chart type for your data (by IBM)
https://lnkd.in/dExCsdVh

βœ” Complex data viz style guide (by City of Baltimore)
https://lnkd.in/d4W9MQeX

βœ” Visual styleguide for finance information (by The Economist)
https://lnkd.in/dUfSWBWg


πŸͺ„ Inspiration

βœ” Data visualisation catalogue
https://lnkd.in/dtiipAPQ

βœ” Dataviz inspiration
https://lnkd.in/drCp_P2v


πŸ› οΈ Data viz UI kits for Figma

βœ” Charts library, Figma UI kit
https://lnkd.in/dhNrFrRk

βœ” Essential charts, Figma UI kit
https://lnkd.in/d4p4zKiY

βœ” Polaris Viz, chats from Shopify Admin, Figma UI kit
https://lnkd.in/dnT-UKeg

Example

πŸ–ΌοΈ Visual vocabulary by Financial Times