Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Card D3

Public visualization

Viewing a saved revision (read-only)

82f9dcb756254302bb54a1495647c55d

Fork of Card D3

0 stars0🌍 Public
PPLD3508A
Last edited Dec 2, 2022
Created on Dec 1, 2022
Forked from HTML Starter

This interactive map visualization displays European countries with colored circles marking each nation's location. The circles are color-coded by musical genre preference, with a legend explaining the color scheme. Users can zoom and pan the map, and hovering over a circle reveals a tooltip showing the country name and its associated music genre. The visualization uses D3.js v6 with geoMercator and geoPath for the map projection, SVG circles for data points, and d3-scaleOrdinal for color assignment based on the countriesEuropean.json dataset.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.