Skip to main content
SimilarExport ZIP
100%

Fork of Fork of D3 Starter

✓ Published0🌍 Public
Kkruthanreddy812@gmail.com
Last edited Mar 28, 2026
Created on Mar 28, 2026
Forked from 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.

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
96% match
Loading thumbnail…

Fork of 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.

Kkruthanreddy812@gmail.com
91% match
Loading thumbnail…

Fork of D3 Starter

This example shows a pie chart of student marks distribution, with each slice labeled by the student’s name. It loads CSV data from a GitHub repository, parses the marks as numbers, and uses `d3.pie()` to compute slice angles and `d3.arc()` to generate SVG path shapes. The chart applies a categorical color scale (`d3.schemeCategory10`) and positions labels using `arc.centroid()`. The visualization renders in SVG within a 500×400 viewport, using D3 v7 loaded via an import map.

Ccsesomarajuaswini@gmail.com
86% match
Loading thumbnail…

Fork of Fork of Fork of HTML Starter

A pie chart displays year-to-date auto sales by brand for 2022, with each slice sized by sales volume and a legend showing brand colors, percentage of total, and sales in thousands. The visualization uses D3 v5’s `pie`, `arc`, `scaleOrdinal`, and `svg` selection APIs to render SVG paths and legend elements. Data is loaded from a CSV file hosted on GitHub Gist via `d3.csv`.

Vviveknaroju999@gmail.com
85% match
Loading thumbnail…

Fork of Fork of Fork of HTML Starter

A pie chart displays year-to-date auto sales by brand for 2022, with each slice sized by sales volume and a legend showing brand colors, percentage of total, and sales in thousands. The visualization uses D3 v5’s `pie`, `arc`, `scaleOrdinal`, and `svg` selection APIs to render SVG paths and legend elements. Data is loaded from a CSV file hosted on GitHub Gist via `d3.csv`.

Vviveknaroju999@gmail.com
85% match
Loading thumbnail…

Fork of D3 Starter

This pie chart visualizes the proportional breakdown of a CSV dataset by category, using Value1 as the numeric weight for each slice. Built with D3 v7, it renders as an SVG with slices colored via a categorical color scheme, and each slice is labeled with its category name. The chart includes a legend that maps colors back to categories, generated from the same data. The code constructs the pie using `d3.pie()` and draws arcs with `d3.arc()`, calculating slice paths and centroids for label placement.

Kkmuddana@gitam.in
85% match
Loading thumbnail…

Fork of HTML Starter

This bar chart displays laptop sales quantities by company, sourced from the laptop_sales_160.csv file. It uses D3.js v7 to bind the data, create a band scale for the x-axis, and a linear scale for the y-axis. The SVG rendering shows yellow bars for each company, with axes and labels generated using d3.axisBottom and d3.axisLeft.

Kkruthanreddy812@gmail.com
84% 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
84% match