A2 Ques 1

100%

✓ Published1🌍 Public

Last edited Apr 11, 2024

Created on Apr 7, 2024

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.

AI-generated description

Assignment 2 Pie chart

MIT Licensed

Similar vizzes

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

90% match

Loading thumbnail…

Fork of A2 Ques 1

This example shows the distribution of smartphone types in a pie chart with an interactive legend. The visualization uses d3.pie and d3.arc to generate the slices, with d3.rollup aggregating the CSV data by the "Smartphone Type" column. Each slice is labeled with its category name, and a separate legend displays color swatches for all categories. The chart is rendered as an SVG using d3.v7, with a color scale from d3.scaleOrdinal. The CSV data is loaded from a remote GitHub gist, and the layout is centered via flexbox CSS.

Ssujitrayudu01@gmail.com

89% match

Loading thumbnail…

7-q1

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.

Nnikhithaaitha22@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

81% match

Loading thumbnail…

Pie Chart

This pie chart shows the distribution of person types from a CSV file, using a color-coded slice for each category with labels and a corresponding legend. The chart is built with D3.js v7, using `d3.pie` to compute the arc segments, `d3.arc` for the path geometry, and `d3.scaleOrdinal` with `d3.schemeCategory10` for the color palette. Data is loaded via `d3.csv` from a GitHub-hosted source, and mouseover events log the person type to the console.

MMonish Galla

81% match

Loading thumbnail…

Ques1

A pie chart visualizes the sales distribution of various fruits, fetched as CSV data from a GitHub repository. The chart renders each fruit as a colored slice with a label and value, accompanied by a legend. Built with D3 v7, it uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the `d3.schemeSet2` color palette, drawing SVG paths and text within a 400x400 pixel canvas.

VVenkataSaisrivishnuBatchu@my.unt.edu

81% match

Loading thumbnail…

Pie Chart

This pie chart visualizes the distribution of a single category from a CSV dataset, showing the proportion of values across multiple person types. Built with D3.js v7, it uses `d3.csv` to fetch the data, `d3.pie` and `d3.arc` to compute and draw the slices, and `d3.scaleOrdinal` for the color scheme. A legend, generated alongside the chart, maps each slice to its corresponding type using the same categorical colors. The visualization is rendered as an SVG with a fixed 400x400 pixel canvas.

MMonish Galla

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

81% match