https://github.com/juanchiparra/recreating-with-d3
A weekly personal challenge with D3.js.
https://github.com/juanchiparra/recreating-with-d3
d3 data-visualization
Last synced: 4 months ago
JSON representation
A weekly personal challenge with D3.js.
- Host: GitHub
- URL: https://github.com/juanchiparra/recreating-with-d3
- Owner: juanchiparra
- License: mit
- Created: 2024-09-27T17:52:10.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-07-21T14:03:44.000Z (12 months ago)
- Last Synced: 2025-07-21T15:42:22.419Z (12 months ago)
- Topics: d3, data-visualization
- Language: JavaScript
- Homepage: https://juanchiparra.github.io/recreating-with-d3/
- Size: 5.55 MB
- Stars: 5
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Recreating with D3
Over 30 weeks, I recreated a data visualization, one for each week, that caught my attention from a media outlet. Regardless of how it was visualized or what tools were used, I recreated them using D3.js.
It was a personal challenge to keep learning: https://juanchiparra.github.io/recreating-with-d3/.
It took place from October 2024 to June 2025.
| Week | Source | Code | Visualization |
| :---: | :--- | :--- | :--- |
| W01 | [El País](https://elpais.com/america/2024-08-04/datos-los-resultados-en-venezuela-segun-la-oposicion-por-estado-parroquia-y-mesa-a-mesa.html#app) | [2024/W01](/docs/2024/W01/scatter.html) | [Scatter plot](https://juanchiparra.github.io/recreating-with-d3/2024/W01/scatter.html) |
| W02 | [El País](https://elpais.com/america/2024-08-04/datos-los-resultados-en-venezuela-segun-la-oposicion-por-estado-parroquia-y-mesa-a-mesa.html#datawrapper-vis-6wtCW) | [2024/W02](/docs/2024/W02/map.html) | [Map](https://juanchiparra.github.io/recreating-with-d3/2024/W02/map.html) |
| W03 | [New York Times](https://www.nytimes.com/interactive/2024/08/23/us/politics/rnc-dnc-words.html#g-comp-box) | [2024/W03](/docs/2024/W03/butterfly.html) | [Butterfly chart](https://juanchiparra.github.io/recreating-with-d3/2024/W03/butterfly.html) |
| W04 | [FiveThirtyEight](https://projects.fivethirtyeight.com/trump-harris-2024-election-map/) | [2024/W04](/docs/2024/W04/map.html) | [Map](https://juanchiparra.github.io/recreating-with-d3/2024/W04/map.html) |
| W05 | [New York Times](https://www.nytimes.com/interactive/2024/09/24/opinion/global-poverty-rates.html) | [2024/W05](/docs/2024/W05/stacked-area.html) | [Stacked area chart](https://juanchiparra.github.io/recreating-with-d3/2024/W05/stacked-area.html) |
| W06 | [European Union](https://data.europa.eu/apps/eusanctionstracker/) | [2024/W06](/docs/2024/W06/treemap.html) | [Treemap](https://juanchiparra.github.io/recreating-with-d3/2024/W06/treemap.html) |
| W07 | [El Diario](https://www.eldiario.es/economia/aumentan-hogares-ingreso-minimo-vital-ayuda-cubre-mitad-pobreza-extrema_1_10972664.html) | [2024/W07](/docs/2024/W07/bar-chart.html) | [Bar chart](https://juanchiparra.github.io/recreating-with-d3/2024/W07/bar-chart.html) |
| W08 | [Reuters](https://www.reuters.com/graphics/USA-CONGRESS/PRODUCTIVITY/egpbabmkwvq/) | [2024/W08](/docs/2024/W08/line-chart.html) | [Line chart](https://juanchiparra.github.io/recreating-with-d3/2024/W08/line-chart.html) |
| W09 | [New York Times](https://www.nytimes.com/interactive/2024/11/05/us/elections/results-president.html) | [2024/W09](/docs/2024/W09/map.html) | [Map](https://juanchiparra.github.io/recreating-with-d3/2024/W09/map.html) |
| W10 | [New York Times](https://www.nytimes.com/interactive/2024/10/30/upshot/voters-moving-polarization.html) | [2024/W10](/docs/2024/W10/dumbbell.html) | [Dumbbell plot](https://juanchiparra.github.io/recreating-with-d3/2024/W10/dumbbell.html) |
| W11 | [Prinz Magtulis*](https://www.prinzmagtulis.com/lotto-ph/#g-prizes-Artboard_1-img) | [2024/W11](/docs/2024/W11/stacked-area.html) | [Stacked area chart](https://juanchiparra.github.io/recreating-with-d3/2024/W11/stacked-area.html) |
| W12 | [Univision](https://www.univision.com/especiales/noticias/infografias/2023/edad-senado/index-en.html) | [2024/W12](/docs/2024/W12/beeswarm_plot.html) | [Beeswarm_plot](https://juanchiparra.github.io/recreating-with-d3/2024/W12/beeswarm_plot.html) |
| W13 | [The Economist](https://www.economist.com/graphic-detail/2024/11/26/how-many-ukrainian-soldiers-have-died) | [2024/W13](/docs/2024/W13/stacked-bar.html) | [Stacked bar chart](https://juanchiparra.github.io/recreating-with-d3/2024/W13/stacked-bar.html) |
| W14 | [Frankfurter Allgemeine Zeitung](https://www.faz.net/aktuell/wirtschaft/schneller-schlau/dax-erfolgsgeschichte-ueberdeckt-viele-maengel-110153827.html#wrap-3c706e4e-83bc-4e32-b5a6-5202b58cb3f3) | [2024/W14](/docs/2024/W14/line-chart.html) | [Line chart](https://juanchiparra.github.io/recreating-with-d3/2024/W14/line-chart.html) |
| W15 | [Reuters](https://www.reuters.com/graphics/ALASKAAIR-BOEING/klvydkrlopg/) | [2024/W15](/docs/2024/W15/beeswarm_plot.html) | [Beeswarm plot](https://juanchiparra.github.io/recreating-with-d3/2024/W15/beeswarm_plot.html) |
| W16 | [New York Times](https://www.nytimes.com/interactive/2023/02/06/world/turkey-earthquake-faultlines.html) | [2025/W16](/docs/2025/W16/scatter.html) | [Scatter plot](https://juanchiparra.github.io/recreating-with-d3/2025/W16/scatter.html) |
| W17 | [Bloomberg](https://www.bloomberg.com/news/features/2024-10-03/helene-reveals-how-us-is-not-prepared-for-billion-dollar-disasters) | [2025/W17](/docs/2025/W17/map.html) | [Map](https://juanchiparra.github.io/recreating-with-d3/2025/W17/map.html) |
| W18 | [Bloomberg](https://www.bloomberg.com/graphics/2024-china-outshines-japan-cars-southeast-asia/) | [2025/W18](/docs/2025/W18/scatter.html) | [Scatter plot](https://juanchiparra.github.io/recreating-with-d3/2025/W18/scatter.html) |
| W19 | [New York Times](https://www.nytimes.com/interactive/2020/08/11/opinion/us-coronavirus-black-mortality.html) | [2025/W19](/docs/2025/W19/stacked-bar.html) | [Stacked bar chart](https://juanchiparra.github.io/recreating-with-d3/2025/W19/stacked-bar.html) |
| W20 | [New York Times](https://www.nytimes.com/interactive/2017/06/01/climate/us-biggest-carbon-polluter-in-history-will-it-walk-away-from-the-paris-climate-deal.html) | [2025/W20](/docs/2025/W20/area-chart.html) | [Area chart](https://juanchiparra.github.io/recreating-with-d3/2025/W20/area-chart.html) |
| W21 | [La Nación](https://www.lanacion.com.ar/economia/mejora-la-conectividad-del-interior-del-pais-con-el-exterior-pero-aun-esta-lejos-de-los-numeros-de-nid30012025/#ln-info-responsive-616) | [2025/W21](/docs/2025/W21/sankey.html) | [Sankey diagram](https://juanchiparra.github.io/recreating-with-d3/2025/W21/sankey.html) |
| W22 | [San Francisco Chronicle](https://www.sfchronicle.com/sf/article/mayor-lurie-policy-director-20049832.php) | [2025/W22](/docs/2025/W22/voronoi-treemap.html) | [Voronoi treemap](https://juanchiparra.github.io/recreating-with-d3/2025/W22/voronoi-treemap.html) |
| W23 | [Bloomberg](https://www.bloomberg.com/news/features/2025-02-14/a-record-year-in-women-s-sports-push-players-to-seek-better-pay) | [2025/W23](/docs/2025/W23/stacked-bar.html) | [Stacked bar chart](https://juanchiparra.github.io/recreating-with-d3/2025/W23/stacked-bar.html) |
| W24 | [Die Tageszeitung](https://taz.de/Schwierige-Koalition-in-Sicht/!6068311/) | [2025/W24](/docs/2025/W24/donut-chart.html) | [Donut chart](https://juanchiparra.github.io/recreating-with-d3/2025/W24/donut-chart.html) |
| W25 | [The Economist](https://www.economist.com/interactive/democracy-index-2024) | [2025/W25](/docs/2025/W25/beeswarm_plot.html) | [Beeswarm plot](https://juanchiparra.github.io/recreating-with-d3/2025/W25/beeswarm_plot.html) |
| W26 | [New York Times](https://www.nytimes.com/interactive/2025/03/09/upshot/covid-lockdown-five-year-charts.html) | [2025/W26](/docs/2025/W26/line_chart.html) | [Line chart](https://juanchiparra.github.io/recreating-with-d3/2025/W26/line_chart.html) |
| W27 | [De Tijd](https://multimedia.tijd.be/trump-tarieven/) | [2025/W27](/docs/2025/W27/area-chart.html) | [Area chart](https://juanchiparra.github.io/recreating-with-d3/2025/W27/area-chart.html) |
| W28 | [Gazeta Wyborcza](https://biqdata.wyborcza.pl/biqdata/7,159116,31781221,w-srode-amfa-w-weekend-koka-co-sie-bierze-w-krakowie-a-co.html) | [2025/W28](/docs/2025/W28/radial-line.html) | [Radial line graph](https://juanchiparra.github.io/recreating-with-d3/2025/W28/radial-line.html) |
| W29 | [Nexo Jornal](https://www.nexojornal.com.br/grafico/2025/05/06/eleicao-papa-conclave-quem-faz-parte-cardeais-2) | [2025/W29](/docs/2025/W29/bar-chart.html) | [Bar chart](https://juanchiparra.github.io/recreating-with-d3/2025/W29/bar-chart.html) |
| W30 | [McKinsey & Company](https://www.mckinsey.com/featured-insights/sustainable-inclusive-growth/charts/young-minds-heavy-mental-burdens) | [2025/W30](/docs/2025/W30/histogram.html) | [Histogram](https://juanchiparra.github.io/recreating-with-d3/2025/W30/histogram.html) |