Skip to main content
SimilarExport ZIP
100%

Assignment7 Question 4

✓ Published0🌍 Public
Vveginetiumeshchandra@lbrce.ac.in
Last edited Oct 28, 2025
Created on Oct 28, 2025
Forked from HTML Starter

This area chart displays the average temperature trend in India from 2000 to 2023, using a lightseagreen filled region with a teal monotone curve and orange data points. The visualization is built with d3.v7, using `d3.area()` and `d3.line()` for the geometric shapes, with scales defined by `d3.scaleLinear()`. It loads climate data from a GitHub gist CSV and renders as an SVG with gridlines, axes, and rotated axis labels.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment 7 question 3

This example presents a line chart of India’s average annual temperature from 2000 to 2023, drawn in SVG using D3 v7. The visualization plots a teal monotone curve with orange circular markers for each year’s temperature value. It uses d3.csv to load climate data from a GitHub gist, d3.scaleLinear for the x and y axes, and d3.axisLeft and d3.axisBottom to render ticks with gridlines. The chart includes labeled axes and a title, with data filtered to a single country and sorted by year.

Vveginetiumeshchandra@lbrce.ac.in
92% 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
82% match
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
81% match
Loading thumbnail…

Assignment-2(Question-2)

This area chart displays the yearly average Fahrenheit temperature using a green-filled path. The visualization loads its data from a GitHub gist via `d3.csv` and maps the year and temperature values to the x and y axes using `d3.scaleLinear` with `d3.extent`. The SVG rendered with D3 v6 shows the area between the baseline and the temperature line, complemented by themed axis labels and a distinct fill color.

Vvenkataravitarunelisetty@my.unt.edu
81% match
Loading thumbnail…

Activity 7 Question 2

This area chart displays global average temperature over time, with the year on the x-axis and temperature in degrees Celsius on the y-axis. The chart is rendered as an SVG using the D3 v7 library, loading data from a CSV file provided via a GitHub gist URL. The code uses `d3.scaleLinear` for both axes, `d3.area` to create the filled area path, and `d3.axisBottom` and `d3.axisLeft` for tick marks. The area is filled with a semi-transparent steelblue color, and the chart includes labeled axes and a title.

Vvemulasai306@gmail.com
78% match
Loading thumbnail…

Assignment 6

This multi-series line chart visualizes yearly average global temperatures from 1948 to 2023, comparing maximum, mean, and minimum temperature trends using three colored lines (red, blue, and green). The visualization aggregates daily temperature records from a CSV file by year using d3.rollup, then renders the aggregated data as an SVG with d3.line and curveMonotoneX. Points are sampled every fifth year as markers, with axes implemented via d3.axisBottom and d3.axisLeft. A legend identifies each metric, and the chart includes axis labels and a descriptive title.

BBhargav Reddy
78% match
Loading thumbnail…

Activity 7.1 Question 2

This visualization displays average temperatures between 2009 and 2019 as a smooth, curved area chart. The chart uses a time-scaled x-axis for years and a linear-scaled y-axis for temperature, with a filled pink region beneath the line. The D3 v5 code loads CSV data from a GitHub repository, uses `d3.scaleTime` and `d3.scaleLinear` for axes, and generates the line and area paths via `d3.line`, `d3.area`, and `d3.curveBasis`. Gridlines and bold blue axis labels enhance readability.

UUday Vandanapu
78% match
Loading thumbnail…

Assignment-2-2

This visualization displays monthly average temperatures as a filled area chart, with temperature values plotted along the y-axis and months along the x-axis. The chart uses a steelblue fill to represent the temperature trend across the year. Built with D3.js, it imports data from a remote CSV file and leverages `scaleBand`, `scaleLinear`, and `area` to generate the geometry. The code employs `axisBottom` and `axisLeft` for the coordinate axes, with labels for "Month" and "Average Temperature (°C)". The SVG output is configured to fill the browser viewport.

Hhkodiripaka15@gmail.com
78% match