Skip to main content
SimilarExport ZIP
100%

CE-7 Q3

✓ Published1🌍 Public
Yyashaswisanjanaaerra@my.unt.edu
Last edited Mar 31, 2025
Created on Mar 31, 2025
Forked from Fork of CE-7 Q2

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.

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

Assignment7 Question 4

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.

Vveginetiumeshchandra@lbrce.ac.in
82% match
Loading thumbnail…

Fork of CE-7 Q2

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.

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

Q3 dinesh area chart D3.js!

This area chart visualizes global average temperatures from 2000 to 2024, showing a steady upward trend from 14.3°C to 15.6°C. The visualization loads data from a CSV file using d3.csv, then employs d3.area and d3.curveMonotoneX to render a smooth filled region with steelblue stroke. Axes are generated with d3.axisBottom and d3.axisLeft, while d3.scaleLinear maps years and temperature values. The SVG chart includes labeled axes and a title, all styled through a separate CSS file.

Ddineshsingiri18@gmail.com
79% match
Loading thumbnail…

Q2 dinesh Line chart D3.js!

This line chart visualizes the rise in average global temperature from 2000 to 2024, with yearly values plotted as a smooth monotone curve and marked by tomato-colored circles. The D3.js v7 code loads data from a CSV file using `d3.csv`, calculates linear scales with `d3.scaleLinear`, and renders axes via `d3.axisBottom` and `d3.axisLeft`. The chart is drawn as an SVG path with a steelblue stroke, while axes labels and a title are added as SVG text elements.

Ddineshsingiri18@gmail.com
77% match
Loading thumbnail…

activity7.2

This visualization displays yearly average temperatures as a filled area chart, with a steel-blue region rising and falling across the time series. The SVG rendering uses d3.area() to generate the path, scaling the x-axis by year and the y-axis by temperature values. Data loads from a remote CSV via d3.csv, with axes labeled “Year” and “Avg Temperature (°C)”. The chart applies d3.scaleLinear for both dimensions and formats tick labels with d3.format for integer years, highlighting overall temperature trends over time.

GGanesh Gundekarla
76% match
Loading thumbnail…

Activity7.1_Question2

This area chart displays the monthly average temperature in degrees Celsius for a single year, revealing a seasonal pattern with a peak in July and lower temperatures in winter. Built with D3 v6, the visualization encodes temperature values on a linear y-axis and months on a point scale. The chart is rendered as an SVG path using the `d3.area` generator, with axes added via `d3.axisBottom` and `d3.axisLeft`. The data is loaded from a remote CSV file containing two columns: month and temperature.

Vvidyagangasani@my.unt.edu
76% match