Skip to main content
SimilarExport ZIP
100%

Globe with winter olympic data

✓ Published0🌍 Public
AAkanksha
Last edited Apr 5, 2024
Created on Apr 5, 2024

An interactive orthographic globe visualizes Winter Olympic medal counts by country, using a color-encoded map to show total medals, gold, silver, and bronze. The globe supports panning and zooming through drag interactions, with animated transitions. Built with d3.geoOrthographic projection, d3.geoPath for rendering, and topojson-client for world atlas data, it parses Olympic medal CSV data and merges it with country geometries.

AI-generated description

A globe with panning and zooming.

MIT Licensed

Similar vizzes

Loading thumbnail…

World Map Winter Olympics

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.

AAkanksha
82% match
Loading thumbnail…

Globe Zoom - Animate

An interactive orthographic globe visualizes country-level data, allowing users to zoom and rotate the projection. A choropleth map colors each country according to a numeric value, with a search feature that highlights a selected country and a rate filter for subsetting. Built with React and D3 v3, the visualization uses `d3.geo.orthographic` for the globe, `d3.geo.path` for rendering, and TopoJSON for world geography. The data is loaded from a local CSV file.

Nnouralkhoury
77% 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…

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

Globe-Interactive-Viz

An interactive globe displays world regions color-coded by economy type using an ordinal color scale, with hover tooltips showing country names and development status. Users can click legend items to filter highlighted countries or zoom and pan the orthographic projection. Built with D3 v5, the visualization combines `d3.geoOrthographic`, `d3.geoPath`, `d3.zoom`, and TopoJSON data from the world-atlas package, rendering country boundaries as SVG paths over a black background.

NNita
75% match
Loading thumbnail…

Globe Zoom - Animate

This interactive globe visualization animates between orthographic and map projections to display geographic data points, with country boundaries rendered as SVG paths. Users can zoom and rotate the globe, search for locations, and toggle between datasets showing meat consumption and population growth percentages. The visualization is built with D3.js version 3, React, and TopoJSON, using d3.geo.orthographic and d3.geo.winkel3 projections with d3.geo.zoom for interaction. Data is loaded from external CSV and TopoJSON sources, with tooltips and a legend providing additional context.

Nnouralkhoury
75% match
Loading thumbnail…

Globe Zoom - Animate

This interactive globe visualization animates between orthographic and map projections to display geographic data points, with country boundaries rendered as SVG paths. Users can zoom and rotate the globe, search for locations, and toggle between datasets showing meat consumption and population growth percentages. The visualization is built with D3.js version 3, React, and TopoJSON, using d3.geo.orthographic and d3.geo.winkel3 projections with d3.geo.zoom for interaction. Data is loaded from external CSV and TopoJSON sources, with tooltips and a legend providing additional context.

Nnouralkhoury
75% match
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
74% match