Skip to main content
SimilarExport ZIP
100%

Fork of Fork of D3 Pie chart

✓ Published0🌍 Public
Ssowmyakancharla01@gmail.com
Last edited Apr 2, 2025
Created on Apr 2, 2025

This fork of a D3 pie chart displays the distribution of US housing sales by the number of bedrooms in each property. The visualization uses a standard SVG pie chart, with each slice representing a category of bedroom count and colored using a categorical color scheme. The chart loads its data from a remote CSV file, which is parsed using `d3.csv`. The pie geometry is computed with `d3.pie`, and the slices are drawn using `d3.arc`, while `d3.scaleOrdinal` with `d3.schemeCategory10` assigns colors to the different segments.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Pie Chart

This visualization shows the number of houses sold in the United States per year for ten years, displayed as a pie chart with a legend listing each year and its corresponding sales figure. The chart renders using SVG via D3 v5, with the pie layout from `d3.pie` and arcs from `d3.arc`. Colors are assigned using `d3.scaleOrdinal` with `schemeCategory10`. Data is loaded from a CSV file using `d3.csv`, and values are formatted with a custom number formatter that appends "K" for thousands.

CCH SAMPATH
83% 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
80% 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
80% match
Loading thumbnail…

Fork of Fork of Fork of Pie Chart

This example visualizes 2022 US auto sales by brand using a pie chart built with D3 v5. The chart displays proportional slices for each brand, with a legend showing brand names and corresponding sales values in thousands, alongside color-coded rectangles. The code loads CSV data from a GitHub gist via `d3.csv`, processes it with `d3.pie`, and renders SVG paths using `d3.arc` with ordinal color scaling. Legends are appended as SVG groups, and sales values are formatted with `d3.format`.

Bbindhureddy98
79% match
Loading thumbnail…

Fork of Fork of Reusable D3 pie Plot

This household expenses pie chart visualizes the proportional spending across eight categories, such as Housing, Food, and Education, with each slice labeled by its percentage of the total. The chart is rendered using the D3 v7 library, which uses `d3.pie()` to compute arc data, `d3.arc()` to generate the SVG paths, and `d3.scaleOrdinal()` with `schemeCategory10` for colors. A legend on the right side lists each category with its original value, and the entire visualization is created with SVG elements. Data is loaded from a local `expenses.csv` file using `d3.csv()`.

Eeeshani.boyapati@gmail.com
79% 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
79% match
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
78% match
Loading thumbnail…

Fork of Fork of second

This pie chart visualizes sales distribution across 30+ product categories using CSV data loaded via `d3.csv`. It renders SVG arcs generated by `d3.pie()` and `d3.arc()`, with a Tableau10 color scale via `d3.scaleOrdinal`. Labels are positioned along a separate `labelArc` using `centroid` calculations, while a legend lists categories with color swatches. Built with d3 v6, the chart includes interactive tooltips via appended `<title>` elements.

119h61a05c9@cvsr.ac.in
78% match