Skip to main content
SimilarExport ZIP
100%

Winter Olympics Participants - Iterate

✓ Published1🌍 Public
AAkanksha
Last edited Feb 7, 2024
Created on Feb 7, 2024

This visualization displays the number of participant countries in each Winter Olympics from 1924 to 2018, with each circle representing a year. The code computes participant counts by aggregating unique country names per year using a JavaScript `Set` within a `reduce` operation. It uses D3.js scales and axes to map years and counts, and renders circles with a fixed radius and reduced opacity to show the trend. Data comes from a Kaggle dataset of Winter Olympic medals.

AI-generated description

Dataset - https://www.kaggle.com/datasets/ramontanoeiro/winter-olympic-medals-1924-2018

  1. Added opacity
  2. Changed background and circle colors

Challenge - I am not able to figure out how to convert 1,930 to 1930. I tried parseInt and toString(), but I think I am using them in the wrong place.

MIT Licensed

Similar vizzes

Loading thumbnail…

Winter Olympics Participants

This interactive scatter plot shows the number of countries participating in the Winter Olympics each year from 1924 to 2018. Each circle represents a medal-winning country at a specific Games, with its vertical position reflecting the total participant count for that year. The visualization uses D3.js scale functions and axis components to render the chart, while the data aggregation logic, which counts unique countries per year via JavaScript Set objects, is embedded in the main module. The dataset originates from Kaggle, and the code relies on the `@curran/axis-labels` library for axis annotation.

AAkanksha
89% match
Loading thumbnail…

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.

AAkanksha
76% match
Loading thumbnail…

Scatter plot interactions

A scatter plot displays the number of participating countries in each Winter Olympic year, using data from a Kaggle dataset covering 1924–2018. Hovering over a point triggers a D3 transition that enlarges the circle radius, providing interactive feedback. The visualization is built with d3-scale for axes, d3-axis for ticks, and custom axis label helpers, all rendered as SVG elements with mouseover and mouseout event handlers.

AAkanksha
76% match
Loading thumbnail…

Winter Olympics

This visualization explores historical Winter Olympics medal data from a CSV sourced via Kaggle, parsing years into numeric values for analysis. It displays the first row of the dataset as a formatted JSON object using template literals in a pre element, with a large font size for readability. The code imports the data with a bundled CSV parser and exports both the parsed dataset and a main function that renders the output. It highlights the structure of each record, including athlete, country, event, and medal attributes, providing a foundation for investigating country dominance, athlete success, and event-specific strengths.

Eeschuman20@gmail.com
75% match
Loading thumbnail…

Map of Winter Olympic Medals 1924 - 2018

This map visualizes the number of Winter Olympic medals won by each country from 1924 to 2018. Each country is represented by a point on a world map, with the size of the point scaled to the total medals won that year. A year slider allows users to scrub through time, updating the map to show medal counts for each Olympics. The data is sourced from a Kaggle dataset, and the visualization highlights historical medal distributions, making it easy to spot dominant nations and shifts in athletic performance across decades. The map uses a sequential color scale to indicate medal totals, with tooltips providing exact counts and country names. This example demonstrates an effective use of a geographic choropleth with dynamic temporal filtering to explore trends in international sports achievement.

AAkanksha
73% match
Loading thumbnail…

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.

AAkanksha
73% match
Loading thumbnail…

Version three - part 2: Winter Olympics Gold Medal Count For Selected Country

This interactive line chart displays the Winter Olympic gold medal counts for a selected country between 2002 and 2014, highlighting performance trends across four games. A dropdown menu lets users choose a country, updating the visualization to show that nation’s medal trajectory. Built with React and D3 v5, the chart uses `d3.line`, `d3.scaleLinear`, and `d3.nest` to render SVG paths and circles, with data sourced from a Kaggle dataset on Olympic games.

RRuofan Chen
73% match
Loading thumbnail…

Visualization of India's Olympics Participation in various events by year and season

This visualization maps Indian athletes' Olympic participation across sports and years, with each circle representing an athlete. The x-axis encodes the Olympic year, the y-axis lists the sport, circle size reflects the athlete's age, and color distinguishes between Summer and Winter Games. Hovering reveals the athlete's name. The chart is built using the Vega-Lite API on top of D3, pulling data from a CSV of Indian Olympic athletes originally sourced from Kaggle. Styling is customized via a configuration object that adjusts axis labels and fonts.

VVarun Eranki
71% match