Skip to main content
SimilarExport ZIP
100%

piechart

✓ Published0🌍 Public
Sshivadeclare2@gmail.com
Last edited Jul 12, 2024
Created on Jul 12, 2024
Forked from Hello VizHub

This visualization displays the genre distribution of Spotify’s Top 50 songs as a pie chart, with percentage labels on each slice and a color-coded legend. It loads CSV data via `d3.csv`, aggregates counts with `d3.rollup`, and renders SVG paths using `d3.pie` and `d3.arc`. The chart applies a Tableau10 color scheme from `d3.scaleOrdinal` and positions text labels at arc centroids.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment2-1

A pie chart visualizes the distribution of Spotify's Top 50 songs from 2019 by genre. It fetches CSV data from a GitHub gist, uses `d3.rollup` to count songs per genre, and computes percentages for labels on each slice. The chart renders as SVG, using `d3.pie` and `d3.arc` for the sectors, a categorical color scheme, and includes a legend positioned to the right. A bold title and percentage labels are added directly on the arcs.

Sshivadeclare2@gmail.com
90% match
Loading thumbnail…

quality area chart

This example shows a pie chart of Spotify Top 50 song genres, with each slice labeled by its percentage of the total and accompanied by a color-coded legend. Using D3 v6, it fetches CSV data from a GitHub gist, aggregates genre counts with `d3.rollup`, and generates arcs via `d3.pie` and `d3.arc`. The SVG rendering applies a `d3.scaleOrdinal` with `d3.schemeSet3` for colors and positions percentage labels using `arc.centroid`.

Sshivadeclare2@gmail.com
86% match
Loading thumbnail…

ice7_task2_1

A dark-themed pie chart shows the distribution of total monthly Spotify listeners across music genres, with each slice sized by summed listener counts from the SpotifyTopArtists.csv dataset. D3 v7 loads the CSV with `d3.csv`, aggregates genres using `d3.rollup` and `d3.sum`, and renders the chart with `d3.pie` and `d3.arc` generators. Slice labels display genre names and percentages via `tspan` elements, while a side legend built with D3 DOM joins shows each genre's total listeners in millions.

BBalaji Dasari
85% match
Loading thumbnail…

Spotify_PieChart

A donut chart visualizes Spotify listening habits by bucketing weekly skipped-song counts into Low (≤5), Medium (6–10), and High (≥11) categories, using a reusable `pieChart` module. The SVG renders slices via D3’s `pie` and `arc` generators, with leader lines, percentage labels, and a legend. Data comes from a CSV Gist, parsed and aggregated in `index.js`. The component exposes setters like `.width()`, `.data()`, and `.valueAccessor()` for customization, and uses a Tableau 10 color scale for slice fills.

Cchandanamahesh0215@gmail.com
84% match
Loading thumbnail…

Activity7

This example displays a pie chart of Spotify top songs, showing the market share distribution of different artists. The chart is rendered as an SVG with D3 v6, using `d3.pie()` to compute arc segments and `d3.scaleOrdinal` with the `schemeCategory10` color palette to distinguish artists. A legend with colored dots and artist names annotates the chart, while the data is loaded from a remote CSV file via `d3.csv()`. The code also appends axis-style labels for "Market Share Distribution" and "Market Share (%)", despite pie charts typically lacking axes.

AAreeba Hassan
84% match
Loading thumbnail…

DV-q1

This pie chart visualization displays the proportional distribution of music genres based on their representation in a column titled 'below 5.0' from a CSV file. The chart uses a color-coded segment for each genre, with a corresponding legend to the right. Built with D3.js v7, the visualization loads data via `d3.csv`, generates the pie layout with `d3.pie`, and renders the segments as SVG paths using `d3.arc`. A legend is constructed dynamically, with color swatches produced via `d3.schemeCategory10`. The accompanying SVG is created within a dedicated container using the `d3.select` API.

Iibrahimpatnamrohit1990@gmail.com
83% match
Loading thumbnail…

Pie Chart Artistes

A donut chart breaks down music genres by count, with each slice labeled and colored to show the proportion of artists per category. The visualization uses D3’s `pie` and `arc` generators to compute slice geometry and paths, while `scaleOrdinal` maps genre names to a custom color palette from `d3-scale-chromatic`. Hovering over a slice reveals a tooltip with the exact percentage, calculated using `sum` over the CSV data. The code reads from `data.csv` and renders the chart as SVG elements with mouseover and mouseout event handlers.

AAnissa Belkelfa
83% match
Loading thumbnail…

piechart

This pie chart visualizes categorical data loaded from a CSV file, displaying each category as a colored slice with a label and a legend. The code uses D3 v6 API functions including `d3.pie` to compute arc data, `d3.arc` for path generation, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color mapping. It renders as an SVG with a centered group, positioning arc paths and text labels via the `arc.centroid` method, while the legend is built with appended rectangles and text elements.

Rrajeswariamruthabommaraju@my.unt.edu
83% match