Fork of Food Production Stacked Bar Chart

Fork of Food Production Stacked Bar Chart

This stacked bar chart displays the estimated 2021 food production across continents, with bars showing tonnage of various food categories. The visualization uses D3's `scaleOrdinal` with `schemeCategory10` for colors and `flatRollup` to reshape the CSV data from the Kaggle world food production dataset. The `stackedBarChart` function builds stacked rects using `stack()` and `scaleLinear` for x-values, while the adjacent `colorLegend` provides interactive highlighting, dimming non-hovered segments and drawing a stroke on the selected category.

SSowjanya Devupalli

92% match

Fork of Food Production Stacked Bar Chart

This stacked bar chart breaks down estimated food production by tonnage across the seven continents for 2021, based on data from the World Food Production dataset. Hovering over a food category in the color legend highlights that segment across all bars while dimming others. The visualization uses d3.stack, scaleBand, scaleLinear, and scaleOrdinal to structure the bars, with the colorLegend module managing interactive highlighting and fade effects.

Bblanchestora@gmail.com

91% match

Food Production Stacked Bar Chart

A stacked bar chart visualizes estimated food production across seven continents for 2021, with each bar segmented by food type in millions of tonnes. Hovering over a legend item highlights the corresponding segment and fades others, while the matching bar segment is raised with a black stroke. Built with D3.js v7, the example uses `d3.stack`, `scaleOrdinal` with `schemeCategory10`, and `flatRollup` to transform data from the world food production dataset.

Llrsavoie@wpi.edu

88% match

Fork of Fork of Fork of Interactive Stacked Bar Chart

This stacked bar chart visualizes the estimated per-continent population and total COVID-19 case counts from a local CSV file for the year 2010, using an ordinal color scale to represent continents. The visualization is built with D3 and implements a custom `colorLegend` component that enables hovering over legend items to highlight corresponding segments in the stacked bars. The chart also incorporates responsive axes and a stacking algorithm that groups data by continent, with interactive fading and stroke emphasis applied to the selected category.

Fork of Fork of Fork of Interactive Stacked Bar Chart

This stacked bar chart visualizes the estimated per-continent population and total COVID-19 case counts from a local CSV file for the year 2010, using an ordinal color scale to represent continents. The visualization is built with D3 and implements a custom `colorLegend` component that enables hovering over legend items to highlight corresponding segments in the stacked bars. The chart also incorporates responsive axes and a stacking algorithm that groups data by continent, with interactive fading and stroke emphasis applied to the selected category.

Fork of Fork of Fork of Interactive Stacked Bar Chart

This stacked bar chart visualizes the estimated per-continent population and total COVID-19 case counts from a local CSV file for the year 2010, using an ordinal color scale to represent continents. The visualization is built with D3 and implements a custom `colorLegend` component that enables hovering over legend items to highlight corresponding segments in the stacked bars. The chart also incorporates responsive axes and a stacking algorithm that groups data by continent, with interactive fading and stroke emphasis applied to the selected category.

Fork of Fork of Fork of Interactive Stacked Bar Chart

This stacked bar chart visualizes the estimated per-continent population and total COVID-19 case counts from a local CSV file for the year 2010, using an ordinal color scale to represent continents. The visualization is built with D3 and implements a custom `colorLegend` component that enables hovering over legend items to highlight corresponding segments in the stacked bars. The chart also incorporates responsive axes and a stacking algorithm that groups data by continent, with interactive fading and stroke emphasis applied to the selected category.