Skip to main content
SimilarExport ZIP
100%

Activity7_Q1

✓ Published0🌍 Public
YYeruva Snehith Reddy
Last edited Nov 5, 2024
Created on Nov 5, 2024
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity7.1_Qustn 1

This pie chart visualizes average hours spent per week on various social media platforms, sourced from a CSV file loaded with `d3.csv`. It uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the SVG slices and a color scale. Labels and connector polylines are positioned via `arc.centroid` and `outerArc.centroid`. Clicking a slice updates an HTML div with platform-specific details, while a legend lists all platforms.

PPreethamreddyannavaram@my.unt.edu
89% match
Loading thumbnail…

Activity 7.1 Q1

This example visualizes total daily minutes spent on various social media platforms as a pie chart. It loads data from a CSV file hosted on GitHub, processes it by summing the `Daily_Minutes_Spent` per `App`, and renders SVG paths using `d3.pie` and `d3.arc`. A legend is added with colored rectangles and labels. The code specifically uses D3 v5 APIs such as `select`, `csv`, `scaleOrdinal`, and the pie/arc generators.

Kkesava
85% match
Loading thumbnail…

Fork of Activity7.1_Qustn 1

This example shows an extended donut chart of social media platform usage, displaying the average hours per week spent on each platform as pie slices with labeled leader lines and a dynamic legend. The visualization uses D3 v7’s `d3.pie()` and `d3.arc()` to generate the slices from CSV data loaded via `d3.csv`, with `d3.scaleOrdinal` assigning categorical colors. Outer arc centroid positions and a custom `midAngle` function compute label placement, while connector polylines and text elements are appended directly to an SVG canvas. The legend is built dynamically by iterating over the data, with each row containing a colored rectangle and platform label.

NNita
84% match
Loading thumbnail…

Activity7_Question1

This pie chart visualizes browser usage statistics, with each slice sized by usage percentage and labeled with the browser name. The visualization is rendered as SVG using D3 v7, employing `d3.pie` and `d3.arc` to construct the chart, and `d3.scaleOrdinal` with `d3.schemeCategory10` for categorical coloring. Data is loaded from a remote CSV file via `d3.csv`, and a legend displays each browser name and its corresponding usage value. Text labels are placed using arc centroids, with the chart centered within a 600x400 SVG canvas.

Kkandooriabhiram@gmail.com
83% 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
83% match
Loading thumbnail…

Activity_7

This pie chart displays the percentage share of smartphone brands or models from a CSV file loaded from GitHub, with slices sized proportionally to each category’s value. The visualization renders slices using D3’s `d3.pie` and `d3.arc`, with percentage labels positioned via `arcLabel.centroid` and a supplementary legend constructed from SVG rects and texts. Data is processed using helper functions that detect label and value columns, filter null entries, and normalize sums exceeding 100 into percentages. The chart uses D3 v7’s `d3.csv` fetch, `d3.rollup` for counting, and `d3.scaleOrdinal` with the Tableau10 color scheme for categorical coloring.

Bbhargavipagolu2025@gmail.com
83% match
Loading thumbnail…

Activity_7.1 q1

This pie chart visualizes the distribution of student performance categories, with each slice labeled and colored according to its category. The visualization uses D3 v7’s `d3.pie()` and `d3.arc()` to generate the slices, while `d3.scaleOrdinal` with `schemeSet2` assigns colors. Data is loaded asynchronously from a CSV file hosted on GitHub Gist and rendered as an SVG, with a legend positioned to the right of the chart to identify each category.

Ssanjanaadapa7@gmail.com
83% match
Loading thumbnail…

Activity_7Q1_11807290

This pie chart visualizes programming language popularity using a dataset of user counts from a CSV file. It uses D3.js (v7) with its `pie` and `arc` APIs to generate the slices, which are colored via a category scale and rendered as SVG paths with stroke outlines. Labels are placed at each arc’s centroid, and a legend with colored rectangles is drawn on the left. The chart also includes dummy x- and y-axis labels, though these are not functionally linked to the data.

Cchowdaryhemanth14@gmail.com
83% match