Skip to main content
SimilarExport ZIP
100%

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

✓ Published0🌍 Public
KKondreddy Saikiran reddy
Last edited Apr 12, 2024
Created on Apr 12, 2024

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`.

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
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
91% 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
87% 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
85% match
Loading thumbnail…

Fork of Fork of ICE - 7 Pie Chart

This pie chart visualizes the total number of tourists visiting various countries, with each slice colored distinctly and labeled with its value in lakhs. The chart reads data from a CSV file fetched via `d3.csv`, then uses `d3.pie` and `d3.arc` to generate the segments, while `scaleOrdinal` assigns the categorical colors. A legend on the right maps each country to its corresponding color and visitor count, rendered alongside the chart using SVG elements. The visualization updates dynamically asynchronously, with text labels positioned via `arc.centroid` for clarity.

SSaikiran2029
83% 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
82% match
Loading thumbnail…

Pie Chart-Ganesh

This pie chart displays the distribution of temperatures from a weather dataset, categorizing cities into low, medium, and high ranges. It uses d3.v7’s `d3.pie` layout and `d3.arc` generator to render SVG paths, with a discrete color scale and interactive legend. Data is fetched from a remote CSV file and parsed with `d3.csvParse`, while labels are positioned using each arc’s centroid.

Gganeshseeram2405@gmail.com
82% match
Loading thumbnail…

Fork of ICE-7 (Part-1)

This scatter plot visualizes the relationship between temperature and humidity from a weather dataset. The visualization encodes each data point as a circle, with temperature mapped to the x-axis and humidity to the y-axis. Using D3 v7, the code loads CSV data via `d3.csv`, constructs linear scales with `scaleLinear`, and renders axes with `d3.axisBottom` and `d3.axisLeft`. SVG circles are appended to the plot, with a hover effect that changes their fill color to orange.

Rreddysushma994@gmail.com
82% match