Resources: Data Visualisation

A plain list of libraries

Here’s a simple list of the Data visualisation libraries that I came across. You can check these and decide for yourself based on your own likings and requirements. As per my experience, Echarts has been the top pick. It has some of the best documentation.

1. Echarts

2. D3js

3. Chartjs

4. Highcharts

5. react-simple-maps

6. mui/react-charts

7. Victory

8. roughviz

9. Google charts

10. Apex charts

11. Visx

12. Vega-Altair

13. https://flourish.studio/

14. https://canvasjs.com/

15. https://chartkick.com/vue

16. https://www.amcharts.com/l

Resources

• https://www.datawrapper.de/

• https://datavizproject.com/

• https://primer.style/ui-patterns/data-visualization

• https://atlassian.design/foundations/color-new/data-visualization-color

• https://fossheim.io/writing/posts/accessible-dataviz-design/

• https://miro.com/app/board/uXjVMn3WomE=/?moveToWidget=3458764563299736588&cot=14

• https://www.sarasoueidan.com/blog/accessible-data-charts-for-khan-academy-2018-annual-report/#how-accessible-are-svg-data-visualizations-%26-charts%3F

• Design Patterns For Effective Maps UX

• https://www.learnui.design/tools/data-color-picker.html#palette

• https://m3.material.io/foundations/content-design/alt-text#10c74949-c9e0-46a4-bfd9-eca356430e7d

• https://www.youtube.com/watch?v=Bj6XeTg8srU&list=PLNSGxw-xV6Nd88myphRROrYhodrU3m8Hd&index=9

• https://visualizingthefuture.github.io/

• https://www.smashingmagazine.com/2024/02/accessibility-standards-empower-better-chart-visual-design/

• https://chartability.github.io/POUR-CAF/

• How to Create Truly Great Charts with NICK DESBARATS — SmashingConf Antwerp 2024

• Mastering data charts by Atlassian