Activity 6_question 3

100%

Activity 6_question 3

✓ Published0🌍 Public

Last edited Oct 23, 2024

Created on Oct 22, 2024

This example visualizes the relationship between daily mean temperature and humidity, using wind speed to encode point color, in a scatter plot. Daily climate data from a CSV file is represented by circles, with a continuous color gradient that maps wind speed values. The chart includes labeled axes and a color legend for wind speed. The implementation uses D3 v7 functions like `scaleLinear`, `extent`, `scaleSequential`, `interpolateCool`, `axisBottom`, and `axisLeft`, rendering as SVG within the HTML document. A custom color legend is created with a linear gradient and axis ticks.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

activity 6_question 4

This bubble chart displays daily weather observations from a climate dataset, plotting humidity on the x-axis against mean pressure on the y-axis. Each circle’s radius encodes wind speed, while its color represents mean temperature, using a viridis sequential color scale. The visualization is built with D3 v7, using `d3.scaleLinear` for axes, `d3.scaleSqrt` for bubble sizing, and `d3.scaleSequential` for color mapping. A legend with a linear gradient and axis communicates the temperature scale, with data loaded from a CSV file.

Ssindhureddykandada@gmail.com

86% match

Loading thumbnail…

Activity-8_Q3.6

This example shows a scatter plot of temperature versus humidity, with points shaped according to weather condition (sunny, cloudy, or rainy) and colored accordingly. The visualization loads CSV data via fetch, parses it with `d3.csvParse`, and renders shapes using `d3.symbol` with `symbolsFill` scales. Axes are drawn with `d3.axisLeft` and `d3.axisBottom`, while a custom legend maps shape scales to weather labels. The code is organized into modular ES6 files, using `d3.scaleLinear` for positioning and `d3.scaleOrdinal` for shape encoding.

SSree Yuktha Sunkara

81% match

Loading thumbnail…

A6 - Scatterplot with Qualitative Color Scale

This scatterplot shows the relationship between average temperature and wind speed across different states, with each dot colored by state to reveal grouping patterns. The visualization uses D3.js v6 to load CSV weather data and render SVG circles, mapping temperature to the x-axis and wind speed to the y-axis. A qualitative color scale (d3.scaleOrdinal with d3.schemeCategory10) assigns distinct colors to each state, while a categorical legend created with the d3-legend library identifies the color encoding. The chart includes labeled axes, a title, and semi-transparent points for readability.

RRiya Mathur

77% match

Loading thumbnail…

Activity 6_Question 4_Harini

This interactive bubble chart visualizes correlations between mean temperature, humidity, and wind speed across 50 U.S. cities. Each circle’s x-position represents temperature, y-position represents humidity, and radius encodes wind speed, while color distinguishes cities. Hovering reveals a city name tooltip. Built with D3.js v7, the SVG renders axes, a size legend for wind speed, and uses d3.scaleOrdinal for city coloring. Data is loaded from a CSV file, with animated opacity and stroke changes on mouseover.

Kkamarthyharini24@gmail.com

77% match

Loading thumbnail…

Activity-6-Q3

This scatter plot shows the relationship between mean temperature and humidity in Delhi, with each point colored by humidity category (low, medium, or high). The data comes from the DailyDelhiClimateTest.csv file, and the visualization uses d3.v7 with SVG rendering. The code uses d3.csv to load the data, d3.scaleLinear for the axes, and d3.scaleOrdinal with a custom color range to categorize humidity levels. A legend identifies the three humidity categories.

119n81a0581sunny@gmail.com

76% 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

75% 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

75% match

Loading thumbnail…

Activity6_Task2-Question3

This stacked bar chart visualizes the first 30 days of Delhi climate data, showing how the daily values for mean temperature, humidity, wind speed, and mean pressure contribute to a total for each day. The code uses `d3.csv` and `d3.autoType` to load the data, then employs `d3.stack` and `d3.scaleBand` with a color ordinal scale to render the stacked rectangles in an SVG. It uses `d3.axisBottom` and `d3.axisLeft` for the axes, with a manually positioned legend.

Kkrunalpatel@my.unt.edu

75% match