Skip to main content
SimilarExport ZIP
100%

Task9&10 Q-1 Divya Anusha Chandrupatla

✓ Published1🌍 Public
Ddivyaanushachandrupatla@my.unt.edu
Last edited Apr 29, 2024
Created on Apr 29, 2024
Forked from Task9&10_areachart

This D3.js visualization presents a pie chart of weather conditions from a rainfall dataset, showing the proportional distribution of each condition as a percentage. The chart uses `d3.pie`, `d3.arc`, and `d3.rollup` to aggregate and render the data, with a categorical color scale (`d3.scaleOrdinal` with `d3.schemeCategory10`) filling each slice. Labels display calculated percentages using `d3.sum` to compute totals. A legend to the right, built with `d3.selectAll` and appended elements, maps colors to condition names, while the SVG canvas provides the rendering surface.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

task 9

This visualization shows the humidity distribution among the top ten weather stations, displayed as a pie chart with labeled slices and a color-coded legend. The code loads data from a CSV file via `d3.csv`, converts humidity values to numbers, and sorts them before selecting the highest ten. Using D3 v7 APIs, it builds the chart with `d3.pie()` and `d3.arc()`, applies a categorical color scale with `d3.scaleOrdinal`, and renders labels at slice centroids. An SVG-based legend lists each station with its corresponding color and percentage.

Cchandrikachowdary867@gmail.com
81% match
Loading thumbnail…

Task 9&10-Q1

A pie chart visualizes three categories with values 30, 50, and 20, using a color-coded legend. Built with D3 v7, the example loads D3 via UNPKG and imports `pie`, `arc`, and `scaleOrdinal` from local ES6 modules. The SVG chart centers arcs with a translated group element, while a separate group renders the legend. Data is hardcoded in `index.js`, and the chart updates through D3’s data join pattern.

Sshraehithareddy@gmail.com
79% match
Loading thumbnail…

task 9_ question 1

This example displays a pie chart that visualizes the distribution of two categorical outcomes, "play" and "noplay", from a weather dataset. The chart is rendered as an SVG using D3.js, with data loaded from a CSV file via `d3.csv()`. It uses D3's `pie()` and `arc()` functions to compute the chart geometry and a `scaleOrdinal()` for color mapping, with a legend added on the right.

Bbudalavijay2001@gmail.com
78% match
Loading thumbnail…

activity7.1

This example visualizes the distribution of weather conditions from a CSV dataset as a pie chart. It counts occurrences of each condition, then renders the chart using D3 v7's `d3.pie` and `d3.arc` APIs, with slices colored via `d3.scaleOrdinal` and `d3.schemeCategory10`. Labels display each condition near its slice, and a separate legend is built using `d3.select`. The SVG output is 600 by 600 pixels, with data loaded asynchronously via `d3.csv` from a GitHub Gist.

KKavyaEti
78% match
Loading thumbnail…

task 9 pie chart Q1

This pie chart displays the percentage of climate-related spending allocated across different government departments. The visualization uses D3.js v7 to load CSV data from a GitHub gist, then encodes the spending values with a categorical color scheme and labels each slice with its department name and percentage. The chart includes a legend on the right side of the SVG canvas, and it uses d3.pie() for slice calculations, d3.arc() for constructing the pie geometry, and d3.scaleOrdinal for coloring.

RRakesh Yadav
77% match
Loading thumbnail…

task9&10

This pie chart displays the proportional distribution of fruit quantities from a CSV file, labeling each slice with its fruit name and including a color-coded legend. Built with D3 v7, it uses the `d3.pie` and `d3.arc` generators to compute and render arcs as SVG paths, with `d3.scaleOrdinal` assigning categorical colors. Data is loaded asynchronously via `d3.csv`, and labels are positioned using `arc.centroid`.

HHanuReddy
77% match
Loading thumbnail…

Question1_Task9

This D3.js v5 visualization presents a pie chart of the Air Quality Index by country, using SVG rendering. The chart encodes each country's Air_Index value as a pie slice, with colors assigned via the d3.scaleOrdinal and schemeCategory10 color scale, and includes a legend showing country names and their formatted index values. The code loads CSV data from a GitHub gist, converts the Air_Index field to numbers, sorts countries by index, and uses d3.pie and d3.arc to generate the slices. The chart is titled "Air Quality Index by Country."

Vvidiyalasahithi1999@gmail.com
77% match
Loading thumbnail…

Task9-Question1

This interactive pie chart displays the percentage distribution of various factors for a selected country, allowing users to compare categorical breakdowns through a dropdown menu. The visualization loads CSV data from a GitHub repository and dynamically updates both the chart and its legend when a new country is chosen. Built with D3 v7, it uses `d3.pie()` to compute arc angles, `d3.arc()` to generate SVG paths, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color mapping, with text labels showing each factor's percentage.

LLayaMyadam@my.unt.edu
77% match