data for stacked bar

data for stacked

This interactive visualization shows the total medal counts for each country in the Winter Olympics from 1924 to 2018, using a bar chart where each country's total is broken down into gold, silver, and bronze segments. The data is sourced from a CSV file containing historical medal records. The implementation uses JavaScript to load and aggregate the data, then displays a single data entry as formatted JSON text, showcasing the preprocessing and transformation logic with plain text output.

91% match

Olympic Data stacked Bar Graph

This stacked bar chart displays Olympic medal counts by country, with each bar segmented into Gold, Silver, and Bronze using a D3 ordinal color scale. Hovering over the interactive side legend highlights the corresponding medal segment across all bars while dimming others. The visualization relies on D3's `flatRollup` and `stack` utilities for data aggregation and stacking, with axes generated by the `@curran/responsive-axes` library.

85% match

Fork of Olympic Data stacked Bar Graph

This example shows Olympic medal counts for countries as a horizontal stacked bar chart, with Gold, Silver, and Bronze segments colored using a d3 ordinal scale. Hovering over a legend item highlights that medal type in the bars while fading others. The visualization uses d3.stack for data transformation, d3.scaleBand and d3.scaleLinear for axes, and custom mouseenter/mouseleave handlers to update a hovered state, re-rendering the chart with adjusted opacity and stroke.

EElena Momtcheva

78% match

Winter olympics bar chart

This bar chart shows the top 10 countries by total medals (gold, silver, and bronze) across all Winter Olympics from 1924 to 2018. The data is aggregated from the `@akankshapawar1/olympics` dataset. It uses d3's `scaleBand` and `scaleLinear` to position bars, with axis labels from `@curran/axis-labels`. The visualization renders green bars on a white inner rectangle, highlighting the leading nations' medal counts.

Fork of Fork of Olympic Data stacked Bar Graph

This visualization displays Olympic medal data as a stacked bar chart, breaking down participation by continent (Asia, Africa, Americas, Europe) for each year. The chart uses color-coded segments to compare continental contributions, with an interactive color legend that highlights and fades specific regions on hover. The implementation uses several D3 libraries including `d3.flatRollup`, `d3.stack`, `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom` for rendering. Data is fetched asynchronously from a CSV source hosted on GitHub, then parsed with `csvParse`. Custom helper modules like `colorLegend` and responsive axes from `@curran/responsive-axes` handle interactive elements and layout adjustments.

Ggalijawaharnath@gmail.com

Act6_Q2

This visualization displays the top 10 countries by total Olympic medal count using a horizontal stacked bar chart. Each bar represents a country’s medal distribution across gold, silver, and bronze categories. Built with D3 v7, the code uses `d3.stack`, `d3.scaleLinear`, `d3.scaleBand`, and `d3.scaleOrdinal` to structure and color the data, while `d3.axisLeft` and `d3.axisBottom` render the axes. A hover tooltip shows exact medal counts per category. The data comes from the provided `paradata.csv` file.

Winter Olympic Medals 1924 - 2018

This example visualizes the number of medals won by each country at every Winter Olympic Games from 1924 to 2018. It displays the first record from a CSV dataset containing yearly medal counts per nation, highlighting the parsed values for year and medal types. The code imports the data using a CSV parser, converts the numeric fields from strings to numbers, and renders the first entry as formatted JSON in a pre element. The visualization uses plain JavaScript with the container's innerHTML property to present the data sample.