Skip to main content
SimilarExport ZIP
100%

ICE7_PieChart_Manisha

✓ Published0🌍 Public
Kkonudulamanisha@gmail.com
Last edited Oct 28, 2025
Created on Oct 28, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE7_PieChart_Manisha

This pie chart displays each planet’s share of total solar radiation, with slice labels showing percentages and a legend listing raw W/m² values. The visualization loads CSV data from a GitHub repository and uses D3 v7’s `d3.csv`, `d3.autoType`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `d3.schemeTableau10`. SVG paths and text elements are generated within a 640×480 canvas, while the HTML legend updates dynamically alongside the chart.

Kkonudulamanisha@gmail.com
87% match
Loading thumbnail…

ICE - 7 Pie chart viz

This pie chart displays the percentage of the female population across six countries, using a CSV data source. The visualization renders with `d3.pie()` to compute arc segments and `d3.arc()` for path generation, with each slice colored via a categorical scale and labeled with its percentage value. A legend on the right maps each color to its corresponding country and percentage, while the total dataset is loaded asynchronously using `d3.csv()` from a GitHub gist. The chart uses an SVG canvas with fixed dimensions and custom styling for the text and legend.

Ssuchitra2602
85% match
Loading thumbnail…

ICE - 7 Pie - Manasa

A pie chart visualizes the population distribution across continents, sourced from a CSV file fetched via `d3.csv` and represented as proportional slices. The D3 code uses `d3.pie` to compute arc segments, `d3.arc` with inner and outer radii to generate the shapes, and `d3.scaleOrdinal` with a custom color array for section fills. Each slice displays its population value as text, positioned using the arc’s centroid. A legend, built with SVG rectangles and text, maps continent names to their corresponding colors and formatted population counts, rendering everything within an SVG canvas.

MManasa891-git
85% match
Loading thumbnail…

ICE7_LineChart_CropProduction_Manisha

This line chart displays crop production by country, with countries sorted in descending order of total production in million tonnes. The visualization uses a monotone curve to connect data points, with each point represented by a colored dot that reveals exact production values on hover. The chart is rendered as an SVG using D3 v7, employing `d3.scalePoint`, `d3.scaleLinear`, and `d3.line` with `d3.curveMonotoneX`. Data is loaded asynchronously from a CSV file using `d3.csv` with `d3.autoType`.

Kkonudulamanisha@gmail.com
84% match
Loading thumbnail…

ICE:7 Fork of Pie Chart

A pie chart displays the top ten most populous countries in 2020, with each slice sized by population and a legend listing each country alongside its population in millions. The visualization loads CSV data from a GitHub gist via `d3.csv`, then uses `d3.pie` and `d3.arc` to generate SVG paths, with `d3.scaleOrdinal` assigning a distinct color to each slice. A separate legend group renders colored rectangles and text labels using `d3.select` and data joins, while `d3.format` converts raw numbers into readable millions values.

Mmanasanimmagadda13
83% match
Loading thumbnail…

ICE-7:Pie Chart for csv dataset

This pie chart displays the nuclear energy usage of various countries, with each slice representing a country and its corresponding usage value. The chart is rendered as an SVG using D3 v5, with data fetched as CSV from a GitHub Gist. The code uses `d3.csv` to load the dataset, `d3.pie` and `d3.arc` to compute and draw the slices, and `d3.scaleOrdinal` to assign colors. Each slice displays its value in thousands, and a legend on the right shows country names alongside their usage figures.

BBajiSharifPatan@my.unt.edu
83% match
Loading thumbnail…

ICE7_AreaChart_CropProduction_Manisha

This area chart visualizes crop production (in million tonnes) across countries, sorted from highest to lowest producers. The visualization combines a smooth blue area fill with a line overlay and labeled dots to highlight individual data points. Built with D3.js v7, it uses `d3.area`, `d3.line`, and `d3.curveMonotoneX` to generate the shapes, while `d3.scaleLinear` and `d3.scaleBand` handle the axes. Data is loaded from a CSV file via `d3.csv`, with grid lines and rotated country labels for readability.

Kkonudulamanisha@gmail.com
83% match
Loading thumbnail…

ICE7 - Pie Chart

This pie chart visualizes regional sales distribution, with each slice representing a region's proportion of total sales and a legend showing region names with percentage values. The code loads sales data from a GitHub-hosted CSV using d3.csv, then renders the chart with d3.pie and d3.arc functions, applying colors via scaleOrdinal. SVG elements are appended to the page using d3.select, with legend text formatted via d3.format to display percentages. The visualization uses d3.v5 and outputs the result as scalable vector graphics.

Kkuraakhila9@gmail.com
83% match