Skip to main content
SimilarExport ZIP
100%

Activity7-Q1

✓ Published1🌍 Public
Tthoutunikhitha@gmail.com
Last edited Apr 11, 2025
Created on Apr 10, 2025
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

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
90% 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
88% match
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
87% match
Loading thumbnail…

Fork of 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.

IILYAS AHMED
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
86% match
Loading thumbnail…

Activity - 9_Question - 1

A pie chart visualizes population distribution across continents from a CSV file, using D3 v5 loaded via UNPKG. The code parses numeric population values, applies an ordinal color scale from `d3.schemeCategory10`, and constructs arcs with `d3.arc()` and `d3.pie()`. An SVG legend maps each color to its continent. The example also demonstrates importing local ES6 modules and styling with external CSS, though the main message is rendered through the chart.

Mmanideepchinna25@gmail.com
86% match
Loading thumbnail…

Pie chart_world population

This D3.js v7 example visualizes world population by continent as a pie chart, with each slice labeled and a color-coded legend to the right. It reads population data from a CSV hosted on GitHub, converting the Population_Millions values to numbers. The chart uses `d3.pie` for slice geometry, `d3.arc` for rendering, and a categorical color scale via `d3.scaleOrdinal` with `d3.schemeCategory10`. Slices are drawn with white stroke separation, and the SVG output includes concise continent labels positioned at arc centroids.

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

Activity7.1_Question1

This pie chart visualizes population distribution by age group, with slices labeled and a color-coded legend for reference. The data is loaded from a remote CSV file via `d3.csv`, and the chart is rendered using `d3.pie` to compute arc segments, `d3.arc` for path geometry, and `d3.scaleOrdinal` with a category color scheme. Labels are positioned at each arc’s centroid, and the SVG output uses a `d3.select`-based join to append paths and text elements dynamically.

SSai Praveen Lokavarapu
84% match