Activity 7-QUE2

100%

Activity 7-QUE2

✓ Published0🌍 Public

Last edited Nov 5, 2024

Created on Nov 5, 2024

This chart displays global temperature anomalies from 1880 to 2023 as an area plot, with a blue-to-green gradient fill beneath the line. It shows yearly temperature deviation in degrees Celsius from a baseline, with labeled axes and a title. The visualization uses D3.js v7, loading CSV data via `d3.csv` and rendering shapes as SVG paths with a linear gradient defined through `linearGradient`. Axes are generated with `d3.axisBottom` and `d3.axisLeft`.

AI-generated description

MIT Licensed

Similar vizzes

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

84% match

Loading thumbnail…

Activity7_q2

This area chart displays average monthly temperatures in degrees Fahrenheit, highlighting the seasonal variation across the months of the year. The visualization is rendered as an SVG using D3.js v7, with a light blue filled area and steel blue stroke. It loads CSV data from a GitHub Gist, maps the month names to a point scale on the x-axis, and uses a linear scale for temperature values. The chart includes labeled axes for month and temperature, and the `d3.area()` generator creates the filled path beneath the line.

Aa9.hemraj@gmail.com

82% match

Loading thumbnail…

Activity7_Q2

This area chart displays average temperature recordings over time, with a smooth curve drawn through the data points and a filled region beneath. The visualization uses D3 v5’s `area` and `line` generators with `curveBasis` interpolation, mapping years to a `scaleTime` x-axis and temperatures to a `scaleLinear` y-axis, both with gridlines. The code loads CSV data, parses dates with `d3.timeParse`, and renders axes using `axisBottom` and `axisLeft`. Data comes from a GitHub gist, and the SVG output includes styled gridlines and axis labels.

SSahithi.R

82% match

Loading thumbnail…

Activity7_Question2

This area chart displays average temperatures from 2005 to 2023, with years on the x-axis and temperature in Celsius on the y-axis. The visualization uses D3 v7 to load CSV data from a GitHub gist, create a violet-filled area path using `d3.area`, and render axes with `d3.axisBottom` and `d3.axisLeft`. The SVG rendering includes labeled axes for clarity.

Ssunny.musku2631@gmail.com

82% match

Loading thumbnail…

Activity_7.1_2

This area chart visualizes yearly temperature data as a light blue filled region beneath a line, using an SVG rendering approach. The code loads JSON data from a remote GitHub gist, then applies linear scales for year and temperature values. It constructs the shape using d3.area and renders axes with d3.axisBottom and d3.axisLeft, along with labeled X and Y axes for year and temperature in degrees Celsius.

Ddabbararakshitha@gmail.com

81% match

Loading thumbnail…

Activity 7_Q2

This example displays monthly average temperatures as a smooth area chart, with the area fill and line colored green and each data point labeled with its value in degrees Celsius. It loads CSV data from a GitHub gist and renders an SVG visualization using D3 v5, applying `scaleBand` and `scaleLinear` for the axes, `area` to generate the area path, and `axisBottom`/`axisLeft` for the titled axes. The code uses `select`, `csv`, `max`, and the `join` method to add text labels for peaks and troughs.

Sssuryateja804@gmail.com

80% match

Loading thumbnail…

Activity 7 Q2

This visualization displays monthly average temperature data as an area chart, with a semi-transparent steelblue fill and red circular markers highlighting each month’s value at the top of the area. The chart uses an ordinal x-axis for months and a linear y-axis for temperature, rendered in SVG. The code loads data from a remote CSV file via `d3.csv`, then builds the area using `d3.area()` with `d3.scaleBand` for positioning and `d3.scaleLinear` for the y-axis. Axes are generated with `d3.axisBottom` and `d3.axisLeft`.

Ssumanthpenna0221@gmail.com

80% match

Loading thumbnail…

Fork of Activity_7.1.1_Question_2

This chart visualizes monthly temperature data as an area chart, with a semi-transparent lightsteelblue fill beneath a steelblue line. The SVG output is generated using D3 version 7, positioning months on the x-axis and temperature in degrees Celsius on the y-axis. The code fetches data from a GitHub Gist via `d3.csv` and constructs the visualization using `d3.scaleBand`, `d3.scaleLinear`, and `d3.area`. Both axes include labels and tick marks, with the chart contained within a page that centers the 700x400 pixel graphic.

Aadityatrip9899@gmail.com

80% match