Skip to main content
SimilarExport ZIP
100%

Assignment 2 Pie Chart

✓ Published1🌍 Public
Ggnanendra097@gmail.com
Last edited Apr 10, 2024
Created on Apr 8, 2024
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment2_1

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`.

MManishaBoppa@my.unt.edu
86% 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
82% match
Loading thumbnail…

Assignment 2.1.1

This D3.js v5 pie chart visualizes the Air Quality Index by country, sourced from a CSV file hosted in a GitHub gist. The chart center displays the proportional slices, each colored via the ordinal category-10 color scheme, with a legend on the right listing country names and their corresponding Air Index values. The code uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the slices and layout, and `d3.csv` to load and parse the data. A title, styled with a sans-serif font, appears at the top of the SVG canvas.

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

Pie Chart

This pie chart displays the 15 largest countries by land area, with each slice colored using D3’s `scaleOrdinal` and `schemeCategory10`. The chart loads CSV data from a GitHub gist via `d3.csv`, sorts it by area, and renders slices with `d3.pie` and `d3.arc`. A legend on the right, built with SVG `rect` and `text` elements, lists each country’s name and area in square kilometers. The visualization uses React with D3 v5 and renders entirely through SVG.

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

Assignment 2

This pie chart displays total revenue aggregated by country across years from 1995 to 2019. The code uses d3.pie and d3.arc to generate the chart, with d3.scaleOrdinal and d3.schemeSet3 providing categorical colors for each country slice. Labels are positioned using arc.centroid, and an interactive tooltip reveals exact revenue values on mouseover. A legend with matching colors identifies each country, while revenue is summed from the embedded dataset using d3.group and d3.sum. The visualization renders as SVG with a fixed 900x700 viewport.

Ssarikakannikanti@gmail.com
82% match
Loading thumbnail…

Assignment 2 Pie Chart

This example visualizes the highest electricity consumption by country as a pie chart, with each slice colored and labeled with its consumption value, alongside a legend listing country names and figures. It loads data from a CSV file hosted on GitHub, using D3 v5 APIs including `d3.csv`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to process the data and generate SVG paths, text, and rectangles. The chart is rendered with an inner radius of zero, and styling is applied via external CSS classes.

Jjaswanthreddy2000@gmail.com
81% match
Loading thumbnail…

activity7.1_question1

This D3 pie chart visualizes country-wise counts from a remote CSV file, displaying data as color-coded slices with white outlines. Each slice is labeled with its corresponding country name, positioned via the arc centroid. A legend on the right shows each country’s color, name, and numeric value. The chart uses `d3.pie()` and `d3.arc()` for geometry, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and renders as SVG with an HTML overlay for styling.

Ssravani1969@gmail.com
81% match