Romain

@RomainMoureu·2 public vizzes

Fork of MIAGE base

This example demonstrates interactive SVG circles that change color on hover and move when a rectangle is clicked. It loads D3 v5 via UNPKG and uses `import` statements for both D3 functions like `select` and local ES6 modules. The code appends a group of three colored circles, applies CSS hover styles, and triggers a two-stage `transition` animation on the red circle. A message from a local module is displayed in the page.

Sep 21, 2023

Loading thumbnail…

TD1 - 1

This example renders three static circles (green, blue, red) aligned horizontally within an SVG. A red circle with the id `id1` reacts to mouseover and mouseout events by changing its fill color to black and back to red. Clicking a rectangle triggers a two-second `d3.transition` that moves the red circle twice in sequence. The visualization demonstrates D3 v5 selection, attribute manipulation, event handling, and chained transitions, using `d3.select` and `svg.attr` from the D3 API.

Sep 6, 2023