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