Skip to main content
SimilarExport ZIP
100%

Assignment2_1

✓ Published0🌍 Public
MManishaBoppa@my.unt.edu
Last edited Mar 27, 2025
Created on Mar 27, 2025
Forked from HTML Starter

This example shows the population distribution of countries as a pie chart, with each slice labeled by country in a legend beside the chart. The visualization uses D3 v7 to load CSV data from a GitHub gist, compute pie angles with `d3.pie`, and render slices using `d3.arc` into SVG paths. A tooltip, implemented with HTML overlays, displays the country name and population on hover. Colors are assigned via `d3.scaleOrdinal` with `d3.schemeCategory10`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

1

This example shows a pie chart of country populations, with each slice labeled by country name and a legend mapping colors to countries. Hovering over a slice’s label displays a tooltip with the population (formatted with commas) and literacy rate. Built with D3 v7, the visualization uses `d3.pie()` and `d3.arc()` to generate SVG paths, while data is loaded via `d3.csv()` from a GitHub gist. The tooltip is manually shown and hidden through D3 selection and style updates, and colors come from `d3.schemeSet3`.

Ssindhuja27b@gmail.com
90% match
Loading thumbnail…

Fork of Assignment 2 - Pie Chart

This pie chart visualizes the population distribution across continents. The chart uses a color-coded legend and labels each slice with its population count in thousands. The visualization is built with D3 v5, using the `pie`, `arc`, and `scaleOrdinal` APIs to generate and style the slices. It loads data from a local CSV file and renders the chart as an SVG, with a custom legend showing each continent and its corresponding value.

HHaili0109
86% match
Loading thumbnail…

pie chart

This pie chart visualizes country populations using D3.js v6, rendering each slice as an SVG path with a categorical color scale. The code loads CSV data from a GitHub gist, processes population values, and uses d3.pie() and d3.arc() to generate the chart geometry. Each slice is labeled with its country name positioned at the arc centroid, while a custom legend built from SVG rectangles and text elements displays the color assignments alongside the chart.

Rreddyharshi08@gmail.com
86% match
Loading thumbnail…

Assignment 2 Pie Chart

This D3.js pie chart displays the distribution of land areas by country, using a categorical color scheme and white strokes to separate slices. The chart labels each slice with its country name at the centroid, and includes a legend positioned to the right. The visualization renders as SVG, with data pulled from a remote CSV file. The code uses `d3.scaleOrdinal`, `d3.pie`, `d3.arc`, and `d3.csv` to construct the chart, while labels and axis titles are positioned via SVG transforms.

Ggnanendra097@gmail.com
86% match
Loading thumbnail…

Fork of Assignment_2_pie

This example compares population trends across countries using both a stacked area chart and a pie chart. The area chart displays population data from 1970 to 2022 across eight time periods, while the pie chart shows the 2022 population distribution. Both visualizations load CSV data via `d3.csv` and use D3’s `d3.stack`, `d3.area`, `d3.pie`, and `d3.arc` APIs. The code demonstrates rendering SVG elements with ordinal color scales and includes axis generation and legend creation.

Ssowmya167
85% match
Loading thumbnail…

Pie Chart

A pie chart displays the population distribution of the top ten most populous countries, with each slice sized proportionally and color-coded via a categorical scale. The chart renders as an SVG, generated from CSV data loaded from a GitHub gist. Using d3.pie and d3.arc, the visualization constructs the circular segments, while d3.scaleOrdinal with schemeCategory10 assigns slice colors. A legend on the right lists each country with its corresponding color swatch and population value, and hovering over a slice logs the population to the console.

Bbrindapotluri
85% match
Loading thumbnail…

Pie Chart

This pie chart displays the population distribution of countries from a dataset loaded via `d3.csv`. Each slice is rendered using `d3.pie` and `d3.arc` functions, with `d3.schemeSet3` assigning colors. Hovering over a country label triggers a tooltip showing its population and literacy rate, while a legend identifies each country’s color. The interactive elements use D3’s event handling to update the tooltip’s position and content.

HHarshithakodakandla@my.unt.edu
85% 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
85% match