--- tags: Master --- # Data viz [TOC] ## Chrts ### Categorical - [Chord](#Chord-diagram) ### Hierarchical ### Relational - [Chord](#Chord-diagram) ### Temporal ### Spatial - [Choropleth](#Choropleth) ## Chrts 2 ### 1. Bar chart Aka column chart [DataToViz](https://www.data-to-viz.com/graph/barplot.html) ![img-datatoviz](https://www.data-to-viz.com/graph/barplot_files/figure-html/unnamed-chunk-1-1.png =500x) ![](https://i.imgur.com/RYeOssD.png =500x) How to plot: - seaborn - (example code) ### 2. Clustered bar chart Aka clustered column chart, paired bar chart, grouped bar chart [DataToViz](https://www.data-to-viz.com/graph/barplot.html) ![img-datatoviz](https://www.data-to-viz.com/graph/barplot_files/figure-html/unnamed-chunk-2-1.png =500x) ![](https://i.imgur.com/YMgH4HQ.png =500x) How to plot: - seaborn - (example code) ### 3. Stacked bar chart Aka [DataToViz](https://www.data-to-viz.com/graph/barplot.html) ![img-datatoviz](https://www.data-to-viz.com/graph/barplot_files/figure-html/unnamed-chunk-3-1.png =500x) ![](https://i.imgur.com/BuZeLGN.png =500x) How to plot: - seaborn - (example code) ### 4. Dot plot Aka dumbell?? or lollipop?? matrix?? bubble?? [DataToViz](???) ![img-datatoviz]() ![](https://i.imgur.com/Jt1zpP6.png =500x) How to plot: - Seaborn scatterplot - (example code) ### 5. Connected dot plot Aka dumbell, barbell, cleveland [DataToViz](https://www.data-to-viz.com/graph/lollipop.html) ![img-datatoviz](https://www.data-to-viz.com/graph/lollipop_files/figure-html/unnamed-chunk-3-1.png =500x) ![](https://i.imgur.com/gVmoKCo.png =500x) How to plot: - seaborn scatter + seaborn line - [altair ranged dot plot](https://altair-viz.github.io/gallery/ranged_dot_plot.html) - (example code) ### 6. Pictogram Aka isotype chart, pictorial bar chart, stacked shape chart, tally chart, pictorial unit chart [DataToViz](https://datavizproject.com/data-type/pictorial-unit-chart) ![img-datatoviz](https://datavizproject.com/wp-content/uploads/2015/10/15-Pictoral-Unit-Chart.png =300x) ![](https://i.imgur.com/1osVZQH.png =500x) How to plot: - [altair isotype visualization](https://altair-viz.github.io/gallery/isotype.html) - (example code) ### 7. Proportional shape chart Aka [DataToViz](https://datavizproject.com/data-type/proportional-area-chart) ![img-datatoviz](https://datavizproject.com/wp-content/uploads/2016/06/DVP_1_100-07.png =300x) ![](https://i.imgur.com/2Erb6MN.png =500x) How to plot: - lib - (example code) ### 8. Bubble chart (not bubble plot) Aka circle packing diagram [DataToViz](https://www.data-to-viz.com/graph/circularpacking.html) ![img-datatoviz](https://www.data-to-viz.com/graph/circularpacking_files/figure-html/unnamed-chunk-2-1.png =300x) ![](https://i.imgur.com/467TnkD.png =500x) How to plot: - R circular packing - (example code) ### 9. Radar chart Aka star chart, spider diagram, web chart [DataToViz](https://www.data-to-viz.com/caveat/spider.html) ![img-datatoviz](https://i.imgur.com/CFQmSJm.png =500x) ![](https://i.imgur.com/SxXpZgq.png =500x) How to plot: - R - (example code) ### 10. Polar chart Aka coxcomb plot, polar area plot [DataToViz](https://datavizproject.com/data-type/polar-area-chart/) ![img-datatoviz](https://datavizproject.com/wp-content/uploads/2016/06/DVP_1_100-40.png =300x) ![](https://i.imgur.com/pUHicN4.png =500x) How to plot: - R - (example code) ### 11. Range chart Aka span chart, floating bar chart, barometer chart [DataToViz]() ![img-datatoviz]() ![](https://i.imgur.com/9o3jJMF.png =500x) How to plot: - Seaborn - (example code) ### 12. Box-and-whisker plot Aka boxplot [DataToViz](https://www.data-to-viz.com/caveat/boxplot.html) [Datavizproj](https://datavizproject.com/data-type/box-plot/) ![img-datatoviz](https://datavizproject.com/wp-content/uploads/2016/06/DVP_1_100-34.png =300x) ![](https://i.imgur.com/51HUd6b.png =500x) How to plot: - lib - (example code) ### 13. Univariate scatterplot Aka jitter plot, strip plot [DataToViz]() ![img-datatoviz]() [Seaborn](https://seaborn.pydata.org/generated/seaborn.stripplot.html) ![Seabornimg](https://seaborn.pydata.org/_images/seaborn-stripplot-4.png =400x) ![](https://i.imgur.com/DIOzHhR.png =500x) How to plot: - lib - (example code) ### 14. Histogram Aka [DataToViz](https://www.data-to-viz.com/graph/histogram.html) ![img-datatoviz](https://www.data-to-viz.com/graph/histogram_files/figure-html/unnamed-chunk-1-1.png =400x) ![](https://i.imgur.com/iQd0hBJ.png =500x) How to plot: - lib - (example code) ### 15. Word cloud Aka tag cloud [DataToViz](https://www.data-to-viz.com/graph/wordcloud.html) ![img-datatoviz](https://www.data-to-viz.com/graph/IMG/fig_1.png =300x) ![](https://i.imgur.com/nEIDFsN.png =500x) How to plot: - lib - (example code) ### 16. Pie chart Aka pizza chart [DataToViz](https://www.data-to-viz.com/caveat/pie.html) ![img-datatoviz](https://www.data-to-viz.com/img/section/Pie150.png =200x) ![](https://i.imgur.com/a6LVA7h.png =500x) How to plot: - lib - (example code) ### 17. Waffle chart Aka square pie, unit chart, 100% shape chart [DataToViz](https://datavizproject.com/data-type/percentage-grid/) ![img-datatoviz](https://datavizproject.com/wp-content/uploads/2016/06/DVP_101_200-37.png =300x) ![](https://i.imgur.com/pbxoSnX.png =500x) How to plot: - lib - (example code) ### 18. Back-to-back bar chart Aka paired bar chart, population pyramid, butterfly chart [DataToViz]() [butterfly](https://datavizproject.com/data-type/butterfly-chart/) [pyramid](https://datavizproject.com/data-type/population-pyramid-2/) ![img-datatoviz]() ![](https://i.imgur.com/QFcvTGM.png =500x) How to plot: - lib - (example code) ### 19. Treemap Aka [DataToViz](https://www.data-to-viz.com/graph/treemap.html) ![img-datatoviz](https://www.data-to-viz.com/graph/treemap_files/figure-html/unnamed-chunk-1-1.png =300x) ![](https://i.imgur.com/y5yrf9C.png =500x) How to plot: - lib - (example code) ### 20. Venn diagram Aka set diagram [DataToViz](https://www.data-to-viz.com/graph/venn.html) ![img-datatoviz](https://www.data-to-viz.com/graph/IMG/venn.png =300x) ![](https://i.imgur.com/zFcfVP2.png =500x) How to plot: - lib - (example code) ### 21. Dendrogram Aka node-link diagram, layout tree, cluster tree, tree hierarchy [DataToViz](https://www.data-to-viz.com/graph/dendrogram.html) ![img-datatoviz](https://www.data-to-viz.com/graph/dendrogram_files/figure-html/unnamed-chunk-5-1.png =400x) ![](https://i.imgur.com/tF1rRE9.png =500x) How to plot: - lib - (example code) ### 22. Sunburst Aka adjacency diagram, icicle chart, multi-level pie chart [DataToViz](https://www.data-to-viz.com/graph/sunburst.html) ![img-datatoviz](https://i.imgur.com/Lt4Y57g.png =300x) ![](https://i.imgur.com/nuFPSis.png =500x) How to plot: - lib - (example code) ### 23. Scatterplot Aka [DataToViz](https://www.data-to-viz.com/graph/scatter.html) ![img-datatoviz](https://www.data-to-viz.com/graph/scatter_files/figure-html/unnamed-chunk-1-1.png =400x) ![](https://i.imgur.com/hCiN94h.png =500x) How to plot: - lib - (example code) ### 24. Bubble plot Aka [DataToViz](https://www.data-to-viz.com/graph/bubble.html) ![img-datatoviz](https://www.data-to-viz.com/graph/bubble_files/figure-html/unnamed-chunk-1-1.png =400x) ![](https://i.imgur.com/HYlRRG6.png =500x) How to plot: - lib - (example code) ### 25. Parallel coordinates Aka parallel sets [DataToViz](https://www.data-to-viz.com/graph/parallel.html) ![img-datatoviz](https://www.data-to-viz.com/graph/parallel_files/figure-html/unnamed-chunk-1-1.png =500x) ![](https://i.imgur.com/dEh80bg.png =500x) How to plot: - lib - (example code) ### 26. Heatmap Aka matrix map, mosaic plot [DataToViz]() ![img-datatoviz]() ![](https://i.imgur.com/3hUD9D9.png =500x) How to plot: - lib - (example code) ### 27. Matrix chart Aka table chart, binned scatter plot, table bubble plot [BubblePlot](https://www.data-to-viz.com/graph/bubble.html) ![img-datatoviz](https://www.data-to-viz.com/graph/bubble_files/figure-html/unnamed-chunk-2-1.png =300x) ![](https://i.imgur.com/MQ7u0xB.png =500x) How to plot: - lib - (example code) ### 28. Node-link diagram Aka network, graph, hairball [DataToViz](https://www.data-to-viz.com/graph/network.html) ![img-datatoviz](https://i.imgur.com/yEnPTRj.png =400x) ![](https://i.imgur.com/M1DYk7a.png =500x) How to plot: - lib - (example code) ### 29. Chord diagram Aka radial network [DataToViz](https://www.data-to-viz.com/graph/chord.html) ![img-datatoviz](https://www.data-to-viz.com/graph/chord_files/figure-html/unnamed-chunk-1-1.png =400x) ![](https://i.imgur.com/ksdGvyI.png =500x) How to plot: - lib - (example code) ### 30. Sankey diagram Aka alluvial diagram [DataToViz](https://www.data-to-viz.com/graph/sankey.html) ![img-datatoviz](https://i.imgur.com/KWPxKZH.png =400x) ![](https://i.imgur.com/3adhHXU.png =500x) How to plot: - [matplotlib](https://github.com/vinsburg/alluvial_diagram) - (example code) ### 31. Line chart Aka fever chart, stock chart [DataToViz](https://www.data-to-viz.com/graph/line.html) ![img-datatoviz](https://www.data-to-viz.com/graph/line_files/figure-html/unnamed-chunk-1-1.png =400x) ![](https://i.imgur.com/NP2AqYd.png =500x) How to plot: - lib - (example code) ### 32. Bump chart Aka [DataVizProj](https://datavizproject.com/data-type/bump-chart-2/) ![img-datavizproj](https://datavizproject.com/wp-content/uploads/2016/06/DVP_101_200-02.png =300x) ![](https://i.imgur.com/hNe3y4P.png =500x) How to plot: - lib - (example code) ### 33. Slope graph chart Aka [DataVizProj](https://datavizproject.com/data-type/slope-chart/) ![img-datavizproj](https://datavizproject.com/wp-content/uploads/2016/01/DVP_101_200-03-1.png =300x) ![](https://i.imgur.com/eYbUsen.png =500x) How to plot: - lib - (example code) ### 34. Connected scatterplot Aka trail line [DataToViz](https://www.data-to-viz.com/graph/connectedscatter.html) ![img-datatoviz](https://www.data-to-viz.com/graph/connectedscatter_files/figure-html/unnamed-chunk-5-1.png =500x) ![](https://i.imgur.com/Fyctj8Z.png =500x) How to plot: - lib - (example code) ### 35. Area chart Aka [DataToViz](https://www.data-to-viz.com/graph/area.html) ![img-datatoviz](https://www.data-to-viz.com/graph/area_files/figure-html/unnamed-chunk-1-1.png =400x) ![](https://i.imgur.com/YNfnacz.png =500x) How to plot: - lib - (example code) ### 36. Horizon chart Aka [stackOverflow](https://stackoverflow.com/questions/58569400/create-horizon-chart-on-r-using-ggplot2-show-percentage-change) ![img-datatoviz]() ![](https://i.imgur.com/sLa8EoI.png =500x) How to plot: - lib - (example code) ### 37. Stream graph Aka theme river [DataToViz](https://www.data-to-viz.com/graph/streamgraph.html) ![img-datatoviz](https://i.imgur.com/iMyi9OY.png =500x) ![](https://i.imgur.com/a3oCOzn.png =500x) How to plot: - lib - (example code) ### 38. Connected timeline Aka relationship timeline, storyline viz, swim-lane chart, (vertical bump chart?) [DataToViz]() ![img-datatoviz]() ![](https://i.imgur.com/qK8GSEX.png =500x) How to plot: - lib - (example code) ### 39. Gannt chart Aka range chart, floating bar chart [DataToViz]() [Datavizproj](https://datavizproject.com/data-type/gannt-chart/) ![img-datavizproj](https://datavizproject.com/wp-content/uploads/2015/10/8-Gannt-Chart.png =300x) ![](https://i.imgur.com/kIbrmZa.png =500x) How to plot: - lib - (example code) ### 40. Instance chart Aka milestone map, barcode chart, strip plot [DataToViz]( ???) ![img-datatoviz]() ![](https://i.imgur.com/0z9qwnM.png =500x) How to plot: - lib - (example code) ### 41. Choropleth map Aka heat map [DataToViz](https://www.data-to-viz.com/graph/choropleth.html) ![img-datatoviz](https://www.data-to-viz.com/graph/choropleth_files/figure-html/unnamed-chunk-1-1.png =500x) ![](https://i.imgur.com/0YrQp4z.png =500x) How to plot: - lib - (example code) ### 42. Isaritmic map Aka contour map, isopleth map, isochrone map [DataToViz]( ???) ![img-datatoviz]() ![](https://i.imgur.com/ycfHu9Z.png =500x) How to plot: - lib - (example code) ### 43. Proportional symbol map Aka graduated symbol map, bubble map [DataToViz](https://www.data-to-viz.com/graph/bubblemap.html) ![img-datatoviz](https://www.data-to-viz.com/graph/IMG/Surfer_bubble.png =500x) ![](https://i.imgur.com/1KluiTx.png =500x) How to plot: - lib - (example code) ### 44. Prism map Aka isometric map, spike map, datascape [DataToViz](???) ![img-datatoviz]() ![](https://i.imgur.com/iKQL3vw.png =500x) How to plot: - lib - (example code) ### 45. Dot map Aka dot distribution map, pointillist map, location map, dot density map [DataVizProj](https://datavizproject.com/data-type/dot-density-map/) ![img-DataVizProj](https://datavizproject.com/wp-content/uploads/2017/08/DVP_101_200-56.png =300x) ![](https://i.imgur.com/zmYVwYC.png =500x) How to plot: - lib - (example code) ### 46. Flow map Aka connection map, route map, stream map, particle flow map [DataVizProj](https://datavizproject.com/data-type/flow-map/) ![img-DataVizProj](https://datavizproject.com/wp-content/uploads/2016/06/DVP_1_100-78.png =300x) ![](https://i.imgur.com/xL053vx.png =500x) How to plot: - lib - (example code) ### 47. Area cartogram Aka cartogram [DataToViz](https://www.data-to-viz.com/graph/cartogram.html) ![img-datatoviz](https://www.data-to-viz.com/graph/IMG/cartogram1.png =500x) ![](https://i.imgur.com/RE5MqJN.png =500x) How to plot: - lib - (example code) ### 48. Dorling cartogram Aka demers map [DataToViz]() ![img-datatoviz]() ![](https://i.imgur.com/psg4N2b.png =500x) How to plot: - lib - (example code) ### 49. Grid map Aka hexbin map, equal-area cartogram [DataToViz](https://www.data-to-viz.com/graph/hexbinmap.html) ![img-datatoviz](https://www.data-to-viz.com/graph/hexbinmap_files/figure-html/unnamed-chunk-2-1.png =500x) ![](https://i.imgur.com/D17LxZl.png =500x) How to plot: - lib - (example code)