Skip to main content
SimilarExport ZIP
100%

Assignment 6

✓ Published0🌍 Public
BBhargav Reddy
Last edited Oct 19, 2025
Created on Oct 19, 2025
Forked from D3 Starter

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment 6

This D3.js v7 visualization combines a bar chart of daily maximum temperatures with a monotone-smoothed line chart of mean temperatures from a 1948 weather dataset. Orange bars encode the maximum temperature values against the left y-axis, while the blue line uses the right y-axis for the mean temperature readings. The chart renders as an SVG using `d3.select`, `d3.scaleBand`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, `d3.axisRight`, and `d3.line` with `d3.curveMonotoneX`, displaying years along the bottom axis.

BBhargav Reddy
87% match
Loading thumbnail…

Assignment _6(Multi series chart)

This multi-series line chart visualizes monthly climate trends, comparing average temperature, rainfall, and humidity across aggregated city data. The chart uses a shared y-axis to display all three metrics, with distinct colored lines and a legend for identification. The code loads CSV data via `d3.csv`, aggregates it with `d3.rollups`, and scales axes using `d3.scaleLinear`. Lines are drawn with `d3.line` paths, while gridlines and axes are rendered using `d3.axisLeft` and `d3.axisBottom`. A highlighted circle annotates the peak temperature point.

Ssaisowjanyaedupuganti.24f@gmail.com
85% match
Loading thumbnail…

Assignment_6_Sowjanya_3

This multi-series line chart shows monthly climate trends for temperature, rainfall, and humidity from a CSV dataset, with each series color-coded via D3’s `scaleOrdinal` and `schemeSet2`. It uses the `d3.line` generator to draw three overlaid paths, and `d3.axisLeft` with negative tick sizes to create subtle gridlines. Data is aggregated by month using `d3.rollups` and `d3.mean`. A circle annotation highlights the peak temperature point, while legend and axis labels clarify the scales.

Ssaisowjanyaedupuganti.24f@gmail.com
82% 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
82% match
Loading thumbnail…

Line Chart Global Temperature

This line chart visualizes global average temperature trends over time, plotting temperature values against yearly dates. The visualization uses D3.js v7 with an SVG rendering approach, employing `d3.scaleTime` and `d3.scaleLinear` for axes and a `d3.line` generator to create the orange trend line. Data is loaded remotely from a GitHub-hosted CSV file containing cleaned temperature records, with the code handling missing or empty data through error messages. The chart includes labeled axes, a legend, and a clean white background with subtle shadow styling.

Sshabanasyed2266@gmail.com
82% match
Loading thumbnail…

Global vs Local Temperature Multi-series line chart

This interactive visualization displays yearly average temperature trends for individual countries from 1750 to 2013, using a multi-series line chart with a dropdown menu to switch between countries. The D3.js v7 code loads CSV data, aggregates monthly records into yearly averages, and renders an SVG line chart with axes, dots, and hover tooltips. It uses d3.csv, d3.rollups, d3.scaleLinear, d3.line with curveMonotoneX, and d3.schemeTableau10 to color the selected country’s line.

Sshabanasyed2266@gmail.com
81% match
Loading thumbnail…

Assignment3.2

This example visualizes monthly average temperature variations from January to December using a smoothed area chart. It renders an SVG graphic with red-filled areas and styled axes, drawing data from a CSV file hosted on GitHub. The visualization is built with D3 v5, using functions like `scalePoint`, `scaleLinear`, `area`, `curveBasis`, `axisBottom`, and `axisLeft` to create scales, the area path, and labeled axes. Axis ticks and labels are styled via CSS classes applied in the SVG output.

Ssiddhubhupathi@gmail.com
81% match
Loading thumbnail…

Multi-Series Line Chart (Lab 3)

This multi-series line chart displays daily average temperatures for New York, San Francisco, and Austin over a year, with each city color-coded and labeled. It highlights the minimum and maximum temperature points for each series with annotated text. The visualization loads a TSV file using d3.tsv, parses dates with d3.timeParse, and encodes time on the x-axis with d3.scaleTime and temperature on the y-axis with d3.scaleLinear. Lines are drawn using d3.line, axes created with d3.axisBottom and d3.axisRight, and colors assigned via d3.scaleOrdinal with d3.schemeCategory10. All marks render as SVG.

PPragyagarg
80% match