Fork of Yeesir

100%

Fork of Yeesir

✓ Published0🌍 Public

Last edited Nov 18, 2022

Created on Oct 3, 2022

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

AI-generated description

Un exemple pour le TP.

MIT Licensed

Similar vizzes

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

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

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

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

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

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…

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

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

77% match