Skip to main content
SimilarExport ZIP
100%

Yeesir

✓ Published0🌍 Public
JJuliette
Last edited Nov 27, 2022
Created on Nov 27, 2022
Forked from Hello VizHub

This example displays a horizontal dot plot of the most frequently occurring words in an artist’s song lyrics. A dropdown menu lets users select from a list of musicians. The chart is rendered with SVG and animated transitions. The code uses D3 v5 API methods like `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to fetch data from the Wasabi API and process it for display.

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

Loading thumbnail…

Yeesir

This visualization displays the ten most frequently used words in an artist’s song lyrics, with word frequency shown as a lollipop chart of lines and red circles. A dropdown menu lets users select from a fixed list of artists, triggering a fetch request to the Wasabi API to retrieve and parse lyric data. The chart uses D3 v5 scales, axes, and transitions to animate updates as the selected artist changes.

TTimothyMiage
88% match
Loading thumbnail…

Fork of Yeesir

An interactive bar chart of word frequencies displays the ten most common non-stopwords from an artist's song lyrics. Users select an artist from a dropdown, which fetches JSON data from the Wasabi API; the visualization updates with animated transitions. The code uses D3 v5 selections, `scaleLinear` and `scaleBand` axes, and line-and-circle marks, all rendered as SVG elements.

GGinnWG
85% match
Loading thumbnail…

Fork of Yeesir tp1

This interactive bar chart displays the top 10 most frequently used words in an artist's song lyrics. Users select an artist from a dropdown menu to populate the chart with data fetched from the Wasabi API. The visualization updates with a smooth transition, using D3 v5's scaleLinear and scaleBand for axes and animated line and circle marks. It renders as an SVG, with text processing in JavaScript to filter stopwords and count word occurrences.

PPLD3508A
85% match
Loading thumbnail…

Fork of Yeesir

A dropdown menu lists sixteen music artists, from Lara Fabian to Bill Withers. Once an artist is chosen, the chart fetches that artist's album data from the Wasabi API, extracts lyrics from each song, and counts word frequencies after filtering out stopwords. The top ten recurring words are shown as a horizontal lollipop chart, using D3 v5's `scaleLinear` and `scaleBand`, with red circles and black lines. When the selection changes, the axes and marks transition smoothly over 500 milliseconds to reveal the updated ranking.

BBomkerss
82% match
Loading thumbnail…

Exemple Visualisation

This example displays the ten most frequently used words in an artist's song lyrics, excluding stopwords, as a horizontal lollipop chart. A dropdown menu lets the user select from a fixed list of artists, triggering a fetch to the Wasabi API to retrieve the artist's albums and songs. Using D3 v5, the visualization animates the x-axis and y-axis transitions, along with the lines and circles representing word counts, when a new artist is chosen.

EElodie31190
81% match
Loading thumbnail…

Test Reseau

This visualization shows the most frequently used words in an artist's song lyrics, displayed as a horizontal lollipop chart with animated transitions. Users select an artist from a dropdown menu to trigger a new data fetch and update the chart. The code uses D3 v5 with `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to render the SVG elements, fetching lyrics from the Wasabi API and processing text with custom stopword filtering.

JJuliette
81% match
Loading thumbnail…

Fork of Yeesir

A dropdown menu lists sixteen artists, from Lara Fabian to Bill Withers. Selecting an artist fetches their song lyrics from the Wasabi API, strips HTML, and counts word frequencies after removing stopwords. A lollipop chart animates the top ten recurring words, with red circles and horizontal lines drawn using D3 v5 scales, axes, and transitions.

Llanphuonglenguyen
80% match
Loading thumbnail…

Barchart

This example displays a bar chart of the ten most frequent words found in an artist’s song lyrics, excluding common stopwords. Users select an artist from a dropdown menu, triggering a fetch to the wasabi.i3s.unice.fr API, which retrieves the artist’s albums and songs. The visualization uses D3 v5’s `scaleLinear` and `scaleBand` to map counts and words to SVG coordinates, drawing animated lines and circles with `transition().duration()`. The chart updates dynamically, with axes and marks transitioning smoothly as new data arrives.

JJuliette
78% match