Skip to main content
SimilarExport ZIP
100%

Pie chart-rohitha

✓ Published0🌍 Public
Rrohithareddy1404@gmail.com
Last edited Mar 26, 2025
Created on Mar 26, 2025
Forked from Hello VizHub

This area chart visualizes the total purchase amount in US dollars by customer age, using shopping trends data loaded from a CSV file via `d3.csv`. The chart applies `d3.rollup` to aggregate and sum purchases per age, then renders the result as an SVG path generated with `d3.area`. Axes are drawn using `d3.axisBottom` and `d3.axisLeft`, with linear scales (`d3.scaleLinear`) mapping age and purchase totals. A blue filled area with a darker stroke highlights the distribution, while axis labels clarify the variables.

AI-generated description
MIT Licensed

Similar vizzes

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

Scatter plot

A pie chart displays the distribution of shopping purchases by category, using a dataset loaded from a CSV file. Each slice is labeled with its category name and count, while a categorical color scale from `d3.schemeSet3` distinguishes the segments. The chart is built with D3 v5, using `d3.pie()` and `d3.arc()` to generate and render the slices as SVG paths, with text labels positioned via `arc.centroid`. The visualization is rendered as a clean, static SVG graphic with a red title header.

Rrohithareddy1404@gmail.com
78% match
Loading thumbnail…

pie chart

A pie chart visualizes customer spending across four categories—Food, Clothing, Electronics, and Entertainment—using quantitative values. Built with D3.js v7, it renders an SVG slice for each category, sized by its value, with labels positioned at each slice’s centroid. A color scale from `d3.schemeCategory10` and `d3.scaleOrdinal` map categories to fills, while `d3.arc` and `d3.pie` compute the geometry. A separate HTML legend lists each category with its corresponding color and value. The chart uses a fixed 500×500 pixel canvas and is re-rendered by clearing and redrawing the SVG elements.

Ssrinathkarumuru@my.unt.edu
78% match
Loading thumbnail…

Pie Chart

This interactive pie chart visualizes product sales distribution across years, with a dropdown selector allowing users to switch between 2018 and 2024 data. The chart displays percentage labels on slices larger than 5% and includes a color-coded legend for product identification. Built with D3 v7, the example uses d3.csv to load product sales data, d3.pie for arc generation, d3.arc for slice paths, and d3.scaleOrdinal with d3.schemeCategory10 for colors. All elements render as SVG within a styled HTML container.

Mmaddulanagasanjana@gmail.com
76% match
Loading thumbnail…

pie_sales

This pie chart visualizes product sales from a CSV file, displaying each product’s share as a colored slice with labels positioned at each slice’s centroid. The chart uses d3.pie() to compute arc angles and d3.arc() to render the SVG paths, with a d3.scaleOrdinal and d3.schemeCategory10 providing color encoding. A legend below the chart lists each product and its corresponding sales value, generated from the same loaded data. The visualization is built with D3 v7 and rendered as inline SVG within an HTML container.

PP Manisha
76% match
Loading thumbnail…

Pie Chart

This example presents a pie chart depicting the total sales distribution across item categories, sourced from a CSV file. The visualization includes a legend, a title, and a subtitle, with each slice labeled by its category and dollar amount. Built with D3.js v6, the code uses `d3.pie()` and `d3.arc()` to generate the chart, `d3.rollups` to aggregate the data, and `d3.scaleOrdinal` with `d3.schemeCategory10` for coloring. The chart is rendered as SVG elements, with annotations and labels positioned using arc centroids.

AAbrarb702@gmail.com
76% match
Loading thumbnail…

Pie Chart Assignment 2

This pie chart shows the distribution of wholesale customer spending across six product categories: Fresh, Milk, Grocery, Frozen, Detergents_Paper, and Delicassen. The visualization displays each category’s total spending as a proportional slice of the pie, with a legend showing exact values and percentages. Using D3.js v7, the code employs `d3.pie` and `d3.arc` to generate the SVG paths, `d3.scaleOrdinal` with `d3.schemeTableau10` for coloring, and `d3.tsv` to load and parse the wholesale customer dataset from a raw GitHub gist.

LLikhithagade@my.unt.edu
76% match
Loading thumbnail…

Online Sales Pie Chart

This example shows the distribution of online customer sales revenue as a pie chart, with each slice colored by revenue amount and accompanied by a legend displaying the age group, percentage of total revenue, and absolute revenue in thousands. The chart uses D3 v5 to load CSV data from a GitHub gist via `d3.csv`, transform it with `d3.pie()`, and render SVG paths using `d3.arc()`. Colors are assigned with `d3.scaleOrdinal()`, and legend text is formatted with `d3.format()` for compact tick labels.

MManideeprenikindi
76% match