Skip to main content
SimilarExport ZIP
100%

Activity7

✓ Published0🌍 Public
AAreeba Hassan
Last edited Nov 4, 2024
Created on Nov 4, 2024
Forked from Hello VizHub

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.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
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
84% 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
84% 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
83% match
Loading thumbnail…

Activity_7

This example visualizes market share by category as a pie chart with a sorted legend showing each category’s percentage. It loads CSV data from a remote GitHub source, computes arc positions with `d3.pie` and renders slices via `d3.arc` into an SVG. A `d3.scaleOrdinal` with `d3.schemeCategory10` assigns colors, while the legend displays sorted percentages beside the chart. The code demonstrates D3 v6 loading via UNPKG and local ES6 module imports.

Gguruabhay294@gmail.com
83% match
Loading thumbnail…

Assignment_7_piechart

This pie chart displays the share of music revenue (in millions USD) across top years, with each slice labeled by its percentage of the total. The SVG rendering combines a pie on the left and a legend on the right, both drawn inside a single responsive viewBox. Using d3.pie and d3.arc for slice generation, the code loads data from a remote CSV, applies a d3.scaleOrdinal with schemeSet2 for colors, and adds interactive tooltips via appended title elements. The legend lists each year with its value and percentage, built through D3 data joins.

JJaswanthKoorapati@my.unt.edu
82% match
Loading thumbnail…

Activity 7_pie chart

This pie chart displays the market share of laptop companies, with each slice labeled by company name and percentage. The visualization loads CSV data from a GitHub gist, and uses D3 v5’s `pie` and `arc` generators along with `scaleOrdinal` for colors. SVG rendering includes a legend and axis titles, with text styling applied via CSS. The code imports named functions from the 'd3' module and demonstrates an ES6 module import from `myMessage.js`.

11810vineeth@gmail.com
81% match
Loading thumbnail…

Activity7.1

A pie chart displays the share of browser usage from a CSV dataset, with each slice labeled by its percentage. The chart uses D3 v7 to load CSV data asynchronously, applies `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the Tableau10 color scheme, and renders via SVG. A legend on the right maps color swatches to browser names, while slice texts show the corresponding usage values. The example demonstrates handling remote CSV data, SVG path generation, and legend construction with D3's `select` and `append` methods.

SSiddhardha
81% match
Loading thumbnail…

Activity 7 PieChart

This pie chart visualizes the distribution of music genres with ratings above 8.5 from a CSV dataset loaded via D3’s `d3.csv` method. It uses `d3.pie()` to compute arc angles and `d3.arc()` to generate SVG paths, with an ordinal color scale and a custom legend. The chart renders in a responsive SVG canvas, employing `d3.scaleOrdinal` for categorical colors and `d3.arc` for shape generation.

Rraaghaveramireddy@my.unt.edu
80% match