plot 2

100%

✓ Published0🌍 Public

Last edited Nov 18, 2025

Created on Nov 18, 2025

The visualization displays the prevalence of undernourishment for the top ten countries in a selected year, using an interactive side-by-side pie chart and bar chart. A year selector and color-coded legend allow users to compare regional values. The D3 v7 code filters a FAOSTAT CSV dataset, then uses `d3.pie` and `d3.arc` for the pie, `d3.scaleBand` and `d3.scaleLinear` for the bar chart, and a hover tooltip. The charts are rendered as SVG with `d3.select`, `d3.scaleOrdinal`, and `arc.join`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

plot 1

This heatmap displays the prevalence of undernourishment (as a percentage, three-year average) across a selection of 20 countries over multiple years. Each cell’s color intensity represents the value, using a sequential orange-red color scale. The visualization loads CSV data from a GitHub-hosted FAOSTAT dataset via `d3.csv`, filters it by item and country, and renders the plot using D3 v7 with SVG rectangles. Interactive tooltips, implemented with D3’s selection and event handlers, reveal country, year, and exact percentage on mouseover.

Ppriyankachary1701@gmail.com

85% 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

82% match

Loading thumbnail…

Fork 2 of Pie chart

This visualization displays a pie chart of the top 10 countries by population in 2022, with each slice labeled with its population value in thousands and accompanied by a color-coded legend showing country names and corresponding figures. It uses d3.csv to load population data from a gist URL, then constructs the chart with d3.pie, d3.arc, and d3.scaleOrdinal. The rendering relies on SVG elements generated through D3 v5 selection and data-join methods, with colors, text labels, and legend items all created inside a single SVG canvas.

Ppavankalyan1507

81% 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

80% match

Loading thumbnail…

Fork of Pie chart-ice-7

This visualization shows the top 10 countries by monthly farming output using a pie chart, with each slice labeled by country name and a legend displaying exact dollar amounts. The chart renders in SVG, fetching CSV data from a GitHub gist and parsing it with d3.csv. It uses d3.pie() to compute arc angles, d3.arc() for the path and label positioning via centroid, and d3.scaleOrdinal() to map a fixed color palette. Text elements use white fill per the CSS, though labels are overridden to black.

SSaiipriiya

80% match

Loading thumbnail…

Fork of Pie Chart

This visualization displays the top 10 countries in the world for 2022, showing each country’s population as a slice of a pie chart with a corresponding color-coded legend. The data is loaded from a CSV file hosted on GitHub Gist. The code uses d3.pie, d3.arc, d3.scaleOrdinal, and d3.format to compute the pie segments, assign colors, and format population values in thousands. It renders the chart and legend as SVG elements, with the pie centered on a 960×500 canvas.

SSreejaBellamkonda

79% match

Loading thumbnail…

Fork of Fork of Fork of Fork of Fork of chart 6

This pie chart displays the top 10 countries by player potential from a CSV dataset, with each slice labeled by country name. The visualization uses D3.js v7 with the `d3.pie()` and `d3.arc()` APIs to compute the pie geometry, while `d3.scaleOrdinal()` with `d3.schemeSet3` assigns colors to each country. The chart is rendered as an SVG, with the data loaded via `d3.csv()` and sorted before selecting the top ten entries.

Ssriharshithaanugu5@gmail.com

79% match

Loading thumbnail…

Fork of Pie chart

A pie chart displays the top 10 countries by population in 2022, with each slice labeled in thousands and accompanied by a legend showing country names and values. The chart uses D3 v5 to load CSV data via `d3.csv`, compute slice angles with `d3.pie`, and generate SVG paths with `d3.arc`. A `d3.scaleOrdinal` maps population values to a preset color array. Text labels are positioned using the arc centroid, while the legend is built with appended rectangles and text elements.

MMalempatiSaranya

79% match