Skip to main content
SimilarExport ZIP
100%

Donut Chart - Version 6 - Test

✓ Published6🌍 Public
MMaeva B
Last edited Nov 23, 2022
Created on Nov 15, 2022

A donut chart displays the number of songs by language, with nine main categories and all remaining languages aggregated into an "Others" slice. Clicking this slice zooms in to reveal the individual languages within that group. The visualization uses D3.js v6 with `d3.pie` and `d3.arc` to generate SVG paths, a `d3.scaleOrdinal` with the Tableau10 color scheme, and custom tooltips for hover interactions. Data is loaded via `d3.json` from a local file.

AI-generated description

Test migration v6

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Donut Chart - Version 6 - Test

This donut chart displays the number of songs per language, showing the top nine languages individually and aggregating the rest into an "Others" slice. Clicking the "Others" segment zooms in to reveal a secondary pie chart with all remaining languages. The visualization uses D3 v6 with the `pie()` and `arc()` generators, scales ordinal colors with `d3.schemeTableau10`, and implements interactive tooltips via mouse events. Data is loaded from a local JSON file, and the SVG is rendered within a Vue-based environment.

Vvipin kumar paikra
94% match
Loading thumbnail…

Fork of Donut Chart - Version 6 - Test

This donut chart displays the distribution of song counts across languages, aggregating the top nine categories and grouping all remaining languages into an "Others" slice. Clicking the "Others" segment replaces the view with a detailed breakdown of those smaller language groups. Built with D3 v6, the visualization uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the Tableau10 color scheme, rendering SVG paths with hover tooltips and interactive click transitions.

SSuzie1022susu
94% match
Loading thumbnail…

Fork of Donut Chart - Version 6 - Test

A donut chart displays the number of songs per language, with the nine most popular languages shown individually and all remaining languages aggregated into an "Others" slice. Clicking the "Others" slice removes the main chart and shows a zoomed view with all the remaining languages as individual slices. The visualization uses D3 v6's `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.schemeTableau10` to generate and color the SVG paths, with tooltips shown on mouseover. Data is loaded from a local `data.json` file, and the chart is built within a Vue.js framework.

SSuzie1022susu
94% match
Loading thumbnail…

Fork of Donut Chart - Version 6 - Test

This donut chart displays the distribution of song counts by language, showing the top nine languages individually and aggregating all remaining languages into an "Others" slice. Clicking the "Others" segment replaces the view with a zoomed-in breakdown of those remaining languages. The visualization is built with D3 v6 (including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `d3.schemeTableau10`), renders as an SVG, and uses a custom tooltip for hover details on each slice.

Ssagayous
93% match
Loading thumbnail…

BACKUP - Donut Chart - Version 6

This donut chart shows the distribution of song counts by language, displaying the nine most common languages as individual slices and grouping all remaining languages into a single “Others” segment. Clicking the “Others” slice replaces the main view with a zoomed-in pie chart breaking down those secondary languages individually. Built with D3.js v6, the visualization uses `d3.pie()` for arc generation, `d3.arc()` for the donut shape, and a `d3.scaleOrdinal()` with the Tableau10 color scheme. Data is loaded via `d3.json()` from a local file, and hover interactions trigger a custom tooltip div.

MMaeva B
92% match
Loading thumbnail…

Donut Chart v2 - Le bon qui fonctionne

A donut chart displays the popularity of 36 languages from a dataset, but only the top 5 are labeled individually; all remaining languages are aggregated into a single "others" slice. The visualization uses d3.pie and d3.arc to generate the SVG paths, with d3.scaleOrdinal and d3.schemeDark2 for color encoding. Labels and connecting polylines are positioned using arc.centroid and a computed mid-angle, with text anchored left or right based on slice placement. Data is loaded via d3.json.

Ssagayous
89% match
Loading thumbnail…

Donut Chart v2 - Le bon qui fonctionne

A donut chart displays the popularity of languages in a song dataset, aggregating all categories beyond the top five into an "others" slice. The visualization uses D3.js v4 to generate SVG paths for the pie slices, with labels and connecting polylines positioned using the `d3.arc` centroid functions. The chart colors slices via `d3.scaleOrdinal` with the `schemeDark2` palette. Data is loaded from a local JSON file, and the code computes the pie layout with `d3.pie`, limiting displayed categories to five before grouping the remainder.

MMaeva B
89% match
Loading thumbnail…

Fork of Donut Chart v2 - Le bon qui fonctionne

A donut chart displays language popularity by song count, grouping the top five languages into slices and aggregating all others into a single "others" category. The visualization uses d3.pie and d3.arc with an inner radius to create the donut shape, and d3.scaleOrdinal with the d3.schemeDark2 color range. Labels and polylines are positioned using a second outerArc generator, with text anchored based on the mid-angle to align left or right. Data comes from a local data.json file, and the chart is rendered in SVG.

Ssagayous
88% match