Skip to main content
SimilarExport ZIP
100%

Fork of CE-7 Q2

✓ Published2🌍 Public
Yyashaswisanjanaaerra@my.unt.edu
Last edited Mar 31, 2025
Created on Mar 31, 2025
Forked from CE-7 Q1

A pie chart displays the average seasonal temperature distribution in India for 2017, with four slices for winter, spring, summer, and autumn ranging from 23.83°C to 32.33°C. Using D3 v7, the code computes arcs with d3.pie and d3.arc, renders SVG paths, labels each slice with d3.arc for centroid placement, and pairs the chart with a legend built from d3.scaleOrdinal and the d3.schemeSet3 color palette.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

CE-7 Q4

An area chart shows the temperature trend in India from 2000 to 2017, with values rising from roughly 29.6°C to 31.6°C. The SVG is built with D3 v6, using `d3.scaleLinear` for axes and `d3.area` to generate the filled path. Axes are labeled "Year" and "Temperature (°C)". The static dataset is embedded directly in the code, and the chart is rendered with a brown fill.

Yyashaswisanjanaaerra@my.unt.edu
83% 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
81% match
Loading thumbnail…

CE-7 Q3

This example shows the annual average temperature trend in India from 2000 to 2017 using an SVG line chart. The chart plots temperature values (ranging from roughly 29.6°C to 31.6°C) against years, with a steelblue line and labeled axes for "Year" and "Temperature (°C)". The code uses D3 v7's `d3.select`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.line` APIs to generate the axes and line path. The data is embedded directly as an array in the script, with the chart rendered in an SVG container sized 800 by 400 pixels.

Yyashaswisanjanaaerra@my.unt.edu
80% match
Loading thumbnail…

Fork of Fork of ice-7 q2

This example displays a pie chart with labeled slices, where each slice’s color corresponds to a categorical label and its size reflects a numeric value. The visualization is rendered as static SVG using D3.js v6, with the chart centered in a 500×500 viewport and slice labels placed at each arc’s centroid. Data is loaded asynchronously from a remote JSON file via `d3.json`. The chart uses `d3.pie` to compute arc segments, `d3.arc` for path geometry, and `d3.scaleOrdinal` with `d3.schemeCategory10` to assign colors.

Bbhargavinalamothu@gmail.com
79% match
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
79% 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
78% 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
78% match
Loading thumbnail…

Fork of Fork of ICE-7 Pie Chart

This fork of an ICE-7 pie chart visualizes 2022 laptop market share in India, displaying each company’s sales as a colored wedge. The chart uses d3.pie and d3.arc to construct the segments from CSV data, with d3.scaleOrdinal assigning categorical colors. The code loads data via d3.csv from a Gist URL, renders SVG paths, and appends a legend with d3.select and classed elements.

TTekmal-Bhavana
78% match