Fork TP

100%

✓ Published0🌍 Public

Last edited Dec 4, 2022

Created on Sep 28, 2022

Forked from Yeesir

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.

AI-generated description

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

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

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

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…

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

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

79% match

Loading thumbnail…

ProjetTPUX

This visualization, titled ProjetTPUX, displays the ten most frequently used words in an artist's lyrics, excluding common stopwords. A dropdown menu allows the user to select from a list of artists, which then fetches their song lyrics from the Wasabi API. The chart animates both a set of horizontal lines and red circles on an SVG canvas, with the x-axis scaled linearly and the y-axis using a band scale to manage word categories. Built with D3 v5, the visualization uses its `transition().duration()` method to animate updates to the axes and data marks.

SSeegson

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

77% match