Skip to main content
SimilarExport ZIP
100%

Winter Olympics

✓ Published0🌍 Public
Eeschuman20@gmail.com
Last edited Jan 23, 2024
Created on Jan 23, 2024

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.

AI-generated description

The Winter Olympics CSV, loaded and parsed as CSV.

Questions/Tasks -What country is historically the most successful? -Which athletes have the most medals? -Are some countries dominate in specific events?

Challenge

  • Find 3 datasets on a topic you are interested in
  • For each of those, fork this viz and replace the data
  • Parse the quantitative attributes into numbers
  • Update README.md to indicate the original data source
MIT Licensed

Similar vizzes

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
83% match
Loading thumbnail…

Olympic Games 2021 Medals

This example displays the first row of the Olympic Games 2021 Medals dataset as a formatted JSON object. It uses the raw CSV data, which is loaded and parsed with the `data.csv` import, and the `JSON.stringify` method to generate a readable representation. The visualization, authored by KangjianWu, relies on the `main` function to inject the output into a container, providing a static snapshot of the dataset's structure for inspection.

Wwkj0713@gmail.com
78% match
Loading thumbnail…

Winter Olympics Participants - Iterate

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.

AAkanksha
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
75% match
Loading thumbnail…

data for line graph

This line chart shows the number of medals each country won at the Winter Olympics from 1924 through 2016, with the x-axis representing time (year) and the y-axis showing the total medal count. Each country is drawn as a separate colored line, allowing viewers to compare medal trajectories across nations. The dataset comes from Kaggle’s “Winter Olympic Medals 1924–2018” (source: v3, author: akankshapawar1, MIT license). The chart reveals dominance patterns, such as Norway’s sustained high medal counts and the rise and fall of countries like the Soviet Union and Germany over time.

AAkanksha
74% match
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
74% match
Loading thumbnail…

Loading and Parsing Olympic Data

This example demonstrates how to load and parse Olympic medal data from a CSV file hosted on GitHub Gist. It displays a summary of the dataset—file size in kilobytes, row count, and column count—in a large text container. The visualization uses D3 v7’s `d3.csv` method to fetch and parse the data, with alternative approaches using `fetch`, async/await, and `d3.csvParse` commented out. The code highlights the simplicity of D3’s data-loading API versus manual text parsing.

RRuofan Chen
74% 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