Skip to main content
SimilarExport ZIP
100%

Activity_7.1.1_Question_1

✓ Published1🌍 Public
Aadityatrip9899@gmail.com
Last edited Nov 8, 2024
Created on Nov 7, 2024
Forked from D3 Starter

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.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

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

Activity 7.1 Question 1.1

This example shows a pie chart of programming language market shares, with percentage labels on each slice and a color-coded legend beside the chart. It loads data from a GitHub Gist URL using `d3.json`, then applies `d3.pie` and `d3.arc` to compute and draw the arcs as SVG paths. The visualization uses a `d3.scaleOrdinal` with `d3.schemeCategory10` for colors and positions legend items manually within the same SVG group.

Bbharatchowdarypotluri@my.unt.edu
87% match
Loading thumbnail…

Activity 7_question1

A pie chart displays categorical sales proportions, with each slice labeled and colored by category. Hovering over a slice reveals an HTML tooltip showing the percentage of total sales. The visualization is built with D3 version 7, using the `d3.pie()` layout and `d3.arc()` generator to create slice paths. It loads CSV data from a GitHub Gist via `d3.json()`, applies an ordinal color scale, and includes a custom legend. An SVG canvas renders all marks, while tooltip positioning tracks mouse coordinates.

Ddivya.matavalam828@gmail.com
85% match
Loading thumbnail…

Pie chart

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.

Vvenkatamanikantavaddi@my.unt.edu
84% match