Skip to main content
100%

map_for_website

✓ Published0🌍 Public
ZZoeLeBlanc
Last edited Nov 28, 2019
Created on Nov 28, 2019

This map visualizes the participating countries and delegate counts of the 1955 Afro-Asian Conference in Bandung, Indonesia, using geographic point data from a CSV file. It plots each nation’s location as a point on a world map, with the conference site marked in Indonesia. The visualization is built with Kepler.gl, a deck.gl-based mapping library, reading the dataset from a JSON configuration. The rendering uses WebGL for interactive pan and zoom, while the data structure includes country coordinates, delegate numbers, and conference dates.

AI-generated description

Similar vizzes

Loading thumbnail…

Participant World Map

This animated world map visualizes participant locations by projecting geographic coordinates onto a global canvas. The page loads the d3-geo-projection library to enable a custom map projection, rendering an SVG world map with dots representing participants. A timed animation sequences through participant data, revealing markers in stages to show geographic distribution over time. The visualization uses the geoNaturalEarth projection to display the globe with a minimalist aesthetic, with markers appearing and pulsing to draw attention to each location.

AAbin
62% match
Loading thumbnail…

Gist 0d218e8dc73ed8ab5137

This visualization maps the global membership of an international development evaluation network, distinguishing full members from associate members and linking each organization to its homepage. It shows the geographic distribution of these institutions across continents, with member names displayed as labels. The code uses D3.js with a force-directed layout via `d3.forceSimulation` to position nodes, and `d3.geoPath` to render the world map as a geographic backdrop. Member data is loaded from a plain text file containing URLs and organization names, and the visualization highlights the contrast between full and associate member categories.

Aandybak
62% match
Loading thumbnail…

Gist d6e714e97e5e937623a7

This visualization plots each country as a point positioned by latitude and longitude, with circle size representing total population and color indicating HIV/AIDS prevalence. The chart uses D3’s `d3.geoPath` and a geographic projection to place points over a world map background. Data is loaded from a CSV containing country statistics, and hover interactions reveal specific country details. The rendering relies on standard SVG elements with scales for sizing and color encoding, following a scatterplot-over-map approach.

LLTymn
61% match
Loading thumbnail…

index1.js

This interactive map visualizes the world's countries as colored regions on a blue sphere, using a geographic projection to create a global view. The visualization relies on D3.js version 5 and the topojson library to fetch and process GeoJSON data from the world-atlas package, which provides country boundaries. The SVG rendering applies a light green fill to each country with a semi-transparent black stroke, while the sphere itself is filled with dark blue, achieved through the `d3.geoPath` projection generator and the `feature` API.

AAlexTapiaM
61% match
Loading thumbnail…

world map data

The map displays countries from a GeoJSON world dataset, with polygons colored by country. The visualization uses D3.js to render geographic features, with a simple dark background and country outlines filled in light blue. Hovering over a country highlights it in orange and displays its name in a tooltip, while pan and zoom controls allow users to explore the map. The data is sourced from a gist by andyreagan.

Aandyreagan
61% match
Loading thumbnail…

Mercator Map with Bubbles

A world map rendered as a light blue Mercator projection with black country borders, overlaid with orange bubbles that summarize attendance at World Cup matches by year. Each bubble is positioned at the average coordinates of the matches in that year, and its size encodes the total attendance using a square-root scale. The visualization uses D3 v3 to load GeoJSON country boundaries and a TSV dataset of match locations, aggregates attendance by year via nested rollups, and plots the resulting bubbles on an SVG map.

Aadry34160
61% match
Loading thumbnail…

An interactive D3 map

This interactive D3 map displays a world map with countries colored pink and overlaid with green-bordered circles, visualizing numerical values from a CSV dataset via a color-coded choropleth. Built with React and D3 v5, it loads GeoJSON topology data from the world-atlas package and uses topojson’s feature and mesh functions to render land and country boundaries as SVG paths, while the data CSV is joined by ISO country codes for the visual encoding.

Nnouralkhoury
60% match
Loading thumbnail…

Map Interaction Assignment Final

This interactive world map visualizes countries colored in light green against a blue sphere, with hover effects that turn countries yellow and reveal a tooltip containing the country name, continent, and economic status. Built with D3 v5 and the topojson library, it uses `d3.geoPath` with an equirectangular projection to render geographic features from the World Atlas 50m dataset, while supporting zoom and pan interactions through `d3.zoom`. Country metadata, including economy and continent classifications, is loaded from the accompanying TSV file and linked to the geometric data by ISO country codes.

MMukund Khandelwal
60% match