Skip to main content
SimilarExport ZIP
100%

ice7_task2_1

✓ Published0🌍 Public
BBalaji Dasari
Last edited Oct 25, 2025
Created on Oct 25, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ice7_task1

A dark-themed scatter plot visualizes Spotify’s top artists, comparing monthly listeners against total streams, with bubble size encoding career length and color distinguishing musical genres. Built with D3 v7, the visualization uses d3.csv to load remote data, d3.scaleLinear for axes, d3.scaleOrdinal with d3.schemeTableau10 for genre colors, and d3.scaleSqrt for bubble radii. SVG rendering includes gridlines, axis labels, and a title. An HTML tooltip appears on hover, displaying artist details such as country and debut year, with data sourced from a public GitHub CSV.

BBalaji Dasari
87% match
Loading thumbnail…

piechart

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.

Sshivadeclare2@gmail.com
85% match
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
84% match
Loading thumbnail…

ice7_task3

This dark-themed area chart visualizes the average monthly listeners of top Spotify artists grouped by their debut year. The chart uses a blue gradient-filled area with a lighter line overlay, and interactive data points display exact values via a tooltip on hover. Built with D3 v7, it loads CSV data, aggregates it with `d3.rollup` and `d3.mean`, and renders the visualization using SVG paths generated by `d3.area` and `d3.line`.

BBalaji Dasari
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
83% match
Loading thumbnail…

ice7task2

A pie chart displays the aggregated sums of three metrics—A, B, and C—from a multiseries CSV dataset. Using D3.js v7, the code loads the data via `d3.csv`, computes totals with `d3.sum`, and generates slices with `d3.pie` and `d3.arc`. Each slice is labeled using the arc’s `centroid`, and a color-coded legend is appended manually. The SVG rendering uses ordinal color scaling and explicit positioning for the chart and legend.

Kkmuktha09@gmail.com
82% match
Loading thumbnail…

ICE-7

This pie chart visualizes the duration distribution of the top ten most streamed songs on Spotify. It displays each song as a colored slice, with a legend to the right showing the song name and its percentage of total duration. The visualization is built with D3 v5, using the `pie`, `arc`, and `scaleOrdinal` APIs to compute and draw the chart from a CSV file. The data is loaded asynchronously from a GitHub Gist, and the chart is rendered in SVG.

KKovvuri Supraj
82% match
Loading thumbnail…

ice7task2_2

This interactive line chart visualizes the average monthly Spotify listeners of top artists grouped by their debut year, using data from a CSV file. The D3.js v7 visualization renders an SVG with a monotone X-curved line, axillary scales, and labeled axes on a dark-themed interface. Hovering over each plotted point reveals a tooltip with the specific year and average listener count. Smooth animation is not present, but the chart leverages D3's scaling, axis, and selection APIs for static exploration.

BBalaji Dasari
81% match