pie chart

100%

✓ Published0🌍 Public

Last edited Mar 30, 2023

Created on Mar 29, 2023

This pie chart visualizes the prices of the top 11 products from a CSV dataset, sorted in descending order and drawn as SVG arcs. Built with D3.js v5, it uses the `pie` and `arc` functions to generate segments, `scaleOrdinal` with `schemeCategory10` for color coding, and includes an interactive legend showing each product name and its price in dollars. Data is loaded asynchronously via `csv` from a GitHub gist, and the chart is rendered on mouseover logging.

AI-generated description

products and its prices

MIT Licensed

Similar vizzes

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

86% match

Loading thumbnail…

Fork of Pie Chart

This visualization displays the revenue of the top 20 makeup products using a basic pie chart with a legend to the right. The chart uses D3 v5's `pie` and `arc` generators to create the segments and `scaleOrdinal` with `schemeCategory10` for color encoding. Data is loaded from a CSV file via `d3.csv`, then sorted descending by revenue and sliced to the top 20 items. The SVG includes interactive mouseover logging and legend labels showing product names and dollar-formatted revenue values.

Aadapavaishnavi12

85% match

Loading thumbnail…

Pie Chart for top brands and their prices

A pie chart displays the relative prices of top brands, with each slice labeled by its price in thousands and a corresponding legend listing brand names and values. The chart uses D3 v5 APIs including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate segments and assign colors, while `d3.csv` loads the dataset from a GitHub Gist. Text labels are positioned via `arc.centroid`, and the SVG renders the chart and legend interactively.

SSwapna1915

85% match

Loading thumbnail…

pie chart

This pie chart visualizes the top 10 store areas by sales, using D3 v7 to load CSV data, sort it, and render an SVG pie chart with colored slices, labels, and a legend. The code uses `d3.pie()` to compute arc angles, `d3.arc()` to draw paths, and `d3.scaleOrdinal()` for color encoding. Store area names and corresponding sales values appear both on the slices and in a legend, with data sourced from a GitHub-hosted CSV file.

RRohithNaiduDevareddy@my.unt.edu

84% match

Loading thumbnail…

Pie Chart

This pie chart visualizes the top 10 car selling prices from a CSV dataset. The chart displays each car model as a colored slice using `d3.pie` and `d3.arc`, with a legend showing the car name and its corresponding price. The visualization uses `d3.scaleOrdinal` with `schemeCategory10` to assign distinct colors, and SVG rendering for all graphical elements. The data is sorted by selling price, with only the highest ten entries selected for display.

KKishen Patel

84% match

Loading thumbnail…

piechart

This pie chart visualizes categorical data loaded from a CSV file, displaying each category as a colored slice with a label and a legend. The code uses D3 v6 API functions including `d3.pie` to compute arc data, `d3.arc` for path generation, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color mapping. It renders as an SVG with a centered group, positioning arc paths and text labels via the `arc.centroid` method, while the legend is built with appended rectangles and text elements.

Rrajeswariamruthabommaraju@my.unt.edu

83% match

Loading thumbnail…

test

This pie chart displays the distribution of product sales by category, using aggregated data from a CSV file. The visualization presents each category as a colored slice, with a legend identifying the categories and a title above the chart. Built with D3 v7, the code uses `d3.pie`, `d3.arc`, and `d3.rollup` to process and render the data, while SVG elements provide the visual output. Interactive hover effects enlarge slices and display category sales totals, with transitions animating the changes.

SSaiHarshitManda@my.unt.edu

83% match

Loading thumbnail…

Activity-7.1

This animated pie chart visualizes the price distribution of gadgets from a CSV file, with each segment labeled and a corresponding color-coded legend. The visualization uses D3 v7's `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` APIs, rendering SVG paths and text elements. Interactive tooltips appear on mouseover, displaying the gadget name and price. The chart is generated within an 800×500 SVG canvas, with the legend positioned separately and arcs animated from the center.

SSiva Kishore Reddy

83% match