Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

TD1_VIZ

Public visualization

Viewing a saved revision (read-only)

43b26d4ee97b45bda63e8dd9568c644f

TD1_VIZ

0 stars1🌍 Public
BBaptisteJarry
Last edited Sep 19, 2022
Created on Sep 19, 2022
Forked from MIAGE base

This interactive D3 visualization displays three concentric circles in the center of an SVG canvas, each with a distinct color (green, orange, and red). A button labeled "Transition" triggers an animated zoom effect, scaling the circles' radii progressively with each click until a maximum zoom level is reached, then resetting. The circles also respond to mouse hover events, temporarily changing their fill color to black before reverting. The code uses D3 v5 selection and transition methods, loading data from a `truc.csv` file that contains population statistics for various countries.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.