Skip to main content
SimilarExport ZIP
100%

Fork of pie chart

✓ Published0🌍 Public
Kkruthanreddy812@gmail.com
Last edited Mar 28, 2026
Created on Mar 28, 2026
Forked from pie chart

This fork of a pie chart shows the distribution of laptop sales by company, using aggregated quantities from a CSV dataset loaded via `d3.csv`. The visualization computes per-company totals, then renders a standard SVG pie with `d3.pie` and `d3.arc`, scaling colors with `d3.scaleOrdinal` and `schemeCategory10`. A single centered group translates the chart to the middle of a 600×450 canvas, with each slice’s fill mapped from the company name.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of D3 Starter

This visualization displays laptop sales as a pie chart, with each slice representing the total quantity sold per company. It uses D3.js version 3, specifically leveraging the `pie` and `arc` generators to compute slice geometry, and `scaleOrdinal` with `schemeCategory10` to assign colors. The data is loaded from a remote CSV file via D3's `csv` function, then aggregated by company before rendering. The chart is drawn as an SVG element, centered within a 600x450 pixel canvas, with a 150-pixel radius for the pie.

Kkruthanreddy812@gmail.com
92% match
Loading thumbnail…

Fork of Fork of D3 Starter

This example visualizes laptop sales distribution by company using a pie chart, with each slice labeled by its percentage of the total. Data is loaded from a CSV file via a GitHub Gist, and quantities are aggregated by company. The chart is rendered as an SVG using D3 v7, employing `d3.pie` and `d3.arc` to generate the pie geometry, `d3.scaleOrdinal` for categorical colors, and `d3.schemeCategory10` for the palette. A legend is built manually with SVG rectangles and text elements.

Kkruthanreddy812@gmail.com
91% match
Loading thumbnail…

Fork of Piechart ICE7

This pie chart visualizes laptop market share in India for 2022, using data loaded from a GitHub-hosted CSV file. The chart displays each company’s sales percentage as colored slices with value labels, rendered as SVG paths via the `pie()` and `arc()` generators. A legend lists companies with their corresponding colors and values. The visualization uses D3 v5’s `scaleOrdinal` for color mapping, `csv()` for data fetching, and `format()` to display tick values.

TTekmal-Bhavana
86% 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 pie chart

This fork of a pie chart shows product sales distribution for a selected year, with a dropdown menu to switch between 2018 and 2024 data. The D3 v7 code loads CSV data via `d3.csv`, uses `d3.pie()` and `d3.arc()` to generate SVG slices, and renders percentage labels for segments larger than 5%. A color scale maps product names to slices, and a legend lists each product alongside its color swatch. The chart updates in place by clearing and redrawing the SVG on each year selection.

AAmrit Adhikari
83% match
Loading thumbnail…

Fork of Piechart ICE - 7 Rohith Arabati

This pie chart visualizes the distribution of car sales across different companies, with each slice labeled by its sales value in thousands. The chart uses d3.pie and d3.arc to generate the segments, while d3.scaleOrdinal assigns colors to each company. Data is loaded from a CSV file using d3.csv, and the SVG rendering includes a legend showing company names and their corresponding sales figures. The visualization is built with D3.js version 5.

Bbhanuteja1807@gmail.com
83% match
Loading thumbnail…

Fork of Pie Chart

This fork of a pie chart visualizes 2015 sales data for different companies using a legend and colored arcs. The chart displays each brand’s year-to-date profit converted to thousands and rendered as a simple SVG pie. The code imports D3 v5 modules like `pie`, `arc`, and `scaleOrdinal` to generate the chart, while loading data from a CSV via D3’s `csv` function. React is used as the framework, and the page is styled with custom CSS for headings and legend text.

Ssowmyanagula@my.unt.edu
83% match
Loading thumbnail…

piechartfork

A pie chart displays the 2015 sales for different companies, with each slice colored and labeled in a legend alongside its total value. The visualization uses D3 v5’s `pie` and `arc` functions to generate the SVG segments, with `scaleOrdinal` assigning colors from a fixed palette. Data is loaded asynchronously via `d3.csv` from a gist, and the chart is rendered within a React-based HTML page, with legend text and values formatted using `d3.format`.

SSnigdha6698
82% match