Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Untitled

Public visualization

Viewing a saved revision (read-only)

e4219aa6232946b0a37bf2fcbd47e80a

Untitled

0 stars0🌍 Public
Vvalsorayksterob
Last edited Apr 24, 2023
Created on Apr 24, 2023
Forked from D3 Starter

This interactive map displays three highlighted countries—Poland, Ukraine, and Romania—as colored rectangular paths within an SVG container. Clicking a country updates a separate div to show its name, while hovering temporarily reduces the path’s opacity. The implementation uses plain JavaScript event listeners for click and mouseover/mouseout interactions, with a switch statement mapping country IDs to labels. The example demonstrates D3 version 6 setup but relies on native DOM APIs rather than d3 methods for interaction.

AI-generated description

A demonstration of how to start using D3 version 6.