Week 14 Country Population Globe

100%

Week 14 Country Population Globe

✓ Published1🌍 Public

Last edited Nov 27, 2024

Created on Nov 26, 2024

This interactive globe visualizes average country populations of men, women, and children over time using color-coded bubbles on a 3D orthographic projection. Users can hover over countries to see detailed population values in an information box, rotate the globe by dragging, and zoom to explore clustered areas. Built with D3.js, it uses `geoOrthographic` and `geoPath` for map rendering, with a space-themed background and a year slider for temporal exploration.

AI-generated description

Globe to map average country population of men, women, and children over time.

Features:

Hover over country bubbles to display detailed values and labels.
Rotate the globe by left-clicking and dragging.
Zoom in and out to explore clustered areas more closely.
An information box dynamically updates with country-specific data for country last hovered over.
A color-coded legend represents different data categories.
A title box for the visualization.
The background features a space theme

MIT Licensed

Similar vizzes

Loading thumbnail…

Country Population Globe Pie Charts

This visualization displays average country population data for men, women, and children as pie charts positioned on an orthographic globe using D3’s `geoOrthographic` projection and `geoPath`. Pie slices are generated with `pie` and `arc` generators, with hover interactions updating an information box and highlighting the corresponding country. Users can rotate the globe via drag and zoom, while a slider animates through yearly data from the `populationData.js` array, all rendered over a starry space background.

Ccrijos

80% match

Loading thumbnail…

act 6 q7

This interactive bubble chart visualizes global population data by country, with circles sized proportionally to population and colored by continent. Users can toggle between four grouping modes—combine all countries, group by continent, place circles at country center coordinates, or scale by population—and switch between solid colors and country flag patterns. Built with D3 v4, the visualization uses `d3.forceSimulation` with custom force configurations for each layout, while transitions animate the bubbles when switching groupings. Hovering reveals country names and population counts, and a color-coded continent legend slides into view when relevant.

Kkaringusathwika@gmail.com

75% match

Loading thumbnail…

globe zoom

This interactive data visualization displays global demographic and agricultural data on a zoomable three-dimensional globe. Users can rotate the globe and zoom into specific regions, with country boundaries rendered as geographic paths. The visualization uses D3 v3 with geo projection libraries, featuring both orthographic globe and map projections. Data points are loaded from CSV files and displayed as colored scatterplot markers, with tooltips providing country-specific values. The interface includes controls for switching between different datasets and projection types, all rendered with SVG animation.

JjordyBernard406

74% match

Loading thumbnail…

World population - bubbles on map

A world map in the Winkel III projection displays semi-transparent bubbles scaled by the square root of each country’s 2016 population, with colors assigned by continent via `d3.scaleOrdinal`. Country outlines, graticule, and labels are drawn using `d3.geoPath` and `d3.geoGraticule`, with zoom support from `d3.zoom()` that adjusts label visibility based on zoom level. Population data comes from the World Bank’s World Development Indicators. The visualization also includes hover tooltips showing the country name and formatted population.

RRomyRatolojanahary

74% match

Loading thumbnail…

Fork of Population Distribution

This interactive choropleth maps world population by country, with a dropdown to switch between years (1980–2030) and a sidebar ranking the top ten most populous nations. It uses D3 v6 with `d3.geoPath`, `d3.geoMercator`, and a `d3.scaleThreshold` color scale, pulling CSV data from a GitHub repository and GeoJSON country boundaries. Hovering reveals a tooltip with the country name and population, while the map redraws on year selection.

DDouglas mochama

74% match

Loading thumbnail…

World Map

This interactive world map visualizes population data by country for 2018, using color and size to distinguish between regions with and without reported figures. The visualization employs a natural Earth projection via `d3.geoPath` and `d3.geoNaturalEarth1`, with countries rendered as SVG paths. Population values are mapped to circle sizes using `d3.scaleSqrt`, and a size legend with tick marks displays the scale. Users can pan and zoom through `d3.zoom`, and hovering over a country reveals its population via a tooltip. Data comes from a CSV file joined to TopoJSON world atlas geometry.

Rrohit181099

74% match

Loading thumbnail…

Globe 1. Try

This interactive globe displays cities with populations over 100,000 as steel-blue circles, with size scaled by population. Users can drag to rotate the orthographic projection and scroll to zoom, with tooltips showing city names and populations on hover. Using d3.geoOrthographic, d3.geoPath, and d3.drag, it renders low-resolution world boundaries while moving and higher-resolution 50m shapes when still. City data comes from a CSV of Geonames cities, loaded via d3.csv, with geographic shapes from TopoJSON World Atlas.

Mmachetenwueter

73% match

Loading thumbnail…

globe-test-02

This globe visualization displays city population data on an interactive, rotatable Earth. It shows both low-resolution landmasses during drag interactions and high-resolution country boundaries when idle, with red circles sized according to population. Built with d3.geoPath and d3.geoOrthographic, it uses topojson for country features and d3-tip for hover tooltips. City data comes from a local monoliths.csv file, while world geometries are loaded from world-atlas packages.

KKikkolatsch

73% match