Skip to main content
SimilarExport ZIP
100%

Fork of Yeesir tp1

✓ Published2🌍 Public
PPLD3508A
Last edited Sep 21, 2022
Created on Sep 21, 2022
Forked from Yeesir

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.

AI-generated description

Un exemple pour le TP.

MIT Licensed

Similar vizzes

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
94% match
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
87% 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
87% match
Loading thumbnail…

Yeesir

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.

JJuliette
85% match
Loading thumbnail…

Fork TP

This interactive chart displays the ten most frequent non-stopwords found in an artist’s song lyrics, with the artist selectable from a dropdown list. It fetches data from the Wasabi API, extracts lyrics, and processes them using a custom `format` function before rendering a lollipop chart with D3 v5. Each row shows a word on the y-axis and its count on the x-axis, using `scaleLinear`, `scaleBand`, and animated transitions for axes, lines, and circles.

Aabdeldev504
85% 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
85% 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
83% 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
82% match