Skip to main content
SimilarExport ZIP
100%

Assignment-2 Q1.1

✓ Published0🌍 Public
Mmalampatiramya03@gmail.com
Last edited Apr 9, 2024
Created on Apr 7, 2024
Forked from Activity-6

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.

AI-generated description
MIT Licensed

Similar vizzes

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
89% 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
87% 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
85% 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
84% 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
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
82% match
Loading thumbnail…

Activity7.1 Q2

This example shows two distinct data visualizations in one page: an area chart tracking monthly salaries across 2023, and a pie chart displaying browser market shares. The area chart uses D3’s `d3.area` generator with time-scaled axes and explicit axis labels, while the pie chart loads CSV data via `d3.csv`, applies a `d3.pie` layout, and renders arcs with `d3.arc` and a color scale. Both visualizations rely on SVG rendering and D3 v6, with the pie chart adding an interactive legend.

SSiddhardha
80% match
Loading thumbnail…

Assignment 2 - Question 1

This example shows a pie chart of food categories with quantities displayed both inside the slices and in a legend, using a color scale with four distinct sections. The visualization loads CSV data from a GitHub repository via `d3.csv`, then renders SVG arcs using `d3.pie` and `d3.arc` with an inner radius of zero. The chart positions text labels at each arc's centroid and appends a separate legend with rectangles and value labels. The code relies on D3 v5 APIs including `scaleOrdinal` for colors and `format` for tick value formatting, with styles defined in an external stylesheet.

Mmaheshchowdaryponnaganti@my.unt.edu
80% match