Skip to main content
SimilarExport ZIP
100%

Fork of Activity_7.1_Question1

✓ Published1🌍 Public
Ppradeepgubbala2001@gmail.com
Last edited Nov 6, 2024
Created on Nov 5, 2024

This example presents a pie chart visualizing the top 11 cities by total population in 2024, using data from a GitHub-hosted CSV file. The chart displays each city as a colored slice with a label, and includes a legend for identification. The visualization is built with D3 version 6.7.0, utilizing the `pie`, `arc`, `scaleOrdinal`, and `schemeCategory10` APIs to compute and render the arcs, along with the `csv` loader to parse the dataset.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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
83% 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
82% 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
82% match
Loading thumbnail…

Assignment2_Question1(PieChart)

This pie chart displays the population distribution of major cities, with each slice labeled by its population value in thousands and accompanied by a legend identifying the corresponding state. The chart uses D3.js v5 APIs including `d3.pie` and `d3.arc` to generate the SVG paths, and `d3.scaleOrdinal` for slice coloring. Data is loaded asynchronously via `d3.csv` from a GitHub repository, with values formatted using `d3.format`.

Ssaisnehapalle@my.unt.edu
82% match
Loading thumbnail…

act 7 q1

This example displays a pie chart of the top 10 countries by 2022 population, with a legend alongside the slices. It uses D3.js v7 APIs including `d3.csv`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to load and process the dataset, generate the pie geometry, and assign categorical colors. The chart is rendered as SVG with text labels positioned via arc centroids, while a legend is built manually with `rect` and `text` elements. Data comes from a CSV hosted on GitHub.

Vvinaykollapudi@my.unt.edu
81% 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
81% match
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
81% 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
81% match