Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/agbales/awesome-dataviz

Resources for dataviz!
https://github.com/agbales/awesome-dataviz

List: awesome-dataviz

Last synced: about 1 month ago
JSON representation

Resources for dataviz!

Awesome Lists containing this project

README 

        
# aweome-dataviz



Resources for learning about & building dataviz projects!



## JS Chart Libraries



###### General Charts



- [ChartJS](https://www.chartjs.org/) Simple, clean design

- [Highcharts](https://www.highcharts.com/) SVG charting

- [Raphaël](https://dmitrybaranovskiy.github.io/raphael/) Vector graphics

- [C3.js](https://github.com/c3js/c3) D3-based reusable chart library

- [Britecharts](https://britecharts.github.io/britecharts/) D3-based reusable chart library

- [Billboard](https://github.com/naver/billboard.js) fork of C3, with D3 v4 compatibility

- [Google Charts](https://developers.google.com/chart) No frills, Google-maintained

- [Timeline](http://timeline.knightlab.com/) from Knight Lab at Northwestern University.



###### React-specific



- [React Simple Maps](https://www.react-simple-maps.io) simple, powerful SVG maps in react with d3-geo & topojson

- [Semiotic](https://semiotic.nteract.io/) data visualization framework

- [Nivo](https://nivo.rocks/#/) Clean, robust, great docs

- [VX](https://vx-demo.now.sh/) React + D3

- [Recharts](https://recharts.org/en-US/) Gerneral charting

- [Victory](https://formidable.com/open-source/victory/) Formidable Labs' library atop D3

- [Britecharts React](https://britecharts.github.io/britecharts-react/) D3-based reusable chart library

- [Victory](https://formidable.com/open-source/victory/) React components from Formiddable's [Lauren Eastridge](https://github.com/boygirl)

- [react-vis](https://github.com/uber/react-vis) No frills general charting

- [react-table](https://react-table.tanstack.com/) Simple & custom tables

- [react-bootstrap](https://react-bootstrap.github.io/components/alerts) Comes in handy if you'd like to use bootstrap (tested!)



###### D3



- [D3](https://d3js.org/) Foundational, powerful, custom charts

- [D3FC](https://d3fc.io/) higher-level component starting point with D3

- [Textures](https://riccardoscalco.it/textures/) SVG patterns

- [Bl.ock Builder](https://blockbuilder.org/) [ARCHIVED] in-browser D3 code editor



###### 3D



- [React Three Fiber](https://github.com/pmndrs/react-three-fiber) React renderer for threejs

- [three.js](https://threejs.org/) 3d animations with WebGL

- [Highcharts 3D](https://www.highcharts.com/docs/chart-concepts/3d-charts)



###### Mapping



- [Google Maps](https://developers.google.com/maps/documentation/javascript/overview)

- [Polymaps](http://polymaps.org/) image- and vector-tiled maps using SVG

- [Leaflet](https://leafletjs.com/) open-source js mapping

- [Mapbox](https://www.mapbox.com/) stylish, free + paid

- [React Map GL](https://github.com/visgl/react-map-gl) a React API for Mapbox GL



###### Dashboard



- [Metric Graphs](https://metricsgraphicsjs.org/) Metrics!



## Work in the wild



- [The Pudding](https://pudding.cool/)

- [The Upshot](https://www.nytimes.com/section/upshot) New York Times

- [Graphic Detail](https://www.economist.com/graphic-detail) The Economist

- [Reuters Graphics](https://graphics.reuters.com/)

- [FiveThirtyEight](https://fivethirtyeight.com/)

- [Flowing Data](https://flowingdata.com/)

- [Quartz](https://qz.com/re/data-visualization/)

- [Information Is Beautiful](https://informationisbeautiful.net/)

- [Visual Complexity](http://www.visualcomplexity.com/vc/)



## Blogs, Podcasts, Community



- [Dataviz Today](https://dataviztoday.com/) Hosted by [Alli Torban](https://dataviztoday.com/about), who shares the "latest tools and methods that she’s discovered while on the job and interviewing top designers." Made with analysts, journalists, & designers in mind.

- [Questions in Dataviz](https://questionsindataviz.com/) Blog from [Neil Richards](https://twitter.com/theneilrichards)

- [Data Stories](https://datastori.es/) Podcast from Enrico Bertini & Moritz Stefaner

- [DataFramed](https://www.datacamp.com/community/podcast) Podcast - data science with Hugo Bowne-Anderson.

- [Data is Beautiful](https://www.reddit.com/r/dataisbeautiful/) subreddit



## Chart Types



- [Data Visualisation Catalogue](https://datavizcatalogue.com/) chart use cases & descriptions

- [Data Viz Project](https://datavizproject.com/) chart use cases from Ferdio

- [Data to Viz](https://www.data-to-viz.com/) decision tree: which chart type for data?

- [Xenographics](https://xeno.graphics/) "weird but (sometimes) useful charts"



## General Resources



- [Vizhub](https://vizhub.com) from [@currankelleher](https://twitter.com/currankelleher)

- [Observable](https://observablehq.com/) data viz community site

- [Fundamentals of Data Visualization: A Primer on Making Informative and Compelling Figures](https://clauswilke.com/dataviz/) by Claus O. Wilke (2019)

- [r/visualization](https://www.reddit.com/r/visualization/)

- [Seeing Theory](https://seeing-theory.brown.edu/) Brown University intro: probability & statistics

- [Seeing Data](http://seeingdata.org/) Considering the role of dataviz in society

- [Data Visualization: A Practical Introduction](https://socviz.co/) by Kieran Healy (2019)

- [Visualizing](https://www.visualizing.org/) community

- [UW Data Visualization Curriculum](https://github.com/uwdata/visualization-curriculum) data and viz course with Python & Jupyter notebooks. JavaScript notebooks also available via Observable.



## People



- [Curran Kelleher](https://github.com/curran)

- [Enrico Bertini](http://enrico.bertini.io/)

- [Nadieh Bremer](https://www.visualcinnamon.com/)

- [Joshua Smith](https://medium.com/@jdsmith5566)

- [Niel Richards](https://questionsindataviz.com/)



## Conferences



- [Vizualizing Knowledge](https://vizknowledge.aalto.fi/)

- [Data Viz Live](https://tucana-global.com/datavizlive-online/)



## Data storytelling



- [Data Stories](http://datastori.es/) Podcast with with NYU prof. [Enrico Bertini](http://enrico.bertini.io/) & [Moritz Stefaner](http://truth-and-beauty.net/)

- [Effective Data Storytelling: How to drive change with data, narrative, and visuals](https://www.effectivedatastorytelling.com/) by Brend Dykes (2020)

- [Data Storytelling](https://www.tableau.com/data-storytelling) whitepaper from Tableau

- [The Data Storytelling Workbook](https://www.storytellingwithdata.com/) by Anna Feigenbaum & Aria Alamalhodaei (2020)

- [Data Storytelling Podcast](https://www.storytellingwithdata.com/podcast/)

- [Calling Bullshit: The Art of Skepticism in a Data-Driven World](https://www.callingbullshit.org/) by Carl T. Bergstrom & Jevin D. West (2020)



###### Scrollytelling



- [Scrollama](https://github.com/russellgoldenberg/scrollama) from [Russell Goldenberg](https://github.com/russellgoldenberg)

- [React Scrollama](https://github.com/jsonkao/react-scrollama) react implementation

- [Waypoints](http://imakewebthings.com/waypoints/) for sticky elements & scroll-based inserts

- [Graph-Scroll](https://1wheel.github.io/graph-scroll/) events for D3 graphics

- [In-View](https://camwiegert.github.io/in-view/) get notified when a DOM element enters or exits the viewport



## Color palettes



- [Adobe color wheel](https://color.adobe.com/create/color-wheel) custom color combinations

- [Coolors](https://coolors.co/palettes/trending) easy to browse collection

- [Canva](https://www.canva.com/colors/color-palette-generator) palettes from a photo or browse collection