Skip to main content
SimilarExport ZIP
100%

World Map Winter Olympics

✓ Published0🌍 Public
AAkanksha
Last edited Feb 29, 2024
Created on Feb 28, 2024
Forked from Simple World Map

This world map visualizes the medal counts of participating countries in the Winter Olympics, using a natural Earth projection. It shades each country according to the total gold, silver, and bronze medals won, with a sequential color scale (interpolateOrRd) applied to the aggregated medal data. The visualization fetches geographic boundaries from a TopoJSON world atlas and merges them with Olympic medal statistics from a CSV file, normalizing country names to align historical teams like the Soviet Union and East Germany with modern counterparts. The code uses d3’s geoPath for rendering, d3.csvParse for data parsing, and topojson-client for converting TopoJSON to GeoJSON features.

AI-generated description

Referred KangjianWu's code for data importing.

MIT Licensed

Similar vizzes

Loading thumbnail…

Winter Olympic Medals

This choropleth map visualizes the total number of Winter Olympic medals won by each country from 1924 to 2018, with color intensity representing medal counts. The map uses a natural Earth projection and colors countries on a red sequential scale, ranging from light (low medal counts) to dark red (highest counts). Hovering over a country displays a tooltip with its total medals and a breakdown of gold, silver, and bronze counts. The visualization also includes a graticule, an outline, and a legend with an axis to map colors to medal totals. Countries without medal data are shown in light gray, and data processing handles historical country name changes (e.g., Soviet Union to Russia, Great Britain to United Kingdom) to ensure accurate representation. The map is interactive, with tooltips providing detailed medal information for each country.

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

Map of winter olympics

This example visualizes the locations of past Winter Olympic host cities on a world map. It uses D3 v5 with an SVG rendering approach, drawing geographic boundaries via `d3.geoPath` and plotting points for each host city. The map is generated from a dataset of host city coordinates, with the visualization emphasizing spatial distribution across continents rather than individual data values. The code sets up a blank 960x500 SVG canvas and relies on D3’s projection and path functions to render the map, though no interactive elements or tooltips are included in the provided source.

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

Choropleth Map

An interactive choropleth map shades countries by the average number of Olympic medals won, with a dropdown menu to switch between gold, silver, and bronze. D3 v6 drives the visualization, using `d3.geoMercator` and `d3.geoPath` to project GeoJSON country boundaries, while `d3.scaleThreshold` maps medal counts to color scales like `d3.schemeOranges`. Hovering highlights a country and displays a tooltip with its name and medal total. Data comes from a CSV of Olympic medal summaries, rendered as SVG with animated opacity transitions.

AAniketShahane
73% match
Loading thumbnail…

World Map

This world map colors each country with a unique color from a categorical scale, using a Kavrayskiy VII projection and a graticule overlay. The map is rendered as SVG with d3.geo.path, and country boundaries are drawn as a white mesh via topojson.mesh. Country colors are assigned sequentially by a neighbor-based algorithm in the data join, ensuring adjacent countries differ. The Natural Earth Admin 0 countries dataset is loaded as TopoJSON, with each country identified by its ISO 3166-1 numeric code.

Mmbostock
72% 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
72% match