ICE-7 Pie Chart

100%

ICE-7 Pie Chart

✓ Published2🌍 Public

Last edited Mar 29, 2026

Created on Mar 29, 2026

This pie chart visualizes the distribution of song streams across the top six singers from a CSV dataset, showing each singer’s share as a labeled slice with percentages for segments larger than 10%. The visualization is built with D3.js v7, using `d3.pie` and `d3.arc` to generate the slices, `d3.rollups` to aggregate stream counts by singer, and `d3.scaleOrdinal` with `schemeCategory10` for coloring. A legend on the right lists all singers with their exact percentage shares, while the SVG renders in a white rounded container.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE -7 Pie chart of the songs

This pie chart visualizes the durations of individual songs from a CSV dataset hosted on GitHub. D3 v5’s `pie` and `arc` generators create the segments, while a `scaleOrdinal` color scale assigns fills. Each slice is labeled with its numeric duration, and a legend pairs song names with their corresponding values. The SVG rendering approach positions the chart and legend explicitly via `translate` transformations.

GGogineni44

88% match

Loading thumbnail…

ICE-7 Resusable Pie Chart

This reusable scatter plot, titled "Song Performance Analysis," visualizes the relationship between a song's number of streams and its popularity score. Each circle represents a song, positioned by the linear scales from `d3.scaleLinear()`, with color assigned to the singer using the ordinal color scheme from `d3.scaleOrdinal`. The code loads a songs.csv dataset from a GitHub gist, converts numeric fields, and renders the chart in SVG. It constructs the visualization by merging axes, labels, and a categorical legend, all within a reusable `scatterPlot` function that accepts data and dimension parameters.

Mmynedisanjana@gmail.com

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

86% match

Loading thumbnail…

Fork of ICE - 7 Pie Chart

This pie chart visualizes the contribution percentages of different people to a song, using a dataset loaded from a GitHub gist CSV file. The chart displays ten colored slices, each paired with a legend listing the person’s name and their contribution value formatted with `d3.format`. The visualization uses D3 v5 APIs including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate SVG paths and legends, with each slice colored via a fixed array and rendered in an SVG container.

TTulluripallavi

84% match

Loading thumbnail…

ICE - 7(Pie Chart)

This visualization uses a pie chart to display the number of weeks that top Billboard artists have charted, with each slice representing an artist. The chart is rendered as an SVG using D3.js version 5, with the `d3.pie` API calculating arc segments and `d3.arc` generating the paths. A legend lists each artist alongside a color swatch and the corresponding week count. The data is loaded asynchronously from a CSV file hosted on GitHub using `d3.csv`. The code uses a custom ordinal color scale to assign distinct colors to each artist’s slice.

PPrathyusha Jampala

83% match

Loading thumbnail…

Fork of Fork of ICE - 7 Pie Chart

This pie chart visualizes the percentage contribution of each person to a song, using a dataset fetched from a GitHub-hosted CSV file. The chart displays ten differently colored slices within a circular SVG, each paired with a legend that identifies the person's name and their corresponding contribution percentage. The visualization is built with D3 version 5, using its `pie`, `arc`, and `scaleOrdinal` components to generate the chart geometry and color mapping, while a legend is constructed with SVG `rect` and `text` elements. The drawing is rendered entirely as SVG, with data loading handled through D3's `csv` parser.

Ssainitish1999

83% match

Loading thumbnail…

ICE-7 Resusable Scatter Plot

This scatter plot visualizes song performance by comparing streams against popularity, with each point colored by singer and displayed on a reusable scatter plot component built with D3 v7. The visualization uses `d3.scaleLinear` for both axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for color encoding, and `d3.axisBottom`/`d3.axisLeft` for axis rendering. Data loads from an external CSV file containing song attributes, and the reusable `scatterPlot` function manages SVG rendering, including axis labels and a categorical legend. The chart is designed with margins to accommodate labels and legend placement.

Mmynedisanjana@gmail.com

83% match

Loading thumbnail…

piechart ICE-7

This pie chart visualizes the top 10 most streamed songs, with each slice sized by danceability percentage and labeled in a legend alongside song titles. The chart is built with D3 v5 in a React application, using `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate SVG paths and color-coded segments. Data is fetched as CSV from a GitHub gist, and legends are rendered with SVG rectangles and text elements. The visualization highlights relative danceability metrics, with a fixed color palette and no interactive features.

CChathurya

82% match