100%

Olympic Medals

✓ Published0🌍 Public

Last edited Sep 7, 2024

Created on Sep 2, 2024

Forked from CSV Dataset Template - Penguins

This example displays the raw contents of the Paris 2024 Olympics medals dataset loaded from a CSV file. It parses the medal counts (gold, silver, bronze, and total) into numbers and renders the first record as a formatted JSON string inside a preformatted HTML element. The visualization uses plain JavaScript with the CSV import syntax from VizHub and the standard `JSON.stringify` method to inspect the data structure. The dataset originates from Kaggle and includes medal tallies for each participating country.

AI-generated description

The Olympics Medals Dataset, loaded and parsed as CSV.

Fork and modify this template to import your data to VizHub and export it for use in other vizzes! To do that:

Fork this viz
Clear out the README
Update the README with details about your dataset (including original source)
Replace data.csv with your own data
Replace the parsing logic in index.js with your own
Set the custom URL so you can import from it easily

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

Analytics Tasks

I want to examine the correlation between the number of gold medals and the total medals to understand how winning golds influences the overall medal counts
I want to analyze the geographic distribution of gold medals to see which continents or regions get the highest medals.
I want to see how the medal counts of the top five countries have changed over the past few decades to identify if there have been improvements in performance or declines.
I want to visualize the distribution of bronze medals to see the level of competition and parity among the participating nations
I want to see countries that have a high ratio of gold medals to total medals as this could point out countries with high efficiency in converting participants into top finishes.

MIT Licensed

Similar vizzes

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

82% match

Loading thumbnail…

CSV Dataset - Winter Olympics Medals

This example loads the Winter Olympics medal dataset as CSV and displays the first row as raw JSON in a preformatted block. It parses the year column into numbers and maps medal types and genders to numeric indices for potential analysis. The visualization uses the Observable Plot library to render the data, though no chart is currently drawn. The dataset comes from the Guardian's Olympic Sport and Medals collection on Kaggle, with each row listing an athlete’s event, country, and medal.

Mmilepore@gmail.com

81% 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

78% match

Loading thumbnail…

Loading and Parsing CSV Data - Olympic Medals Count Dataset

This example demonstrates the size of the Olympic Medals Count dataset by displaying three summary statistics: total file size in kilobytes, number of rows, and number of columns. Using the d3.csv method, it fetches a CSV file from a GitHub gist containing medal counts for all countries from 1896 to 2018 across both summer and winter games. The code then applies d3.csvFormat to calculate the formatted data’s byte length, and reports the row count from the parsed array and column count from the data.columns property. The results appear in large text within an HTML pre element.

SSitanshu Rupani

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

76% 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

76% match

Loading thumbnail…

Olympics Sports and Medals, 1896 - 2014

This interactive visualization explores Olympic sports and medal data from 1896 to 2014, combining summer and winter games with country demographic information. It displays sample records from the merged datasets, including athlete, event, medal, and GDP per capita fields. The code loads CSV data using native JavaScript imports and renders the raw JSON objects as text in the browser with a large monospace font. WebGL is specified for rendering, with the example demonstrating how the data structures can be accessed and displayed.

Yyaredmtaye@gmail.com

76% match

Loading thumbnail…

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.

AAkanksha

71% match