Skip to main content
SimilarExport ZIP
100%

ICE-7

✓ Published0🌍 Public
KKovvuri Supraj
Last edited Mar 24, 2023
Created on Mar 24, 2023
Forked from Pie chart Test

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.

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
92% 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
87% 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
85% match
Loading thumbnail…

ICE - 7 Fork of Pie chart

This chart uses a pie chart to display the percentage of usage for the most common social media platforms, based on data fetched from a CSV file. Built with D3 v5, it uses the `pie` and `arc` functions to generate the pie geometry and `scaleOrdinal` to map discrete colors to each segment. The visualization labels each slice with its percentage and includes a legend with the platform name and corresponding value. The SVG is rendered with an HTML interface, and all data is loaded asynchronously via D3’s `csv` function.

Kkirangithub23
84% match
Loading thumbnail…

ICE7.2

This pie chart visualizes the frequency distribution of letters from a truncated dataset, with each slice colored and labeled by its corresponding letter. The visualization uses D3 v3’s `d3.layout.pie` and `d3.svg.arc` to compute and render the arcs, while `d3.scale.ordinal` assigns a categorical color range. Data is loaded as CSV from a GitHub gist, with frequency values parsed as numbers, and the SVG is centered within a 900x400 viewport.

BBryanA999
82% match
Loading thumbnail…

ICE 7 - Pie Chart

A pie chart visualizes the distribution of instruments sold, breaking down totals for Guitar, Bass, Drums, and Keyboard from a CSV dataset. The chart renders as an SVG using D3 v7’s `d3.pie` and `d3.arc` generators, with a color scale from `d3.schemeSet2`. A legend lists each instrument with its count, and the chart is accompanied by a title. Data is grouped and counted using `d3.group` and `d3.count`, with the visualization displayed in a React-compatible HTML page.

DDaniel Mata
81% match
Loading thumbnail…

ICE7 - Pie Chart

This pie chart visualizes regional sales distribution, with each slice representing a region's proportion of total sales and a legend showing region names with percentage values. The code loads sales data from a GitHub-hosted CSV using d3.csv, then renders the chart with d3.pie and d3.arc functions, applying colors via scaleOrdinal. SVG elements are appended to the page using d3.select, with legend text formatted via d3.format to display percentages. The visualization uses d3.v5 and outputs the result as scalable vector graphics.

Kkuraakhila9@gmail.com
81% match
Loading thumbnail…

ICE7

This pie chart visualizes export values across different years. It loads CSV data from a GitHub gist and renders an SVG donut chart using D3 v5’s `pie` and `arc` generators, with `scaleOrdinal` for section colors. Labels display formatted values via `format`, and a legend lists each year with its corresponding value.

Ssugunagar
81% match