Pie_Chart-Task9

100%

Pie_Chart-Task9

✓ Published0🌍 Public

Last edited Apr 25, 2024

Created on Apr 23, 2024

This pie chart shows the top five crop yields in Andhra Pradesh for 2017, displaying each crop’s percentage of the total yield as labeled slices with a custom color scale. It uses D3 v5 with `d3.csv`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to load data from a remote ICRISAT CSV, filter by state and year, aggregate yields, and render the SVG chart with an interactive legend. The code computes percentages from summed values and positions text labels using `arc.centroid`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Crop_Yield Pie Chart

This pie chart visualization displays the top 10 store areas and their codes, represented by their crop sales figures from a CSV file. Each slice's size and color correspond to the crop yield value, with store area names placed directly on the chart and a legend on the right. The code uses D3.js v7 APIs including `d3.csv` for data loading, `d3.pie` for creating the pie chart, and `d3.arc` for drawing the slices. The visualization is rendered as an SVG element with a pastel color scale mapping each category to a distinct fill color.

PPothuguntla Pranitha

79% match

Loading thumbnail…

Fork of Andhra Pradesh Wheat Crop Production

This fork of a D3.js pie chart visualizes wheat crop production data for ten districts in Andhra Pradesh, India. It displays each district as a colored arc segment with interactive hover effects, including a tooltip showing the district name and production value. The chart uses D3 v4 with an SVG rendering approach and React for the application structure. The code uses `d3.arc`, `d3.pie`, and `d3.scaleOrdinal` to generate the chart, while data is loaded from an external CSV file via `d3.csv` API.

PPothuguntla Pranitha

78% match

Loading thumbnail…

pie chart

This pie chart visualizes rice production across Indian states, highlighting the highest and lowest producing regions in a summary below the chart. Built with D3 v7, it loads CSV data, aggregates production values per state using d3.rollup, and renders slices with d3.pie and d3.arc. The chart includes interactive tooltips that appear on mouseover, showing the exact production value for each state. An ordinal color scale assigns distinct colors to each slice within the SVG rendering.

Ssuchigeneralpur@gmail.com

78% match

Loading thumbnail…

PieChart

This visualization uses D3.js to display an interactive pie chart of wheat production by Indian states from 1966 to 2017. The chart aggregates production data from a CSV file, using `d3.pie()` to generate slices with an inner radius of zero, and `d3.scaleOrdinal` with `d3.schemeCategory10` for colors. Year checkboxes filter the underlying data via `d3.rollup`, recalculating totals and redrawing the chart, while `mouseover` events show tooltips with production values. The SVG rendering includes a legend and interactive state highlighting.

KKondreddy Saikiran reddy

78% 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

78% match

Loading thumbnail…

Fork of Pie chart-ice-7

This visualization shows the top 10 countries by monthly farming output using a pie chart, with each slice labeled by country name and a legend displaying exact dollar amounts. The chart renders in SVG, fetching CSV data from a GitHub gist and parsing it with d3.csv. It uses d3.pie() to compute arc angles, d3.arc() for the path and label positioning via centroid, and d3.scaleOrdinal() to map a fixed color palette. Text elements use white fill per the CSS, though labels are overridden to black.

SSaiipriiya

76% match

Loading thumbnail…

Andhra Pradesh Wheat Crop Production

A donut chart displays wheat crop production across ten districts in Andhra Pradesh, with each slice sized by production value. The visualization uses D3 v4’s `d3.arc`, `d3.pie`, and `d3.scaleOrdinal` with the `schemeCategory10` color palette, rendered as SVG. Hover interactions adjust slice opacity and show a tooltip with district name and value, while a legend is built separately. Data originates from a CSV loaded via D3’s `csv` method within a React component using hooks.

SShishiraRudrabhatla

76% match

Loading thumbnail…

ICE7_PieChart_Manisha

This pie chart visualizes the share of total crop production for various countries, using data fetched from a CSV file. Each slice represents a country's production in million tonnes, with labels and percentage annotations for larger shares. The visualization is built with D3 v7, using `d3.pie()`, `d3.arc()`, and `d3.scaleOrdinal()` for color mapping, rendered as SVG. A legend accompanies the chart, and the code employs `d3.csv` and `d3.autoType` for data ingestion and parsing.

Kkonudulamanisha@gmail.com

76% match