Sauvegarde 02/12/2022

100%

Sauvegarde 02/12/2022

✓ Published0🌍 Public

Last edited Dec 3, 2022

Created on Dec 2, 2022

This choropleth map visualizes the world using a green color scale, where each country is rendered as an SVG path and is interactive. Clicking a country opens a Bootstrap modal displaying statistics about that nation, including the total number of albums, top genres, popular artists, and albums per year. The map is built with D3.js v5 and TopoJSON, using a Mercator projection (`d3.geoMercator`) and `d3.geoPath` to generate the shapes. Country names and ISO codes come from a TSV file, while geographic boundaries are loaded from a world-atlas JSON.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Sauvegarde 4-11-22

This data visualization is a choropleth map showing the number of music albums per country, rendered as an interactive SVG using D3 v5. The map uses a green color scale to represent album counts, and users can hover over countries to see details via a tooltip or click to open a modal with statistics. The code leverages D3’s `geoMercator` projection, `geoPath`, and `scaleLinear` for color mapping, and loads world map data from the `world-atlas` package alongside a local `data_map.json` file.

TToky R

88% match

Loading thumbnail…

TP 10-12-22

This map visualization displays the geographic distribution of music albums, with country colors shaded by count according to a green scale. It shows a choropleth of world data where users can hover to see precise album counts and click to open a modal with detailed statistics about genres, artists, and yearly totals. The implementation uses D3 v5 with d3.geoMercator projection, d3.geoPath, and a d3.scaleLinear color scale, pulling TopoJSON country boundaries from world-atlas and loading country album counts from a local JSON file. Zooming is enabled via d3.zoom, with Bootstrap modals and tooltips providing interactivity.

TToky R

81% match

Loading thumbnail…

Merged

This interactive choropleth map visualizes the global distribution of album counts by country, using a green color scale that darkens with higher values. Users can zoom and pan via D3’s `zoom` behavior, hover to see a tooltip with country name and album total, and click to open a modal displaying additional statistics like top genres and artists. The map is rendered with `d3.geoPath` and topojson world data, while country counts come from a local `data_map.json` file, with colors mapped through `d3.scaleLinear`.

TTEKMS

79% match

Loading thumbnail…

Projet UXDM : Toky, Thibaut, Mattéo, Johan, Abdel

This interactive dashboard visualizes global music data through a choropleth map. Users click a country to see its total album count and select from three additional charts: a bar chart of top genres, a lollipop chart of popular artists, and a line chart of albums per year. The map uses d3.geoPath with TopoJSON and Mercator projection, while the detail charts employ d3.scaleBand, d3.scaleLinear, and d3.scaleTime. Colors encode album counts via a linear scale, and tooltips display hover details across all views.

SSeegson

77% match

Loading thumbnail…

22_Choropleth Map

This choropleth map colors countries by income group using a sequential spectral color scale, with hover highlighting and zoom/pan via d3.zoom. It loads World Atlas TopoJSON and TSV data through d3.json and d3.tsv, then renders geographic paths with d3.geoPath and a natural Earth projection. A custom color legend built with SVG circles and text appears on the left, and tooltips show country names and values.

FFMajid-ops

76% match

Loading thumbnail…

Choropleth Map

This choropleth map displays world countries in green with a dark blue ocean sphere, highlighting each country in red on hover. Using D3 v5 and TopoJSON, it loads world-atlas data (50m resolution) to generate SVG paths via `d3.geoPath` with a `geoNaturalEarth1` projection, matching ISO country IDs to names from a TSV table. The map supports zoom and pan interactions through `d3.zoom`.

Ooptimizeresume

76% match

Loading thumbnail…

20 - choropleth map - dataviz 2018

A choropleth map of the world colors each country according to its economic classification, with a color legend on the left. The map uses a natural Earth projection rendered with `d3.geoPath`, and country data comes from the `world-atlas` TopoJSON and TSV files. A sequential color scale based on `d3.scaleOrdinal` and `schemeSpectral` assigns hues, and hovering turns a country red via SVG CSS. The visualization is built with D3 v5 and the `topojson` library's `feature` function, with zoom capability via a custom `zoom` callback.

Zzach b.

76% match

Loading thumbnail…

WorldMap

This world map visualization displays the geographic distribution of music album counts, using a green color scale where darker shades represent higher numbers of albums per country. Users can zoom and pan the map, and hovering over a country reveals a tooltip with its name and album count, while clicking opens a Bootstrap modal showing detailed country statistics. The visualization is built with D3 v5, using `d3.geoMercator` for projection, `d3.geoPath` to render country shapes from TopoJSON data from world-atlas, and a linear scale for coloring. Country-specific album data is loaded from a local JSON file.

UUmarani Vemula

76% match