ICE-7 (Part-2) - Pie Chart

100%

ICE-7 (Part-2) - Pie Chart

✓ Published4🌍 Public

Last edited Mar 27, 2024

Created on Mar 27, 2024

This pie chart displays the distribution of city temperatures across three categories: low (<20°C), medium (20-30°C), and high (>30°C). The code loads CSV data from a remote GitHub gist using `d3.csvParse`, then uses `d3.pie()` and `d3.arc()` to generate SVG paths. A `d3.scaleOrdinal` with `d3.schemeCategory10` assigns colors to segments, while labels and a legend are added via D3 selections. The visualization is rendered entirely in SVG with D3 v7.

AI-generated description

CSCE 5320.002 Scientific Data Visualization (ICE-7)

Part-1 REUSABLE SCATTER PLOT

Pavan Krishna Yarlagadda (11600263)

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE-7 (Part-2) - Pie Chart

A pie chart visualizes the distribution of temperature readings from a weather CSV file across three ranges: low, medium, and high. It shows the proportional count of cities in each category using colored slices with labels. The visualization is built with D3 v7, fetching and parsing the external CSV via `d3.csvParse`, then using `d3.pie`, `d3.arc`, and an ordinal color scale to construct the SVG arcs. A separate HTML legend is generated from the same data, with color swatches and category labels.

MMonish Galla

92% match

Loading thumbnail…

Fork of Fork of Fork of ICE-7 (Part-2) - Pie Chart

This pie chart visualizes temperature distribution of cities from a weather dataset, categorizing temperatures into low (<20°C), medium (20-30°C), and high (>30°C) ranges. The SVG chart, built with D3 v7, uses `d3.pie()` and `d3.arc()` to generate segments, with a color scale from `d3.scaleOrdinal(d3.schemeCategory10)`. Labels are positioned via `path.centroid()`, and a separate HTML legend displays color-coded range names. Data loads from an external CSV using `d3.csvParse`.

KKondreddy Saikiran reddy

91% match

Loading thumbnail…

ICE-7 PIE CHART

This pie chart shows the highest recorded temperatures per year from 2000 to 2010. Each slice represents a year, labeled with its temperature value and colored according to a categorical scale. The chart is built with D3 v5, using the `pie` and `arc` generators to create SVG paths, and a `scaleOrdinal` for colors. Data is loaded from a raw GitHub CSV via `d3.csv`.

Aav.dj.2000@gmail.com

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

86% match

Loading thumbnail…

ICE7 - Pie Chart

This visualization displays temperature data for Vancouver across multiple years using a pie chart, where each slice represents a year’s value and is color-coded via a categorical scale. The chart is rendered with SVG elements, with D3’s `pie` and `arc` generators computing the slice paths, and `scaleOrdinal` with `schemeCategory10` assigning colors. Data is loaded from a CSV file using D3’s `csv` method, and legends are generated manually to map colors to years.

YYashwanth0311

86% match

Loading thumbnail…

pie chart

This pie chart visualizes temperature distribution across cities from an online food orders dataset, categorizing temperatures into low, medium, and high ranges. The chart uses a standard D3 pie layout with colored arcs and labels, displaying category names directly on the slices. A legend with matching color swatches appears beneath the SVG. The visualization is built with the D3 v7 library, using d3.pie, d3.arc, d3.scaleOrdinal, and d3.csvParse to fetch and process the remote CSV data.

Aanusha.chilkamarri26@gmail.com

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

85% match

Loading thumbnail…

ICE - 7 Pie Chart

This example displays the percentage of total sales for different items in a pie chart using D3 v5. The code loads CSV data from a GitHub gist and renders an SVG with a pie chart and a legend, with each slice and legend entry colored by a fixed ordinal scale. It uses `d3.csv`, `d3.pie`, and `d3.arc` to compute and draw the arc segments, and `d3.scaleOrdinal` for color mapping, while formatting the percentage labels with `d3.format`.

RRamyapriyaPutta

85% match