Fork of SDV Activity 7

100%

Fork of SDV Activity 7

✓ Published0🌍 Public

Last edited Nov 5, 2024

Created on Nov 5, 2024

This visualization displays the top 10 countries by population in 2020 using a pie chart. Each slice represents a country’s population, with values labeled in thousands and a corresponding legend listing country names and population figures. The code uses d3.pie and d3.arc to generate the chart, d3.scaleOrdinal for slice colors, and d3.csv to load the dataset from a GitHub Gist. Text labels are positioned using arc.centroid, and the legend is built manually with appended SVG rectangles and text elements.

AI-generated description

Activity 7 question one - Pie chart demonstration

MIT Licensed

Similar vizzes

Loading thumbnail…

SDV Activity 7

This example shows the top 10 countries by population in 2020 using a pie chart rendered as SVG. It loads data from a GitHub gist CSV file and calculates the total population to proportionally size each slice. The visualization uses D3 v5 APIs including `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.format` to compute arcs, assign section colors, and format labels. A legend with colored rectangles and country names accompanies the chart.

BBamanGayathri

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

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

89% match

Loading thumbnail…

activity 7

A pie chart displays the top 10 most populous countries in 2022, loading CSV data from a GitHub gist. The code uses D3 v5 modules including `d3.csv`, `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.format` to generate SVG paths and text labels showing population values in thousands. A legend with colored rectangles and text identifies each country alongside its population count.

SSathishvepuri143@gmail.com

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

88% match

Loading thumbnail…

Activity 7.1

This donut chart visualizes the top 10 most populous countries in 2020, with each slice scaled by population and a hover tooltip showing exact figures and percentages. It uses D3 v7 to load CSV data from a GitHub gist, generate the pie layout with `d3.pie()` and `d3.arc()`, and color slices via `d3.scaleOrdinal`. The chart renders with SVG, includes a loading indicator, error handling, and a detailed legend showing country names and population counts.

Hharsha13638@gmail.com

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

87% match

Loading thumbnail…

Fork of ICE 7 Pie chart

This visualization is a pie chart displaying the top 10 countries by population in 2022. Each slice is labeled with its population value in thousands, and a legend lists the country names alongside corresponding color swatches and population figures. The code fetches CSV data from a GitHub gist URL using the `d3.csv` function. It renders the chart as SVG using D3 v5’s `pie` and `arc` generators, with `scaleOrdinal` assigning colors to each data category.

Ppavankalyan1507

87% match