Skip to main content
SimilarExport ZIP
100%

Activity7_Piechart

✓ Published0🌍 Public
Llikhitha.sarahah01@gmail.com
Last edited Nov 1, 2024
Created on Nov 1, 2024
Forked from Hello VizHub

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.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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
93% 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
93% 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
91% 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
90% 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
88% 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
87% match
Loading thumbnail…

activity7_task1

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.

MMili Patel
86% match
Loading thumbnail…

Activity 6 question 1

This visualization shows global smartphone market share for major manufacturers in 2024 using a pie chart, with Samsung and Apple dominating at over 40% combined. The chart is built with D3 v7, using `d3.pie()` and `d3.arc()` to generate slices, a `d3.scaleOrdinal` with `d3.schemeTableau10` for colors, and SVG rendering. Data loads from a GitHub CSV file via `d3.csv()`, with interactive tooltips on hover and a legend showing each brand's percentage.

NNithish Karanam
85% match