Fork of Yeesir

100%

Fork of Yeesir

✓ Published0🌍 Public

Last edited Nov 30, 2022

Created on Sep 21, 2022

Forked from 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.

AI-generated description

Un exemple pour le TP.

MIT Licensed

Similar vizzes

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

94% 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…

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

86% 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

86% 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

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

80% 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

80% match