Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Projet V OK

Public visualization

Viewing a saved revision (read-only)

34ac3e21e8094018b20d5918ac1ff7ac

Projet V OK

0 stars1🌍 Public
JJuliette
Last edited Nov 28, 2022
Created on Nov 28, 2022
Forked from test record

This example builds an interactive network visualization of a musical artist and their associated artists, using data fetched from the Wasabi API. The code imports D3 functions like `select` and `csv`, and relies on `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` to position the nodes. Hovering over a circle triggers a tooltip that displays the artist’s name and record labels. The SVG rendering shows nodes as fixed-size circles connected by gray links, with the main artist distinguished by a larger label in the data.

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.