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