Skip to main content
SimilarExport ZIP
100%

Task9&10_PieChart

✓ Published0🌍 Public
Jjyothirmaijyothi2017@gmail.com
Last edited Apr 28, 2024
Created on Apr 24, 2024
Forked from Hello VizHub

This pie chart visualization breaks down the count of infected individuals across nine countries, including India, USA, Spain, Russia, UK, Italy, France, Germany, and China. The chart displays both region labels and the calculated percentage of the total infected population for each slice. Built using D3.js, the code imports the `select`, `arc`, `pie`, `scaleOrdinal`, and `schemeCategory10` functions from the `d3` module to generate the SVG rendering. The implementation includes a color-coded legend positioned to the right of the chart, with each entry showing the region name and its corresponding infected count.

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…

play

This interactive visualization displays COVID-19 infection data across nine countries using a pie chart rendered with D3.js (v6.7.0). Each slice represents a country’s confirmed infections with percentage labels and a color-coded legend. The chart is built with d3-arc and d3-pie generators, using scaleOrdinal for colors. Labels are centered within each slice using the arc centroid method.

Jjyothirmaijyothi2017@gmail.com
83% match
Loading thumbnail…

Task9_Question1_PieChart

A pie chart visualizes the number of COVID-19 deaths by region, with each slice labeled with the death count in thousands and a legend mapping colors to regions. The D3 v5 code loads data from a remote CSV using `d3.csv`, computes slice geometry with the `d3.pie` layout and `d3.arc` generator, and colors slices via `d3.scaleOrdinal`. The chart is rendered as SVG, with the title and labels formatted using `d3.format`.

Jjyothirmaijyothi2017@gmail.com
81% match
Loading thumbnail…

Task9_Question1

This visualization displays a pie chart of worldwide COVID-19 cases for 2020, highlighting the top 15 countries by reported case counts. The chart uses a legend with colored rectangles and text labels to identify each country alongside its corresponding number of cases. Built with React and D3 v5, the code employs `d3.csv`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with a `schemeCategory10` color palette to render the SVG-based chart. Data is loaded from a gist-hosted CSV file, sorted descending by case numbers, and sliced to show only the leading countries.

Ssaitejauppu0206@gmail.com
81% match
Loading thumbnail…

Task1_Q1

This pie chart visualizes continent-wise COVID-19 deaths in 2023, using seven color-coded slices with percentage labels and a legend on the right. It loads data from a CSV file, parses it with `d3.csvParse`, and calculates the pie layout using `d3.pie()` and `d3.arc()`. A color scale with `d3.scaleOrdinal` and `d3.schemeCategory10` assigns slice colors. Interactive tooltips appear on mouseover, showing exact death counts per continent.

LLakshmi Keerthi
80% match
Loading thumbnail…

Task 9

This pie chart visualizes the number of families across five countries, with each slice sized proportionally to its value in the dataset. The chart is rendered as an SVG using D3.js (v7), leveraging the `d3.pie` layout and `d3.arc` generators to draw the slices and labels. Each slice is labeled with its country name, and a separate HTML legend, built with `d3.select`, displays color-coded entries. The color scheme uses `d3.schemeCategory10` for slice and legend colors, sourced from the community.csv data.

Ssaibharath7thota@gmail.com
80% match
Loading thumbnail…

Task_9 Question 1

This example displays a pie chart visualizing COVID-19 total cases by country, using data loaded from a remote CSV file. It maps each country to a slice with a color from `d3.schemeCategory10`, and positions a legend to the right of the chart. The code leverages D3 v6 modules, including `d3.csv`, `d3.pie`, `d3.arc`, and appends SVG elements dynamically. The chart is rendered into a centered SVG with a white background and subtle shadow, loading the data asynchronously to build the visualization.

Bbudalavijay2001@gmail.com
80% match
Loading thumbnail…

Assignmnet 7 Pie Chart

This pie chart visualizes the proportion of COVID-19 cases across the top five nations, with each slice labeled with its percentage and a color-coded legend listing country names and values. It loads CSV data from a GitHub gist and renders the chart using D3 v5’s pie and arc generators, with a scaleOrdinal for slice colors. Text labels are positioned via arc.centroid, and the legend is assembled manually with rect and text elements. The SVG is selected and sized from the HTML attributes, and data processing occurs asynchronously with async/await.

AAshrith Kudidhi
79% match
Loading thumbnail…

ICE - 7 Pie chart

This example visualizes the top 10 countries by COVID-19 cases as a pie chart, with each slice labeled with its percentage share. The chart is rendered as an SVG element using D3 version 5, with data fetched from a CSV file hosted on GitHub. The code employs D3’s `pie`, `arc`, and `scaleOrdinal` APIs to compute the pie segments, generate paths, and assign colors from a hardcoded palette. A legend on the right maps each country’s name to its corresponding slice and percentage value.

RRajeevMukhesh
79% match