Skip to main content
SimilarExport ZIP
100%

Fork of Q1_Activity7.1

✓ Published0🌍 Public
IILYAS AHMED
Last edited Apr 10, 2025
Created on Apr 10, 2025
Forked from Q1_Activity7.1

This pie chart displays the distribution of world population by country. It visualizes the proportional share of each nation's population through colored slices, with a legend to the right identifying each country and the population values labeled directly on the slices. The visualization uses D3.js v6, loading data from a CSV file hosted on GitHub Gist, and relies on D3's `pie`, `arc`, and `scaleOrdinal` APIs to generate the chart, with SVG elements for rendering the pie slices, labels, and legend.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Q1_Activity7.1

This pie chart displays world population distribution by country, loading data from a GitHub Gist CSV file and rendering it as an SVG visualization. The code uses d3.csv to fetch the dataset, d3.pie() to compute arc angles from population values, and d3.arc() to generate the path geometry for each slice. Each slice is colored using d3.scaleOrdinal with d3.schemeCategory10, with population values displayed as white labels at arc centroids. A custom legend on the right lists countries alongside colored rectangles, and the chart includes a bold title above the visualization.

Rrahman.mehmood2002@gmail.com
91% match
Loading thumbnail…

Activity7-Q1

This pie chart visualizes world population distribution across continents, using a pastel color scheme and displaying population values in crores directly within each slice. A legend on the right pairs each continent with its corresponding color and population figure. Built with D3.js v5, the visualization uses d3.pie, d3.arc, and d3.scaleOrdinal to generate the SVG chart, while d3.csv loads the remote dataset and d3.format handles population value formatting.

Tthoutunikhitha@gmail.com
86% match
Loading thumbnail…

Fork of Q1

This example presents a world population pie chart, visualizing the distribution of population across continents. It loads data from a CSV file using `d3.csv` and renders the chart as an SVG. The chart uses `d3.pie` and `d3.arc` to construct the slices, with a custom `d3.scaleOrdinal` color scale. A legend with colored squares and text labels is added to identify each continent. The code demonstrates importing the `d3` module from UNPKG and a local ES6 module.

LLakshmiPrasannaValdas@my.unt.edu
86% match
Loading thumbnail…

Q1

This example displays a world population pie chart broken down by continent. It uses D3 v7 to load CSV data from a GitHub gist, converts population values to numbers, and renders an SVG pie chart with an ordinal color scale and a custom legend. The chart is built with `d3.pie`, `d3.arc`, and `d3.scaleOrdinal`, with slices styled with opacity and stroke.

LLakshmiPrasannaValdas@my.unt.edu
85% match
Loading thumbnail…

activity 7 Q1

This visualization uses a D3.js v6 pie chart to display the population distribution across continents. The chart shows proportional slices for each continent, colored with a categorical color scheme and labeled directly on the chart. A legend identifies each continent. The code uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the SVG paths and text labels. The data is loaded from a remote CSV file hosted on GitHub, and the chart is styled with a clean, white background and subtle shadows.

Ssumanthpenna0221@gmail.com
85% match
Loading thumbnail…

Activity - 7_Question - 1

This pie chart displays population distribution across continents, with each slice labeled and a matching color-coded legend positioned to the right. The visualization loads CSV data from a GitHub-hosted dataset using `d3.csv`, parses the population values, and renders the chart as SVG. It uses `d3.pie()` to compute arc angles, `d3.arc()` to generate the slice paths, and `scaleOrdinal` to assign categorical colors. The chart includes a bold title and centers the pie within a 600x400 SVG element.

Mmalisettisaisumanth@gmail.com
85% match
Loading thumbnail…

Fork of SDV Activity 7

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.

Aabjalshaik02@gmail.com
83% match
Loading thumbnail…

Fork of ICE - 7 Pie chart viz

This example shows the distribution of world population percentages across the top 10 countries using a pie chart. The visualization renders each country as a pie slice with a corresponding percentage label and an interactive tooltip that displays country details on hover. A legend lists the countries with their population percentages and colors. Built with D3.js v6, the chart uses d3.pie to compute arc angles, d3.arc to generate SVG path segments, and d3.schemeCategory10 for slice colors. Data is loaded from a CSV file hosted on GitHub.

Cchandrikachowdary867@gmail.com
82% match