Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Olympic Medals

Public visualization

Viewing a saved revision (read-only)

ec4d4f6638454c7f94e52685e5a746e2

Olympic Medals

0 stars0🌍 Public
RRuba Khan
Last edited Sep 7, 2024
Created on Sep 2, 2024

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, 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