Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Food Production Stacked Bar Chart

Public visualization

Viewing a saved revision (read-only)

7dcece4e86b04593b031da71d83db600

Fork of Food Production Stacked Bar Chart

0 stars0🌍 Public
HHaili0109
Last edited Nov 28, 2024
Created on Nov 28, 2024

This visualization displays the estimated food production for major continents in 2021, broken down by food type using stacked horizontal bars. It uses D3.js scales such as `scaleBand` and `scaleLinear`, with `axisBottom` and `axisLeft` for axes. The data comes from a Kaggle dataset on world food production, loaded as CSV and filtered to the year 2021. A color legend with mouse interactions highlights specific food categories on hover, applying a fade effect to non-selected bars.

AI-generated description

Stacked bars showing estimated food production breakdown of the continents. Based on an example from the tutorial

https://www.kaggle.com/datasets/rafsunahmad/world-food-production

https://raw.githubusercontent.com/lukesavoie/dataviz/main/world%20food%20production.csv loaded and parsed as CSV.