Skip to main content
SimilarExport ZIP
100%

A2 Ques 1

✓ Published0🌍 Public
Rrahulnathmukkolla@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

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.

AI-generated description

Assignment 2 Pie chart

MIT Licensed

Similar vizzes

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
90% 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
90% 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
81% 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
79% 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
79% match
Loading thumbnail…

Activity-7.1_Q1

This D3.js visualization displays global smartphone market share as a pie chart, showing the proportion of users for each brand. The chart uses a custom color palette to distinguish brands and includes a legend listing each brand alongside its corresponding color. The code aggregates user counts by brand using `d3.rollup` and `d3.sum`, then renders the pie with `d3.pie` and `d3.arc` within an SVG. A custom `pieChart` function provides a fluent API for setting dimensions, data, and labels, making the chart configurable. The data is loaded from a remote CSV file containing smartphone usage statistics.

SSrihith Reddy Gaddam
79% match
Loading thumbnail…

Activity 7_1

This pie chart displays the market share of smartphone brands, using percentage labels for slices above 5% and a legend listing each brand alongside its count. The visualization is rendered as SVG using D3 v7, with the `d3.pie()` layout, `d3.arc()` for the path geometry, and `d3.scaleOrdinal` for categorical coloring. Data is loaded from a CSV file via `d3.csv()`, and the chart is positioned with a translated group. The code also adds generic X and Y axis labels, even though no axes are present.

Bbhargavipagolu2025@gmail.com
79% match
Loading thumbnail…

sample

A pie chart displays the sales distribution of four electronic items—Smartphone, Tablet, Laptop, and Smartwatch—using D3.js v7 with SVG rendering. The chart encodes sales values as arc sizes, with each slice labeled by item name and sales amount, and a positioned legend showing color-coded item categories. Built with `d3.pie` and `d3.arc`, the visualization uses `d3.scaleOrdinal` with `schemeCategory10` for colors and appends path and text elements to the SVG. The legend is constructed as HTML divs, and all data comes from a static in-memory dataset.

Gganesh.hns48@gmail.com
78% match