Skip to main content
SimilarExport ZIP
100%

Q2

✓ Published0🌍 Public
RRuthvik Bairaboina
Last edited Oct 27, 2025
Created on Oct 27, 2025
Forked from D3 Starter

A pie chart visualizes the composition of 150 space cargo shipments by material type, with percentage labels on each slice and a legend listing total units per category. The chart aggregates quantities from a CSV file using `d3.csv` and `d3.rollups`, then renders SVG arcs with `d3.pie` and `d3.arc`. Color encoding uses `d3.scaleOrdinal` with `d3.schemeTableau10`, and slice labels are positioned via `arc.centroid`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Ques1

A pie chart visualizes the sales distribution of various fruits, fetched as CSV data from a GitHub repository. The chart renders each fruit as a colored slice with a label and value, accompanied by a legend. Built with D3 v7, it uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the `d3.schemeSet2` color palette, drawing SVG paths and text within a 400x400 pixel canvas.

VVenkataSaisrivishnuBatchu@my.unt.edu
82% match
Loading thumbnail…

Q2

This pie chart displays the share of total sales per year from a `company_performance.csv` file. The chart renders as an SVG and uses coordinates loaded from the file, which are parsed with `d3.timeParse` and grouped by year with `d3.rollup`. Slice paths are generated via `d3.pie` and `d3.arc`, while colors come from `d3.scaleOrdinal` with the `d3.schemeTableau10` palette. Labels are positioned using the arc centroid, and a legend lists each year. The document references the D3 library (v7.8.5) via a CDN and an external data source hosted on GitHub Gist.

Ddeepthinaidu2001@gmail.com
81% match
Loading thumbnail…

Pie Chart

This pie chart displays categorical data loaded from a CSV file, with slices colored by category and labeled directly on the chart. It uses D3.js APIs such as `d3.pie()`, `d3.arc()`, and `d3.scaleOrdinal` with `d3.schemeCategory10` to generate and color the SVG paths. Text labels are positioned using `arc.centroid`, and a legend is built with appended rectangles and text elements. The SVG is centered via a transform, and the chart dimensions are fixed at 500 by 500 pixels.

Rrajeswariamruthabommaraju@my.unt.edu
81% match
Loading thumbnail…

q1

This pie chart visualizes sales data aggregated by product category, sourced from a remote CSV file. The D3 v6 code loads the data with `d3.csv`, aggregates sales totals using `d3.rollups` and `d3.sum`, and renders an SVG pie chart with `d3.pie` and `d3.arc` paths. Each slice is labeled with the category, total sales in thousands, and percentage of the overall total. A color-coded legend is generated alongside the chart, and the visualization uses a categorical color scheme (`d3.schemeCategory10`) with semi-transparent slices and white strokes.

Kkaushikreddy901@gmail.com
80% match
Loading thumbnail…

Que1

This example shows a pie chart visualizing survival data from a CSV file, with each slice labeled by passenger ID and a corresponding legend. The chart is rendered as an SVG using D3 v7, employing `d3.pie` to compute arc angles and `d3.arc` to generate the path shapes. Slices are colored with `d3.scaleOrdinal` and `d3.schemeCategory10`, with labels positioned at each arc’s centroid. Data is loaded asynchronously via `d3.csv` from a remote GitHub gist.

Nnumitha
80% match
Loading thumbnail…

piechart

This pie chart visualizes categorical data loaded from a CSV file, displaying each category as a colored slice with a label and a legend. The code uses D3 v6 API functions including `d3.pie` to compute arc data, `d3.arc` for path generation, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color mapping. It renders as an SVG with a centered group, positioning arc paths and text labels via the `arc.centroid` method, while the legend is built with appended rectangles and text elements.

Rrajeswariamruthabommaraju@my.unt.edu
80% match
Loading thumbnail…

Q1 pie chart

This pie chart displays the distribution of total sales by product category for a given dataset. It uses the D3.js library (v7) to render an SVG-based visualization featuring an interactive legend and a hover effect. The chart's slices are drawn using `d3.pie` and `d3.arc`, with `d3.rollup` and `d3.sum` aggregating the sales data, which is loaded from a CSV file. On mouseover, a slice enlarges using a separate `hoverArc` and displays the category and sales total as a text label.

Ssannihitha.k23@gmail.com
80% match
Loading thumbnail…

Ques1

This pie chart visualizes the count of sales across different regions from a CSV dataset. The pie slices show sales values in thousands, with a legend on the right identifying each region and its corresponding value. The chart uses D3 v5, including the `pie` and `arc` functions to generate segments and compute centroids for labels. Data is fetched asynchronously using `d3.csv`, and colors are mapped via `scaleOrdinal`, with axis labels added manually via SVG text elements.

Ssushanthkodipyaka@gmail.com
80% match