30DayChartChallenge 2022

Hi, this was my first try at learning about data visualization, aside from a few matplotlib and Seaborn (Python) and d3.js (JavaScript) graphs I'd made earlier. Encouraged and inspired by the #30DayChartChallenge Twitter community, I experimented, had fun, and gained skills in finding data sources, differentiating the various kinds of charts, using pandas and numpy to work with the data, and writing matplotlib code. A couple of the projects also use scipy, plotly, seaborn, holoviews bokeh, streamlit, or R.

Intro to the 30 Day Chart Challenge

<!-- Table of Contents, literally -->

<a type="hidden" id="toc"></a> | <span style="color:#59f">Comparisons</span> | <span style="color:#59f">Distributions</span> | <span style="color:#59f">Relationships</span> | <span style="color:#59f">Timeseries</span> | <span style="color:#59f">Uncertainties</span> | |----------------------------|-------------------------|----------------------------|-----------------------------|---------------------------| | 01 part-to-whole | 07 physical | 13 correlation | 19 global change | 25 trend | | 02 pictogram | 08 mountains | 14 3-dimensional | 20 new tool | 26 interactive | | 03 historical | 09 statistics | 15 multivariate | 21 down/upwards | 27 future | | 04 flora | 10 experimental | 16 environment | 22 animation | 28 deviations | | 05 slope | 11 circular | 17 connections | 23 tiles | 29 storytelling | | 06 data day: OWID | 12 theme day: The Economist | 18 data day: OECD | 24 theme day: Financial Times | 30 data day: UN Population |

COMPARISONS

<a type="hidden" id="day-1"></a>

Part to Whole (Day 1)

<a href="/day01_part_to_whole"> <img src="day01_part_to_whole/final/day01_part_to_whole.png" width="100%"></a>

<a href="#toc"><img src="up.png" height="16" align="right"></a> Sunburst Chart - about - code

<a type="hidden" id="day-2"></a>

Pictogram (Day 2)

<a href="day02_pictogram"> <img src="day02_pictogram/final/day02_pictogram.png" width="100%"></a>

<a href="#toc"><img src="up.png" height="16" align="right"></a> Pictogram - about - code

<a type="hidden" id="day-3"></a>

Historical (Day 3)

<a href="/day03_historical"> <img src="day03_historical/final/day03_historical_timeline.png" width="100%"></a>

<a href="#toc"><img src="up.png" height="16" align="right"></a> Historical Timeline - about - code

<a type="hidden" id="day-4"></a>

Flora (Day 4)

<a href="/day04_flora"> <img src="day04_flora/final/day04_flora.png" width="100%"></a>

<a href="#toc"><img src="up.png" height="16" align="right"></a> Treemap - about - code

<a type="hidden" id="day-5"></a>

Slope (Day 5)

<a href="/day05_slope"> <img src="day05_slope/final/day05_slope.png" width="100%"></a>

<a href="#toc"><img src="up.png" height="16" align="right"></a> Slope Chart - about - code

<a type="hidden" id="day-6"></a>

Data OWID (Day 6)

<a href="/day06_data_OWID"> <img src="day06_data_OWID/final/day06_data_OWID.png" width="100%"></a>

<a href="#toc"><img src="up.png" height="16" align="right"></a> Relational Plot - about - code

DISTRIBUTIONS

<a type="hidden" id="day-7"></a>

Physical (Day 7)

<a href="/day07_physical"> <img src="day07_physical/final/Nerds_distribution.png" width="100%"></a>

<a href="#toc"><img src="up.png" height="16" align="right"></a> Bar Graph - about - code

<a type="hidden" id="day-8"></a>

Mountains (Day 8)

<a href="/day08_mountains"> <img src="day08_mountains/final/day08_mountains_v2.png" width="100%"></a>

<a href="#toc"><img src="up.png" height="16" align="right"></a> Ridgeline Plot - about - code

<a type="hidden" id="day-9"></a>

Statistics (Day 9)

<a href="/day09_statistics"> <img src="day09_statistics/final/day09_statistics.png" width="100%"></a>

