---
# System prepended metadata

title: Data viz
tags: [Master]

---

---
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)


