Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Projet UX Brouillon

Public visualization

Viewing a saved revision (read-only)

c2dca4845a0847c2961580547b557b3a

Projet UX Brouillon

0 stars0🌍 Public
TTEKMS
Last edited Dec 4, 2022
Created on Dec 1, 2022

This interactive bar chart displays the top ten music genres for a selected country, with data loaded from a local JSON file containing genre counts per country. The visualization uses D3.js v5 (d3.scaleBand, d3.scaleLinear, d3.axisBottom, d3.axisLeft) to render an SVG with rotated genre labels for readability. A tooltip appears on mouseover to show each genre's name and count, while a back button is present but non-functional in the current draft. The chart initializes for France ("FR") as a starting example.

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.