<a href="#toc"><img src="up.png" height="16" align="right"></a> Histogram, Poisson Distribution - about - code

<a type="hidden" id="day-10"></a>

Experimental (Day 10)

<a href="/day10_experimental"> <img src="day10_experimental/final/day10_experimental.png" width="100%"></a>

<a href="#toc"><img src="up.png" height="16" align="right"></a> Word Tree - about - code

<a type="hidden" id="day-11"></a>

Circular (Day 11)

<a href="/day11_circular"> <img src="day11_circular/final/birds.png" width="100%"></a>

<a href="#toc"><img src="up.png" height="16" align="right"></a> Circles - about - code

<a type="hidden" id="day-12"></a>

Theme The Economist (Day 12)

<a href="/day12_theme_The_Economist"> <img src="day12_theme_The_Economist/final/day12_TheEconomist.png" width="100%"></a>

<a href="#toc"><img src="up.png" height="16" align="right"></a> Stacked Bar Chart - about - code

RELATIONSHIPS

<a type="hidden" id="day-13"></a>

Correlation (Day 13)

<a href="/day13_correlation"> <img src="day13_correlation/final/day13_correlation.png" width="100%"></a>

<a href="#toc"><img src="up.png" height="16" align="right"></a> Heat Map, Regression Plot - about - code

<a type="hidden" id="day-14"></a>

3D (Day 14)

<a href="/day14_3D"> <img src="day14_3D/final/education.png" width="100%"></a>

<a href="#toc"><img src="up.png" height="16" align="right"></a> Scatter Plot - about - code

<a type="hidden" id="day-15"></a>

Multivariate (Day 15)

<a href="/day15_multivariate"> <img src="day15_multivariate/final/heart.png" width="100%"></a>

<a href="#toc"><img src="up.png" height="16" align="right"></a> Pairplot - about - code

<a type="hidden" id="day-16"></a>

Environment (Day 16)

<a href="/day16_environment"> <img src="day16_environment/final/plastics.png" width="100%"></a>

<a href="#toc"><img src="up.png" height="16" align="right"></a> Line Graph - about - code

<a type="hidden" id="day-17"></a>

Connections (Day 17)

<a href="/day17_connections"> <img src="day17_connections/final/macbeth.png" width="100%"></a>

<a href="#toc"><img src="up.png" height="16" align="right"></a> Chord Diagram - about - code

<a type="hidden" id="day-18"></a>

Data: OECD(Day 18)

<a href="/day18_data_OECD"> <img src="day18_data_OECD/final/tax.png" width="100%"></a>

<a href="#toc"><img src="up.png" height="16" align="right"></a> Bubble Plot - about - code

TIMESERIES

<a type="hidden" id="day-19"></a>

Global Change (Day 19)

<a href="/day19_global_change"> <img src="day19_global_change/final/energy_tech_costs.png" width="100%"></a>

<a href="#toc"><img src="up.png" height="16" align="right"></a> Time Series Chart - about - code

<a type="hidden" id="day-20"></a>

New Tool (Day 20)

<a href="/day20_new_tool"> <img src="day20_new_tool/final/day20_new_tool.png" width="100%"></a>

<a href="#toc"><img src="up.png" height="16" align="right"></a> Stacked Area Chart - about - code

<a type="hidden" id="day-21"></a>

Down/Upwards (Day 21)

<a href="/day21_down_upwards"> <img src="day21_down_upwards/final/candlestick.png" width="100%"></a>

<a href="#toc"><img src="up.png" height="16" align="right"></a> Candlestick Chart - about - code

<a type="hidden" id="day-22"></a>

Animation (Day 22)

<a href="/day22_animation"> <img src="day22_animation/final/ev_sales.gif" width="100%"></a>

<a href="#toc"><img src="up.png" height="16" align="right"></a> Animated Line Graph - about - code

<a type="hidden" id="day-23"></a>

Tiles (Day 23)

<a href="/day23_tiles"> <img src="day23_tiles/final/day23_tiles.png" width="100%"></a>

<a href="#toc"><img src="up.png" height="16" align="right"></a> Tile Map - [abo