Skip to main content
SimilarExport ZIP
100%

activity7_task1

✓ Published0🌍 Public
MMili Patel
Last edited Apr 6, 2025
Created on Apr 6, 2025
Forked from HTML Starter

This visualization shows smartphone market share as a static pie chart, with each brand’s proportional slice colored and labeled in a side legend. It loads CSV data via `d3-fetch`’s `csv`, parses numeric `MarketShare` values, and generates arcs using `d3-shape`’s `arc` and `pie` generators. The SVG is rendered in a 500x500 viewport, with colors assigned through `d3-scale`’s `scaleOrdinal` and `schemeCategory10`. Legends are manually appended as grouped rectangles and text elements, while the code imports solely the necessary D3 modules rather than the full library.

AI-generated description
MIT Licensed

Similar vizzes

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

Activity 7

This example shows the market share of smartphone brands as a static pie chart with a legend identifying each brand by color. The visualization is rendered as an SVG using D3.js v5, with data loaded from a CSV file hosted on GitHub. The code uses `d3.csv` to parse the data, `d3.pie` to compute the angular layout, `d3.arc` to generate the pie slice paths, and `d3.scaleOrdinal` to assign colors from a predefined categorical palette. The chart includes a legend of circles and text labels, along with a title and axis labels for context.

Sssuryateja804@gmail.com
89% 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
88% 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
88% match
Loading thumbnail…

Activity7_Piechart

This example shows the global smartphone market share distribution across brands using a pie chart, with each slice representing a brand’s percentage and a color-coded legend listing all brands alongside their values. The visualization loads D3 from UNPKG and uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the SVG paths, while data comes from a hardcoded array of brand shares. The chart is rendered entirely with SVG elements, and the legend uses `d3.selectAll` to append rectangles and text labels for each brand.

Llikhitha.sarahah01@gmail.com
86% 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
86% 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
84% match
Loading thumbnail…

Activity_7

This example visualizes market share by category as a pie chart with a sorted legend showing each category’s percentage. It loads CSV data from a remote GitHub source, computes arc positions with `d3.pie` and renders slices via `d3.arc` into an SVG. A `d3.scaleOrdinal` with `d3.schemeCategory10` assigns colors, while the legend displays sorted percentages beside the chart. The code demonstrates D3 v6 loading via UNPKG and local ES6 module imports.

Gguruabhay294@gmail.com
83% match