Skip to main content
SimilarExport ZIP
100%

KR_DV_ICE_7_2

✓ Published1🌍 Public
KkarthikRachamalli1995
Last edited Mar 11, 2023
Created on Mar 10, 2023
Forked from HTML Starter

A pie chart visualizes daily average temperatures in Denton from December 21 to 30, 2022, with each slice representing one day’s temperature. The chart uses D3 v5’s `pie` and `arc` generators to compute slice angles and paths, with `scaleOrdinal` mapping temperatures to distinct colors. A legend lists dates alongside their corresponding temperatures, while SVG text labels display each slice’s value in Celsius. Data is loaded asynchronously from a CSV file using `d3.csv`, and the visualization is rendered entirely with SVG elements in a React-based setup.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

KR - DV - ICE-6

This example displays a horizontal bar chart of daily high temperatures for Denton city from December 21, 2022, to January 4, 2023, using data loaded from a CSV file hosted on GitHub Gist. The chart uses React with hooks (`useState`, `useEffect`) to fetch and parse the data, while D3 v5’s `scaleBand` and `scaleLinear` define the ordinal date axis and linear temperature axis. SVG rectangles render the bars, and custom axes with tick lines and labels are drawn manually. The visualization also includes rotated axis titles for "Date" and "Temperature (°C)".

KkarthikRachamalli1995
86% match
Loading thumbnail…

KR_DV_ICE_7_3

A line chart displays Denton temperature readings from December 21 to December 30, 2022, with dates on the x-axis and temperatures on the y-axis. Built with d3.v5, the visualization uses `scaleTime` and `scaleLinear` to map data, `axisBottom` and `axisLeft` for labeled ticks, and a `line` generator with `curveBasis` for the smoothed red path. The CSV data is loaded from a GitHub gist and rendered as SVG, with axis labels and a title.

KkarthikRachamalli1995
86% match
Loading thumbnail…

Fork of KR_DV_ICE_7_4

This fork of KR_DV_ICE_7_4 displays a filled area chart of Denton temperatures over a ten-day period in late December 2022. The visualization uses an SVG canvas and D3 v5 APIs including `d3.scaleTime` for the date-based x-axis, `d3.scaleLinear` for the temperature y-axis, and `d3.area` with a basis curve to render the maroon filled region. Axis labels and a title are added via SVG text elements. Data is loaded from a remote CSV file containing daily weather observations.

KkarthikRachamalli1995
81% 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…

KR - DV - ICE5

This example displays a summary of Denton weather data from December 2022 to February 2023, presenting descriptive statistics for attributes such as temperature, humidity, precipitation, and wind speed. The page uses D3.js (v7) to load a CSV file via `d3.csv`, convert string values to numbers, and compute minimum, maximum, mean, median, and standard deviation for each attribute using `d3.min`, `d3.max`, `d3.mean`, `d3.median`, and `d3.deviation`. Results populate an HTML table alongside a text summary, with a weather-themed background image applied through CSS.

KkarthikRachamalli1995
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
77% 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
76% 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
76% match