Skip to main content
SimilarExport ZIP
100%

Assignment2_Q1_Piechart_Rashmitha

✓ Published0🌍 Public
Rrashmithatanneru@gmail.com
Last edited Apr 9, 2024
Created on Apr 8, 2024
Forked from Hello VizHub

This pie chart visualizes the number of people affected by Ebola in 2014, aggregated by country from a CSV dataset. A D3.js v5 script loads the data, groups entries by country, and sums the affected counts to create proportional slices. The SVG rendering includes interactive tooltips that display each country’s count and percentage on mouseover, alongside a legend showing the same percentages. The visualization uses d3.pie, d3.arc, and d3.scaleOrdinal for color encoding, with a custom CSS tooltip for user feedback.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

assignment2

This interactive pie chart visualizes the number of deaths by country, using data loaded from a CSV file hosted on GitHub. The chart displays each country as a colored arc segment, with the death count labeled directly on each slice, and includes a legend for identification. Built with D3.js v7, the visualization uses `d3.pie()` to compute arc segments, `d3.arc()` to generate paths, and `d3.schemeCategory10` for coloring. Hovering over a slice triggers a tooltip showing the country name and death count, implemented with mouseover/mouseout events and opacity transitions. The SVG-based chart employs `d3.csv()` for data loading and positions labels via `arc.centroid()` for accurate placement.

1188r1a0559@gmail.com
77% match
Loading thumbnail…

Task9&10_PieChart

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.

Jjyothirmaijyothi2017@gmail.com
77% match
Loading thumbnail…

Assignment-2-Q1

A pie chart ranks the ten countries with the highest Covid-19 mortality totals, displaying each country’s death count as a labeled slice and an accompanying legend. The visualization uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` APIs to generate and color the segments, while data is fetched as CSV via `d3.csv` from a GitHub gist. The SVG render includes white text labels and a custom legend with colored rectangles, sorted descending by total deaths.

Gganjishivakumar276@gmail.com
75% match
Loading thumbnail…

Activity6_Question1.2_Rashmitha

This bar chart displays the population of 20 countries in 2010, sorted along a horizontal axis against a categorical list of country names on the vertical axis. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis, rendering SVG rectangles. Data is loaded as CSV from a GitHub repository, with population values formatted using D3’s `format('.2s')` to abbreviate large numbers. Hovering over each bar reveals its exact value via a native SVG `<title>` tooltip.

Rrashmithatanneru@gmail.com
75% 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
75% match
Loading thumbnail…

Activity6_Question1_Rashmitha

This bar chart displays the population of the top ten countries for the year 2000. The visualization is rendered with React and SVG, using D3 v5's `scaleBand` for the categorical country axis and `scaleLinear` for the numerical population axis. Data is loaded from a CSV using `d3.csv` based on a raw GitHub URL. The chart features horizontal bars, axis tick marks, and tooltips showing the formatted population values.

Rrashmithatanneru@gmail.com
75% match
Loading thumbnail…

Assignment2_Pvs

This pie chart visualizes the prevalence of seven common health conditions, with slices sized proportionally to each condition’s percentage. A legend identifies each condition, and hovering over a slice reveals its name via a tooltip. Built with D3 version 3, the visualization uses the `d3.layout.pie` and `d3.svg.arc` APIs to generate and draw the slices, along with a custom tooltip and color palette. The code constructs an SVG graphic and includes placeholder axis labels, with a static dataset embedded directly in the script.

PPvs Prashanth
75% 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
75% match