Skip to main content
100%

Fork of base

✓ Published0🌍 Public
BBomkerss
Last edited Nov 19, 2022
Created on Oct 3, 2022
Forked from MIAGE base

This example demonstrates a simple interactive SVG scene with three colored circles and a clickable rectangle. The visualization uses D3 v5 to append circles to a central group, with the red circle responding to mouseover and mouseout events. Clicking the rectangle triggers a transition chain that moves the red circle through two sequential 2-second animations using `transition.attr`. The code imports D3 functions directly via ES6 modules, and also imports a custom message from a local module, which is rendered in the page. The scene is rendered as static SVG elements with no external data source.

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.
MIT Licensed

Similar vizzes