ICE7_sowjanya_piechart

100%

ICE7_sowjanya_piechart

✓ Published1🌍 Public

Last edited Oct 27, 2025

Created on Oct 27, 2025

This pie chart visualizes the share of solar radiation for top planets, with each slice’s size proportional to its value and labeled with a percentage when above 8%. The chart is rendered as an SVG using d3.pie(), d3.arc(), and d3.scaleOrdinal with Tableau10 colors, while a legend lists each planet’s value and percentage share. Data is loaded from a remote CSV via d3.csv(). The layout uses a two-column grid for the chart and legend, with slice labels positioned via arc.centroid.

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

91% match

Loading thumbnail…

ICE 7_Area Chart_Sowjanya

This area chart visualizes solar radiation levels across the eight planets, ordered from Mercury to Neptune by their distance from the Sun. A smooth monotone curve connects the data points, with the area beneath filled using a vertical linear gradient that fades from semi-transparent blue to nearly transparent. The visualization uses D3 v7 APIs including `d3.scalePoint`, `d3.scaleLinear`, `d3.axisLeft`, `d3.axisBottom`, `d3.curveMonotoneX`, and `d3.area`. Data is loaded from a remote CSV file containing planetary climate measurements, with hover tooltips displaying each planet’s exact radiation value in W/m².

Ssaisowjanyaedupuganti.24f@gmail.com

83% match

Loading thumbnail…

ICE7_LineChart_Manisha

This line chart visualizes solar radiation levels for eight planets, ordered by their distance from the Sun. Using D3.js v7 with SVG rendering, the code loads CSV data from a GitHub repository and maps the values with `d3.scalePoint` for the categorical planet axis and `d3.scaleLinear` for the radiation intensity. A monotone curve (`d3.curveMonotoneX`) connects the points, with circle markers at each planet, while rotated tick labels and axis titles clarify the ordered categories and units.

Kkonudulamanisha@gmail.com

81% match

Loading thumbnail…

ICE 7 PIE CHART

This pie chart visualizes the populations of the top 10 countries in 2022, with each slice labeled with its population value and accompanied by a color-coded legend. It uses D3 v5 APIs including `pie()`, `arc()`, `scaleOrdinal()`, and `format()` to generate the SVG paths, slice labels, and legend. The data is loaded asynchronously from a CSV via `d3.csv()`, and the chart is rendered with an inner radius of zero and an outer radius of 175 pixels, centered at (250,250) in an SVG canvas.

SSreejaBellamkonda

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

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

79% match

Loading thumbnail…

ICE-7

A pie chart visualizes sales by category from a CSV dataset, using d3.csv to load values. The SVG graphic displays category labels on each slice via d3.arc and a legend on the right. D3 v7’s pie generator computes the arc angles, while d3.scaleOrdinal with schemeTableau10 assigns colors. The code uses `d3.pie()` and `d3.arc()` to generate paths, with tooltips added as titles, and a legend built from rectangles and text elements.

Aankitgoudpoodhari07@gmail.com

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

78% match