Skip to main content
SimilarExport ZIP
100%

PIE-CHART Project!

✓ Published0🌍 Public
Aav.dj.2000@gmail.com
Last edited Apr 30, 2023
Created on Mar 30, 2023
Forked from Piechart ICE7

This visualization presents a pie chart comparing countries against their highest pregnancy counts, using data from a GitHub-hosted CSV dataset limited to the first 11 records. The chart renders as an SVG with colored arc segments, value labels positioned via `d3.arc` centroid calculations, and a legend showing country names and corresponding values. It employs D3 v5 APIs including `pie`, `arc`, `scaleOrdinal`, and `format` to generate the chart, with styling applied through external CSS.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Data Visualization ICE-7 Pie Chart

This pie chart displays country birthrates for 2021, with each slice labeled by its percentage and a corresponding legend listing country names and values. It uses D3 v5’s `pie`, `arc`, `scaleOrdinal`, and `csv` to load and process data from a GitHub gist, then renders the chart as SVG. The `arcGenerator` computes slice centroids for text placement, while `format` applies concise numeric labels. Section colors are assigned via an ordinal scale, and legends are dynamically appended with rectangles and text.

MManasaPatange
83% match
Loading thumbnail…

BAR GRAPH - Project

A bar graph displays the fifteen countries with the highest recorded pregnancy counts from a CSV dataset, ranking them along a horizontal axis. The visualization uses React to manage state and D3 v5’s `scaleBand`, `scaleLinear`, `csv`, and `max` functions to load data, compute scales, and render SVG rectangles. Axes are drawn manually with grid lines and text labels, while margins and dimensions are defined as constants. The chart updates reactively when data loads, showing a clean, horizontal bar layout for comparison.

Aav.dj.2000@gmail.com
81% match
Loading thumbnail…

Pie Chart

This pie chart visualizes cancer deaths across different countries, using a CSV dataset fetched from a GitHub gist. The D3 v5 code renders SVG arcs with distinct colors, labels each segment with the death count in thousands, and includes a legend with country names and values. It leverages D3's `pie`, `arc`, `scaleOrdinal`, and `csv` APIs to compute arc geometries, map data to colors, and load the external data. The chart is centered within a 960x500 SVG canvas.

Vvarun-030
78% match
Loading thumbnail…

Pie Chart (with labels) with d3

This interactive pie chart visualizes the top 10 countries with the highest women’s populations, with each slice labeled by name and value. Data is loaded from a CSV file and rendered as an SVG using d3.arc and d3.pie, with a categorical color scheme via d3.scaleOrdinal. The chart features interactive tooltips on hover, which display the country name and value, achieved by appending and removing text elements within the SVG. A legend is also generated alongside the chart.

Ssuchitra2602
78% match
Loading thumbnail…

Pie chart Test

A pie chart displays the relative populations of ten countries, with each slice labeled by country name. The chart is rendered as an SVG using D3 v6, with slices generated by `d3.pie()` and drawn via `d3.arc()` paths. Colors are assigned from an ordinal scale, and labels are positioned using the `label.centroid()` method. The data comes from a static array embedded in the script rather than the linked `data.csv` file.

SSergio Eijben
78% match
Loading thumbnail…

Fork2 of Pie chart

This visualization displays the top 10 most populous countries in 2022 as a pie chart, with each slice labeled in thousands and a legend listing country names and population values. Using D3 v5, the code fetches CSV data via `d3.csv`, computes the pie layout with `d3.pie`, and draws SVG paths with `d3.arc`. Slice colors come from `d3.scaleOrdinal`, and text labels are placed using `arc.centroid`. The chart renders in an SVG canvas with a light yellow background and includes a manual legend built from the same data.

Ppravallikayaram12
77% match
Loading thumbnail…

Piechart ICE7

This pie chart displays the number of heart disease-related deaths across various countries from 1990 to 2022. Using D3 v5’s `pie`, `arc`, and `scaleOrdinal` functions, the visualization renders SVG paths with country-specific color segments, value labels, and a legend. The data is fetched from a raw GitHub CSV file via `d3.csv`, and the chart’s layout is positioned manually with SVG transformations. Interactions are minimal, focusing on static representation of the dataset.

SSurikanti Swathi
77% match
Loading thumbnail…

Fork of Pie chart

This visualization uses a D3 pie chart to display the top 10 countries by population in 2022. The code fetches data from a GitHub-hosted CSV file and renders the chart as SVG. Each slice is labeled with its population value in thousands, and a legend on the right side pairs country names with their corresponding values and color swatches. The chart uses D3’s `pie()`, `arc()`, and `scaleOrdinal()` APIs to compute slice angles, generate arc paths, and assign colors, respectively.

Ppavankalyan1507
77% match