Fork of Projet UX

100%

Fork of Projet UX

✓ Published1🌍 Public

Last edited Dec 4, 2022

Created on Dec 4, 2022

This lollipop chart displays the top ten most popular artists for a selected country, ranked by a numerical count, with circles marking each artist's value. The visualization is built using D3 v5, reading artist data from a JSON file and rendering SVG elements. The chart uses `scaleBand` for the categorical x-axis and `scaleLinear` for the y-axis, with axes drawn via `axisBottom` and `axisLeft`. The data updates dynamically by country, as initiated with the 'FR' code.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Projet UX

This visualization displays the top 10 most popular artists for a selected country using a lollipop chart. It loads artist rankings from a data.json file, mapping country codes to artist names and their popularity counts. The chart uses d3.scaleBand for the x-axis positioning and d3.scaleLinear for the y-axis scale, with SVG lines and circles rendered to form the lollipop design. Axis labels are rotated for readability, and the chart initializes with French artist data.

TTEKMS

96% match

Loading thumbnail…

Fork of TP_dataviz Projet

This example shows a lollipop chart comparing the number of Deezer fans per country, with each country represented by a vertical line and a green circle marker. The chart uses D3 v4 to load JSON data from `data.json`, scales the x-axis with `d3.scaleBand` and the y-axis with `d3.scaleLinear`, and renders SVG elements using `d3.axisBottom`, `d3.axisLeft`, and `d3.max` to determine the domain.

GGinnWG

81% match

Loading thumbnail…

Fork of working Fork of Fork of Fork of Fork of Fork 999 of Stylized Bar Chart

This fork of a stylized bar chart displays the top 10 most populous countries. Built with React and D3 v5, the visualization uses `scaleBand` for the x-axis and `scaleLinear` for the y-axis, with SVG rectangles for bars. The data comes from the United Nations World Population Prospects 2019. The code includes commented-out attempts at rotating axis labels and adjusting bar heights, reflecting an iterative development process. The y-axis uses a custom tick format converting G to B for billions.

Ssucotton9

77% match

Loading thumbnail…

Fork of Fork of fork1

This fork shows a horizontal bar chart of the top 10 most populous countries, using data from the year 2019. The visualization renders to SVG via React and uses D3's `scaleBand` and `scaleLinear` to map country names and population values to coordinates. Axes and grid lines are drawn using `axisLeft`, `axisBottom`, and `ticks()`. The dataset is loaded from a CSV URL, though the URL is empty in the code.

RRamyapriyaPutta

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

76% match

Loading thumbnail…

Fork of Fork of Making a Bar Chart

This visualization displays the top 10 most populous countries as a horizontal bar chart using SVG rendering. It loads population data from a CSV file via `d3.csv`, scales the values with `d3.scaleLinear` and `d3.scaleBand`, and formats axis ticks with `d3.format`. The chart uses `d3.axisLeft` and `d3.axisBottom` for axes, with custom labels and a steelblue fill for bars.

0057SatvikDamera

76% match

Loading thumbnail…

Fork of Line chart v1

This interactive visualization displays the evolution of the number of published albums per year for a selected country, using a line chart built with D3 v5 and rendered as SVG. When the user clicks on a country, a modal appears showing additional statistics, including total albums and top genres and artists. The chart uses d3.json to load the dataset, d3.scaleTime and d3.scaleLinear for axes, and d3.axisLeft/axisBottom to draw them with grid lines. The line itself is generated with d3.line and path elements, while tooltips and a Bootstrap modal provide further detail.

Iivaleehan

76% match

Loading thumbnail…

Projet UX Brouillon

This interactive bar chart displays the top ten music genres for a selected country, with data loaded from a local JSON file containing genre counts per country. The visualization uses D3.js v5 (d3.scaleBand, d3.scaleLinear, d3.axisBottom, d3.axisLeft) to render an SVG with rotated genre labels for readability. A tooltip appears on mouseover to show each genre's name and count, while a back button is present but non-functional in the current draft. The chart initializes for France ("FR") as a starting example.

TTEKMS

76% match