7-q1

100%

✓ Published0🌍 Public

Last edited Nov 6, 2024

Created on Nov 5, 2024

This pie chart shows the distribution of mobile device types from a CSV dataset sourced from GitHub, displaying each device model’s count as a labeled slice with a legend. It uses D3.js v7 APIs including `pie()`, `arc()` for SVG path generation, `scaleOrdinal` for color mapping, and `csv()` for data loading. The code aggregates raw records by device model, then renders colored arcs with count labels and a legend, all within an SVG container styled with an external stylesheet.

AI-generated description

MIT Licensed

Similar vizzes

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

82% match

Loading thumbnail…

A2 Ques 1

This example presents a donut-style pie chart that visualizes the distribution of smartphone types from a CSV dataset, labeling each slice with its category and count. The chart uses D3 v5’s `d3.pie` generator and `d3.arc` to compute and draw the arcs, with a categorical color scale from `d3.scaleOrdinal` and `d3.schemeCategory10` to differentiate slices. A legend is added to the right, and the data is loaded via `d3.csv` from a GitHub gist.

Rrahulnathmukkolla@gmail.com

82% match

Loading thumbnail…

Activity 7: Pie Chart

This pie chart visualizes the distribution of smartphone categories from a CSV dataset. The visualization uses D3.js (v7) to compute slice arcs with `d3.pie()` and renders them as SVG paths using `d3.arc()`. A color scale from `d3.scaleOrdinal(d3.schemeTableau10)` distinguishes categories, while a legend and axis labels clarify the data. The chart also includes tooltips with category names and counts.

Oorusushanth2002@gmail.com

82% match

Loading thumbnail…

Activity 7 Q1

This pie chart displays the smartphone market share of various brands from a CSV dataset, using data from the latest available date. It visualizes proportional slices for each brand and includes a legend and direct labels for brands with market share of at least 10%. The visualization is built with D3 version 6.7.0, utilizing `d3.select`, `d3.csv`, `d3.scaleOrdinal`, `d3.pie`, and `d3.arc` APIs to generate the SVG rendering. The chart is created by loading data from a GitHub gist and processing it into a pie chart with a color-coded legend.

Ssaiteja.cse.rymec@gmail.com

81% match

Loading thumbnail…

A2 Ques 1

This visualization presents a pie chart classifying smartphones by type, with a legend mapping each category to its corresponding color segment. The chart uses D3 v7 to load data from a remote CSV file, roll up records by the 'Smartphone Type' field, and render arcs with the `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` APIs. Labels are placed using arc centroids, and the legend is built with SVG rectangles and text elements.

Rrahulnathmukkolla@gmail.com

81% match

Loading thumbnail…

7q2

This example visualizes internet user percentages by country as a pie chart, using a dataset loaded from a CSV file. The chart encodes each country’s share of users as an arc slice, with a legend mapping country names to their corresponding percentages. Built with D3.js v7, it uses the `d3.pie` and `d3.arc` functions to compute and draw the arcs, while `d3.scaleOrdinal` assigns categorical colors from `schemeCategory10`. The data is fetched via `d3.csv` and rendered as SVG, with a dynamically generated HTML legend styled with flexbox.

Kktvgs25@gmail.com

81% match

Loading thumbnail…

act7_q1piechart

This pie chart visualizes the distribution of flower species from a CSV dataset, displaying the proportion of each species with colored slices and labels. The chart is built with D3.js v7, using `d3.pie()` to compute arc angles and `d3.arc()` to generate SVG paths, with an ordinal color scale assigning light green, blue, and orange to species groups. A legend on the right side, rendered as SVG rectangles and text, maps each color to its corresponding species, while `d3.rollups` aggregates the raw data into species counts before drawing.

Ssaikarthiknimmagadda@gmail.com

80% match

Loading thumbnail…

activity7_PieChart

This example shows the distribution of phone brand counts as a pie chart with labeled percentage slices and a color-coded legend. Using the D3.js library, it loads CSV data from a GitHub repository, calculates proportional arc segments via `d3.pie`, and renders them with `d3.arc`. Each slice displays the brand name and computed percentage, while the legend maps brands to their assigned colors. The chart is drawn as an SVG element, centered on an 800x500 canvas with a light background.

Ssairamisetti3829@gmail.com

80% match