Skip to main content
SimilarExport ZIP
100%

pie chart

✓ Published0🌍 Public
Vvishnupriya eupuri
Last edited Mar 27, 2024
Created on Mar 27, 2024

This pie chart displays the proportional sales distribution across countries for the year 2020, using a dataset of students loaded via `d3.csv`. The visualization renders each country as a colored slice with labels positioned at the centroid of each arc. It uses D3 v7’s `d3.pie()` and `d3.arc()` generators to compute and draw the arcs, with `d3.scaleOrdinal` and `d3.schemeCategory10` providing categorical colors. A legend on the right maps colors to country names, and the SVG output is created within a fixed 600×400 pixel canvas.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Pie Chart

A pie chart displays the proportion of profits for each country in a dataset loaded from a CSV file. The visualization uses D3.js v5, employing the `pie` and `arc` functions to generate the circular segments, which are rendered as SVG paths. A legend, built with SVG `rect` and `text` elements, identifies each country and its corresponding profit value. Color encoding is applied via `scaleOrdinal` with a custom color range, and profit values are formatted as thousands (K) using the `format` function. The chart is titled "Profits in Each Country."

AAlankruthSai
85% match
Loading thumbnail…

Pie Chart

This pie chart visualizes the total revenue of different countries in sales. The D3 v5 code uses `select`, `pie`, `arc`, and `scaleOrdinal` to generate SVG segments from a JSON dataset, with each slice colored distinctly. A legend, created via `append` with rectangles and text, identifies each region and its corresponding revenue value, formatted with `format('.4~g')` and suffixed with "K". The chart is centered on a 960x500 canvas, with the pie translated to the left and the legend positioned to the right.

Ppreethamkesa
84% 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
83% match
Loading thumbnail…

Pie Chart: Distribution of Items Sold by Country

This visualization displays the distribution of items sold across five countries, with each country's total quantity represented as a proportional slice of a pie chart. The chart uses d3.pie() and d3.arc() to generate the pie geometry, while d3.rollup() aggregates individual data records by country, summing their quantities. The SVG rendering includes interactive hover effects that scale slices slightly, and each slice is labeled with its country name and total quantity. The color scale uses d3.scaleOrdinal with the d3.schemeCategory10 palette.

JJames Cruz
83% match
Loading thumbnail…

pie chart

This pie chart visualizes country populations using D3.js v6, rendering each slice as an SVG path with a categorical color scale. The code loads CSV data from a GitHub gist, processes population values, and uses d3.pie() and d3.arc() to generate the chart geometry. Each slice is labeled with its country name positioned at the arc centroid, while a custom legend built from SVG rectangles and text elements displays the color assignments alongside the chart.

Rreddyharshi08@gmail.com
83% 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
83% match
Loading thumbnail…

Pie Chart

This example displays a pie chart of sales figures for different companies, with each segment labeled by its proportional value and paired with a legend showing company names and sales totals. The chart is rendered as SVG using D3 v5, with data fetched from a CSV URL. It uses D3’s `pie` and `arc` generators to create the segments, a `scaleOrdinal` to map sales values to a set of predefined colors, and custom text elements to label each slice.

Mmanvithareddykarra
83% match
Loading thumbnail…

Piechart

A pie chart displays chocolate sales proportions by product category. The visualization uses D3.js version 7, loading data from a CSV file and mapping category values to colors with `d3.scaleOrdinal` and `d3.schemeSet2`. The `d3.pie()` and `d3.arc()` functions generate the chart geometry, rendering each segment as a filled SVG path with white strokes. A custom HTML legend, built with D3 selections, labels each category using the same color scale, while the page layout is styled through external CSS.

Kkirankumari26guj@gmail.com
82% match