Skip to main content
SimilarExport ZIP
100%

Activity 6 question 1

✓ Published0🌍 Public
NNithish Karanam
Last edited Apr 11, 2025
Created on Apr 11, 2025
Forked from Hello VizHub

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.

AI-generated description
ISC 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
88% 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
85% 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
85% 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
85% match
Loading thumbnail…

Activity6_Question - 2

A horizontal stacked bar chart displays global smartphone market share across six countries, with each bar segmented by manufacturer (Apple, Samsung, Xiaomi, Oppo, Vivo, Others) and encoded in color via `d3.scaleOrdinal`. Built with d3.v7 and SVG, the visualization uses `d3.stack()` to compute cumulative segment positions, `d3.scaleLinear` for the share axis, and `d3.scaleBand` for country grouping. Interactive tooltips, styled in CSS, reveal precise percentages on mouseover, while the data originates from the embedded `data.csv` file.

NNitish Thotakura
85% match
Loading thumbnail…

Activity6-Question 2

This stacked horizontal bar chart shows smartphone market share distribution across Samsung, Apple, Xiaomi, Oppo, and Others from 2019 to 2023. Each bar represents a company’s total market share across all years, colored by year using d3.scaleOrdinal. The visualization uses d3.stack() to layer year segments, d3.scaleBand for the categorical y-axis, and d3.scaleLinear for the percentage x-axis. Interactive hover effects trigger opacity changes and display tooltips showing year-specific market share values formatted with d3.format. Data comes from a CSV file loaded via d3.csv.

Hharinihari6791@gmail.com
84% 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
82% 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
82% match