Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Projet V2 OK

Public visualization

Viewing a saved revision (read-only)

bff8d5b5b92e48668fde8bff245178aa

Projet V2 OK

0 stars1🌍 Public
JJuliette
Last edited Nov 29, 2022
Created on Nov 28, 2022
Forked from Projet V OK

This example visualizes a network of associated musical artists using a force-directed graph. It shows a central artist node connected to related artists, with circles colored and sized uniformly, and hover tooltips displaying the artist’s name and record labels. The code fetches artist data from the Wasabi API, processes associated artists, and uses D3 v4’s `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` to position nodes and links dynamically. The visualization is rendered as SVG with interactive mouseover and mouseleave events.

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.