Assignment-2_Pie chart

100%

Assignment-2_Pie chart

✓ Published0🌍 Public

Last edited Apr 13, 2024

Created on Apr 12, 2024

This example visualizes the distribution of social media reach across various hashtags using a pie chart. Each slice represents a hashtag, with its size proportional to the number of mentions and labeled with the percentage of total reach. The D3.js code employs `d3.pie()`, `d3.arc()`, and the `d3.scaleOrdinal()` color scheme, rendering the chart as SVG. A tooltip displays detailed percentages and reach values on mouseover, while a legend lists each hashtag with its corresponding color.

AI-generated description

Creating Pie chart using Social Media dats

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity7_Q1

This pie chart shows the percentage distribution of the most-used social media platforms, with each slice labeled by its percentage value and a color-coded legend listing platform names. The visualization is built with D3 v5, using d3.pie and d3.arc to generate the segments, d3.scaleOrdinal to assign categorical colors, and d3.format to display numeric labels. Data is loaded asynchronously from a CSV file via d3.csv, and the SVG rendering positions the chart and legend within a fixed 960x500 viewport.

YYeruva Snehith Reddy

81% match

Loading thumbnail…

Assignment 7 - Question 1

A pie chart visualizes the distribution of CSS named colors grouped by their first letter, showing the top 12 alphabetical categories with counts and percentages. The d3.v7 library loads CSV data from a GitHub gist, aggregates entries by initial character, and renders an SVG pie chart with ordinal color encoding, hover-to-scale effects, and interactive tooltips. Mouseover events trigger animated scaling and display details on category count and proportion, while a legend and title provide context.

MMohammed Abdul Mannan

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

78% match

Loading thumbnail…

Assignment-2

This pie chart visualizes the distribution of fish species from a CSV dataset loaded via `d3.csv`. It uses `d3.nest()` to count occurrences per species, then `d3.pie()` and `d3.arc()` to generate the chart geometry, with `d3.scaleOrdinal` and `d3.schemeCategory10` for color encoding. The SVG rendering includes an interactive legend, and the code demonstrates a reusable pattern for pie charts with D3 v6.

Bbhavyasrireddy267@gmail.com

78% match

Loading thumbnail…

Fork of Fork of pie chart

This pie chart shows the distribution of posts across platforms (Twitter, Facebook, Instagram, YouTube, Reddit) using data from a CSV file. It displays both the count and platform name directly on each slice, with a legend to the right for clear identification. The visualization is built with D3.js v7, using `d3.pie()` to compute the arc segments and `d3.arc()` for the slice geometry, while `d3.scaleOrdinal()` with `d3.schemeTableau10` assigns colors. Data aggregation relies on `d3.rollup()` to count platform occurrences, and the SVG output reserves extra canvas space for the legend.

Ssaiabhishekmunnangi@gmail.com

78% match

Loading thumbnail…

Assignment 2

This pie chart shows the proportional consumption of different beverages. Each slice is labeled with the beverage name, and the chart is rendered using SVG within a D3.js framework. The visualization fetches data from a remote GitHub gist, parses it using `d3.csvParse`, and computes the pie geometry with `d3.pie` and `d3.arc` APIs. Slice colors come from the `d3.scaleOrdinal` color scale based on the beverage category.

Ddineshreddy.ravula@gmail.com

77% match

Loading thumbnail…

AK's_PieChart

This D3.js pie chart visualizes social media usage percentages across ten countries, with each slice labeled by its corresponding value. The chart uses `d3.pie` to compute arc segments, `d3.arc` for generating the path geometry, and `d3.scaleOrdinal` to map categorical colors to each country. Data is loaded asynchronously from a CSV file using `d3.csv`. A legend on the right pairs each country with its percentage, and all text labels are formatted using `d3.format`. The SVG canvas is 960 by 500 pixels with a black background.

Aamulyakannam

77% match

Loading thumbnail…

Assignment 2 Question1

This pie chart visualizes genre distribution from survey data, showing the proportion of responses in the "Less than 3" category. The code loads CSV data from a GitHub repository and uses d3.pie and d3.arc to generate SVG path segments, with d3.scaleOrdinal assigning colors to genres. Interactive hover tooltips appear via appended title elements, and the chart includes a legend and percentage labels positioned at arc centroids. The visualization renders as a static SVG with D3 v7, totaling 600×600 pixels.

Mmeghna.reddy700@gmail.com

77% match