Skip to main content
SimilarExport ZIP
100%

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

✓ Published3🌍 Public
MMonish Galla
Last edited Apr 10, 2024
Created on Apr 10, 2024

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.

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 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
93% match
Loading thumbnail…

ICE-7 (Part-2) - Pie Chart

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.

Ppavankrishna441@gmail.com
92% match
Loading thumbnail…

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

This fork uses D3.js (v7) to render a pie chart of regional sales. It loads a CSV file from a GitHub gist containing sales data, aggregates sales by region using `d3.rollup` and `d3.sum`, and displays the result as a pie chart with `d3.pie` and `d3.arc` functions. Each slice is labeled with its region and sales amount, and the chart is rendered as SVG with colors from `d3.schemeCategory10`.

Gganeshseeram2405@gmail.com
85% match
Loading thumbnail…

Fork of ICE-7 (Part-4) - Area Chart

This area chart visualizes city and temperature data from a CSV file fetched at runtime. It uses D3.js version 7 to parse the weather dataset, scale bands for the x-axis, and linear scaling for temperature values on the y-axis. The `d3.area()` generator draws the filled path, while `d3.axisBottom` and `d3.axisLeft` render rotated city labels and measurement ticks. The SVG output includes custom margin-based layout and ordinal color encoding.

RRohithNaiduDevareddy@my.unt.edu
84% match
Loading thumbnail…

Fork of ICE - 7 Pie chart viz

This pie chart visualizes the percentage distribution of COVID-19 cases among the top five countries, with each slice labeled and a corresponding legend. Built with D3 v5, the example uses the `pie` layout function to compute arc segments and the `arc` generator to create the SVG paths. Data is loaded from a CSV file via the `csv` method in `getData.js` and `index.js`, with each country's percentage represented by a distinct color from a manual palette. The chart includes an interactive legend that pairs colored rectangles with country names and values.

AArruSkywalker
84% match
Loading thumbnail…

Fork of ICE - 7 Pie Chart

This example visualizes album data as a pie chart, showing the percentage contribution of each person to the dataset. D3 v5 loads CSV data from a GitHub URL and uses `d3.pie` and `d3.arc` to generate SVG arc segments, with `d3.scaleOrdinal` assigning categorical colors. Labels display percentages on the arcs, while a side legend lists each person and their corresponding value. The chart is rendered as static SVG, with text formatting handled by `d3.format`.

CCherukuriMilind
84% match
Loading thumbnail…

Fork of Fork of ICE-7 pie chart

This pie chart visualizes the number of car units sold, categorizing the data by class name and assigning each segment a distinct color from a predefined palette. The chart renders as an SVG with arcs generated using d3.arc and positions data through d3.pie, while d3.scaleOrdinal maps colors to categories. A legend on the right displays each class with its corresponding color and formatted value using d3.format. Data is loaded asynchronously from a CSV file via d3.csv.

Llikith1266
84% match
Loading thumbnail…

Fork of ICE - 7 Pie Chart

This example shows the percentage sales of different items in a pie chart, with a legend displaying each item’s name and corresponding value. Built with D3 v5, it loads data from a CSV hosted on GitHub, converts sales values to numbers, and uses `d3.pie()` and `d3.arc()` to generate the SVG path segments. Colors are assigned via `d3.scaleOrdinal`, while the legend is manually created with appended rectangles and text. The chart is rendered entirely in SVG, with a fixed width and height, and no interactive behavior.

MMar-99
84% match