Skip to main content
SimilarExport ZIP
100%

ACTIVITY 7.1 Q2

✓ Published0🌍 Public
Rragasrikakarla27@gmail.com
Last edited Nov 10, 2025
Created on Nov 10, 2025
Forked from HTML Starter

This visualization shows monthly average temperatures for U.S. states in 2024, with an interactive multi-select list to choose which states to display. It renders both area charts and overlaid line paths for each selected state, using a color-coded legend and tooltips on hover. The code uses D3 v7 APIs including `d3.area`, `d3.line`, `d3.scaleTime`, `d3.scaleLinear`, `d3.csv`, and `d3.axisBottom` to load synthetic temperature data from a remote CSV and render animated SVG paths. Users can show the top eight states or clear the current selection.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity7_Question2

This area chart displays monthly average temperatures across the USA for 2023, using a steel-blue filled path to visualize the data. Built with D3.js v7, the visualization loads CSV data from a GitHub repository and renders as an SVG. The code employs `d3.csv`, `d3.scaleBand`, `d3.scaleLinear`, `d3.area`, and `d3.axisBottom`/`d3.axisLeft` to construct the chart, with a title indicating the dataset's temporal and geographical scope.

VVENKATESWAR RAO CHINTA
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
79% 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
79% match
Loading thumbnail…

Activity6_Question4

This bubble chart shows how average population, area, and temperature correlate across multiple U.S. cities. Each circle’s x-position encodes population, y-position encodes area, radius encodes temperature, and color distinguishes cities. The visualization uses D3 v7 with SVG rendering, linear scales for axes and bubble size, and an ordinal color scale. Interactive tooltips appear on mouseover, while legend circles indicate the temperature-to-radius mapping. Data is loaded from a CSV file.

Ssaisnehapalle@my.unt.edu
78% 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
78% match
Loading thumbnail…

ACTIVITY 6 Q3

This scatter plot visualizes the relationship between average temperature and humidity across ten cities, with each point colored by continent. The visualization uses D3 v7 to render SVG circles, with `d3.scaleLinear` for both axes, `d3.scaleOrdinal` for the categorical color mapping, and `d3.axisBottom`/`d3.axisLeft` for the tick marks. A static legend groups the five continents, while the data comes from a hardcoded array in the script.

Rragasrikakarla27@gmail.com
77% match
Loading thumbnail…

Activity6_Task4_Q4

This bubble chart shows the correlation between average temperature, humidity, and pressure for various U.S. states. It plots temperature on the x-axis and humidity on the y-axis, while encoding pressure through both the size and color of each bubble, with a legend for pressure values and a color scale for states. The visualization uses D3.js v7, leveraging `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` with `d3.interpolateTurbo` for color mapping, and custom tooltip handlers for interactivity. Data is loaded from a CSV file, and hovering reveals each state's name.

Vvenkatamanikantavaddi@my.unt.edu
77% match
Loading thumbnail…

Question2-Activity-7

This example displays an area chart of Alabama's average monthly temperatures over time, using a blue filled path to emphasize the temperature trend. The chart is rendered as a static SVG, with axes labeled in bold text. The visualization loads data from a remote CSV via D3's `csv` function, then uses `scaleTime` and `scaleLinear` for scales, `area` for the generator, and `axisBottom` and `axisLeft` for axes. The data is parsed by constructing date objects from month and year fields, and the chart is drawn within a fixed 900x500 SVG container.

Kkotasc18@gmail.com
77% match