Skip to main content
SimilarExport ZIP
100%

Fork of Vinay QUestion 2

✓ Published1🌍 Public
VVinay Kumar Parvathini
Last edited Mar 27, 2026
Created on Mar 27, 2026
Forked from Vinay Assignment7

A D3.js pie chart visualizes sales distribution across four product categories—Books, Electronics, Clothing, and Groceries—using hardcoded data. The chart renders as an SVG with colored arcs generated via d3.pie and d3.arc, applying a category-10 color scale. Each slice displays its category name positioned using arc.centroid, with a heading added above the visualization. Built with React, the example demonstrates basic pie-chart construction without interactivity.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment2 Question1

A pie chart visualizes sales distribution across five product categories, with each slice labeled and sized proportionally to its sales value. The chart uses D3.js v7 with SVG rendering, employing `d3.pie` to compute arc angles and `d3.arc` to generate the paths. A color ordinal scale assigns distinct hues to categories, while an accompanying legend lists each category with its exact sales figure. The data is loaded from a local array, matching the sample dataset, and the visualization centers the pie within a 600x500 SVG canvas.

Ppslharika@gmail.com
84% match
Loading thumbnail…

Fork of two

This pie chart shows the proportion of total sales by product category, with labels on each slice and a legend to the side. It uses D3 v7’s `d3.rollups` to aggregate sales per category and `d3.pie` to generate arcs, while `d3.scaleOrdinal` assigns colors. Each slice’s centroid is computed with `d3.arc.centroid` for label placement, and the SVG is rendered from CSV data.

Mmsahithipatel@gmail.com
83% match
Loading thumbnail…

Fork of Fork of Vinay Question 3

This example displays a line chart of monthly sales data from January through August. The visualization uses D3.js version 7 within a React application, rendering to an SVG canvas. The chart plots sales figures on a linear y-axis scale from 0 to 800, using a point scale for months, and includes labeled axes. Red circles mark each data point at their corresponding coordinates. The code leverages D3's `scalePoint`, `scaleLinear`, `line`, `axisBottom`, and `axisLeft` functions to construct the visualization.

VVinay Kumar Parvathini
83% match
Loading thumbnail…

Fork of Fork of React & D3 Starter

This pie chart visualizes monthly expense categories from a CSV file, displaying each category’s proportional share with a legend and value labels. Built with React and D3 v7, it uses `d3.pie` to compute arc segments and `d3.arc` to generate SVG paths, rendered with a categorical color scheme from `d3.scaleOrdinal`. The chart draws arcs and text labels onto an SVG canvas, with a legend constructed iteratively from the data.

Ppvvaishnavi93@gmail.com
82% match
Loading thumbnail…

pie chart

A pie chart visualizes the proportion of sales across three product categories—Electronics, Clothing, and Food—using hardcoded data from an array. The chart is rendered as SVG with D3.js v7, employing `d3.pie()` to compute arc angles and `d3.arc()` to generate the path shapes, which are filled using a categorical color scale. Each slice includes a centered text label displaying the category and sales value, while a separate legend lists the categories with their corresponding colors.

CChindamrohan321@gmail.com
82% match
Loading thumbnail…

Fork of Assignment 2 - Pie Chart

This fork of a D3 pie chart visualizes Superstore sales data, aggregated by product category from a CSV file. The SVG chart displays each category as a colored slice with its name and total sales value labeled directly on the arc. The code uses D3's `pie`, `arc`, `scaleOrdinal`, and `schemeCategory10` APIs to generate the geometry and colors, and it computes category totals with the `group` and `sum` functions. The visualization is rendered into an SVG element with a fixed width and height.

Gganeshseeram2405@gmail.com
82% match
Loading thumbnail…

Fork of Fork of Hello VizHub

This example presents a pie chart of aggregated sales data by product category, loaded from a CSV file hosted on GitHub and rendered as an SVG. It uses D3 v6 APIs such as `d3.csv`, `d3.rollups`, `d3.sum`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `d3.schemeCategory10`. The chart displays each category’s total sales in thousands and its percentage share, with labeled arcs and a legend.

KKritin Kesav
82% match
Loading thumbnail…

Fork of Pie Chart for Electronic sales

This D3.js (v7) visualization displays a pie chart of electronic product sales, with each slice representing a product category’s total revenue. The chart uses a custom legend showing category names, percentage of total sales, and sales values in thousands. The code fetches CSV data via `d3.csv`, computes pie segments with `d3.pie`, and renders them as SVG paths using `d3.arc`. Colors are assigned via `d3.scaleOrdinal`, and the legend and percentages are formatted using `d3.format`.

Ssreeramyamini@gmail.com
82% match