Skip to main content
SimilarExport ZIP
100%

Pie chart

✓ Published0🌍 Public
Vvenkatamanikantavaddi@my.unt.edu
Last edited Nov 5, 2024
Created on Nov 5, 2024

This pie chart displays browser market share percentages, with each slice colored via a categorical scale and a legend identifying the browser names. It uses D3 v7 with `d3.pie` and `d3.arc` to generate the SVG paths, and `d3.csv` to load the remote dataset. Hovering over a slice reveals a tooltip showing the browser and its exact share, while the chart includes a bold title and white stroke separators between slices.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity_7_11815718

This D3.js pie chart displays browser market share data for Q3 2025, loaded from a CSV file hosted on a GitHub Gist. Each slice is colored using `d3.scaleOrdinal` with `d3.schemeSet2`, and labeled with the percentage value. The chart uses `d3.pie` and `d3.arc` to generate the slices, with white stroke separating them. A legend on the right, built with SVG rectangles and text, identifies each browser. The visualization is rendered entirely as SVG within a 960x500 canvas.

Mmaneeshraja47@gmail.com
88% match
Loading thumbnail…

Fork of Activity7_Question1

This pie chart visualizes browser usage statistics, with each slice labeled by its browser name and thickness proportional to its usage percentage. A legend on the right maps the categorical colors from `d3.scaleOrdinal` and `d3.schemeCategory10` to each browser with its numeric value. The chart is built with D3 v7, using the `d3.pie` layout and `d3.arc` for path generation, with data loaded via `d3.csv` from a remote gist. SVG rendering places the chart and legend, with text labels positioned via `arc.centroid`.

Kkommineniamarasadasivani2002@gmail.com
86% match
Loading thumbnail…

Pie chart Test

This example shows a simple pie chart of browser usage, displaying four labeled slices with a legend-like color scale. The visualization is rendered as an SVG element using D3 v6, with data hardcoded in the script rather than loaded from the CSV file. The code uses `d3.pie()` to compute arc angles, `d3.arc()` to generate path data, and `d3.scaleOrdinal` for color mapping. Each slice includes a text label positioned via `label.centroid()`. The chart is centered on the page using CSS transforms.

VVeerle
86% match
Loading thumbnail…

Activity_7.1.1_Question_1

This example shows web browser market share as a pie chart, with each slice labeled by browser name and a color-coded interactive legend listing share values. It loads CSV data from a GitHub Gist using `d3.csv`, converts the share column to numbers, and builds the chart with `d3.pie` and `d3.arc`. The SVG is generated with D3 v7, using `d3.scaleOrdinal` with `schemeCategory10` for colors and `arc.centroid` for label positioning.

Aadityatrip9899@gmail.com
84% match
Loading thumbnail…

Activity7.1

A pie chart displays the share of browser usage from a CSV dataset, with each slice labeled by its percentage. The chart uses D3 v7 to load CSV data asynchronously, applies `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the Tableau10 color scheme, and renders via SVG. A legend on the right maps color swatches to browser names, while slice texts show the corresponding usage values. The example demonstrates handling remote CSV data, SVG path generation, and legend construction with D3's `select` and `append` methods.

SSiddhardha
84% match
Loading thumbnail…

Activity7_Question1

This pie chart visualizes browser usage statistics, with each slice sized by usage percentage and labeled with the browser name. The visualization is rendered as SVG using D3 v7, employing `d3.pie` and `d3.arc` to construct the chart, and `d3.scaleOrdinal` with `d3.schemeCategory10` for categorical coloring. Data is loaded from a remote CSV file via `d3.csv`, and a legend displays each browser name and its corresponding usage value. Text labels are placed using arc centroids, with the chart centered within a 600x400 SVG canvas.

Kkandooriabhiram@gmail.com
84% match
Loading thumbnail…

Assignment-2 Q1.1

This example visualizes browser market share data as a pie chart. The chart uses D3.js v7 to load CSV data from a GitHub gist and render it as SVG arcs, with each slice colored via `d3.scaleOrdinal` and `d3.schemeCategory10`. Interactive tooltips appear on mouseover, displaying the browser name and percentage. A legend lists each browser with a corresponding color swatch, and the chart includes a title and axis labels.

Mmalampatiramya03@gmail.com
84% match
Loading thumbnail…

Viz - pie3d - custom

A 3D donut chart displays the market share of six web browsers, with each slice labeled by name and colored according to its category. The chart is rendered using the d3.js v4 library alongside the viz.js extension, specifically invoking the `viz.pie3d()` function. The visualization applies a vertical height to the pie to create a three-dimensional effect, and it uses an inner and outer radius to form the donut shape. The data is embedded directly in the page via the `getData()` function, which supplies browser names, percentage values, and hex color codes.

NNPashaP
84% match