Skip to main content
SimilarExport ZIP
100%

Sumba V1

✓ Published0🌍 Public
Zzikitamar9
Last edited Apr 9, 2020
Created on Apr 9, 2020

This map visualization displays global country boundaries with a natural Earth projection, coloring each nation according to its economy category. Users can pan and zoom the map interactively, and hovering over a country highlights it in orange while revealing the country name as a tooltip. The implementation uses D3 v5 with d3.geoPath, d3.geoNaturalEarth1, d3.zoom, and scaleOrdinal for coloring, processing TopoJSON data from the world-atlas package. Country names are matched to country codes from a CSV dataset, while the guest data file is loaded but not visualized.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

A choropleth map of Central Java regions colors each district by its economy category. Hovering over a color legend item filters the map, highlighting regions in that category while dimming all others; clicking the same item again removes the filter. The visualization uses D3 v5 with `geoNaturalEarth1` projection, `geoPath` for rendering, and `scaleOrdinal` with `schemeSpectral` colors. It loads TopoJSON from an Indonesia atlas and merges it with TSV data from the World Atlas.

Ssonyrimawan
73% match
Loading thumbnail…

Map with Selectable Countries

This map visualizes global countries colored by economic group, with clicking a country highlighting it while dimming others and the map sphere. A color legend allows filtering countries by economic category, and hovering shows country names. The visualization uses d3.geoNaturalEarth1 projection, d3.geoPath for rendering SVG paths, d3.zoom for pan and zoom, and d3.scaleOrdinal with schemeSpectral for choropleth coloring. Data comes from World Atlas TopoJSON and TSV files, loaded via d3.json and d3.tsv.

Ssleyus
72% match
Loading thumbnail…

WorldMap Visualization Based on Categories

This interactive world map visualizes countries by economic category, using the natural earth projection to render geographic boundaries. The map is drawn as SVG paths from TopoJSON data enriched with TSV metadata, with each country’s fill color assigned via a d3 ordinal color scale using the Blues scheme. Pan and zoom are enabled through d3.zoom, and hover effects highlight individual countries. The code leverages d3.geoNaturalEarth1, d3.geoPath, topojson.feature, and d3.schemeBlues.

Ssrikkanth05
72% match
Loading thumbnail…

World Map

This interactive world map displays country boundaries on a natural Earth projection, with tooltips showing country names on hover. The visualization uses D3.js v5 with d3.geoNaturalEarth1, d3.geoPath, and d3.zoom for pan and zoom functionality. It loads geographic data from the World Atlas TopoJSON files at unpkg.com, combining country geometries with name mappings from the accompanying TSV file. SVG paths represent countries and the surrounding sphere, with hover interactions highlighting selected regions in blue.

Yyamunayennem
71% match
Loading thumbnail…

Interactive World Map

This interactive world map displays country boundaries colored in green on a blue sphere, with hover states turning countries orange. The visualization uses D3 v5 and TopoJSON to load world atlas data from unpkg, combining geographic TSV metadata with 50m JSON topology. It renders through an SVG path generator with a natural Earth projection, while d3.zoom enables pan-and-zoom interaction. Country names appear as tooltips via appended title elements, and the map resizes to fill the browser viewport.

OOskar Weinfurtner
71% match
Loading thumbnail…

World Map

This interactive world map displays country boundaries using a geoNaturalEarth1 projection. Users can zoom and pan the visualization via d3.zoom, which applies transform updates to the SVG group containing all geographic paths. The map renders country shapes with d3.geoPath, colored light blue with hover effects. Topojson feature extraction processes the world-atlas 50m.json dataset, while country names from the accompanying 50m.tsv file appear as title tooltips on each path.

Yyamunayennem
71% match
Loading thumbnail…

Let's make a map

This map visualization displays global country boundaries using a natural Earth projection. The code uses d3.geoPath and d3.geoNaturalEarth1 to render the sphere and countries as SVG paths. Country names come from a TSV file, joined to the TopoJSON geometry via ISO codes. d3.zoom supports interactive pan and zoom, while CSS hover styling highlights individual nations.

Lloicvdk
71% match
Loading thumbnail…

World Map with D3 Final

This interactive world map displays country boundaries and names using a natural Earth projection, with a colored sphere background and hover effects that highlight individual countries in red. Built with D3 v5 and TopoJSON, the visualization loads geographic data from the world-atlas package, combining TSV country name metadata with JSON topology data. The code uses `geoNaturalEarth1`, `geoPath`, and `zoom` for projection and panning, while SVG paths render the map with CSS styling for interactivity.

TToly
71% match