Skip to main content
SimilarExport ZIP
100%

Q4

✓ Published0🌍 Public
Jjangalaupender@my.unt.edu
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from Hello VizHub

This bubble chart visualizes the correlation between mean temperature, humidity, and wind speed for 50 US cities. Each city is a circle whose x-position maps to temperature, y-position to humidity, and size to wind speed, with color encoded by city name via the Turbo color scale. Built with D3 v7, the SVG visualization includes axes, a wind-speed legend, and a hover tooltip. Data is loaded from a local CSV file using `d3.csv`.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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

Activity6_Question4_9

This bubble chart visualizes the correlation between temperature, humidity, and precipitation across 29 US cities, with each bubble’s position encoding temperature and humidity while its size and color represent precipitation and city. The visualization includes an SVG scatterplot with axes, tooltips on hover, and legends for both bubble size and city colors. It uses D3 v7 APIs such as `d3.csv`, `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.axisBottom`, and `d3.axisLeft`, with data loaded from a local CSV file. Bubble colors are generated using `d3.interpolateTurbo`, and interactive tooltips support mouseover, mousemove, and mouseleave events.

Llikhitha.sarahah01@gmail.com
83% match
Loading thumbnail…

task4_q4

This bubble chart visualizes correlations between average temperature, humidity, and pressure across 25 states, with each circle’s position encoding temperature (x-axis) and humidity (y-axis), while its radius and color represent pressure and state, respectively. Built with D3 v7, it uses `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` with `d3.interpolateTurbo` for categorical coloring, and includes a tooltip with mouseover events. The visualization renders as SVG with a legend for pressure values, and reads from a CSV file containing state-level environmental metrics.

VVrushikaKanaparthy@my.unt.edu
79% match
Loading thumbnail…

Fork of HTML Starter

This bubble chart visualizes weather conditions across 20 US cities, plotting average temperature on the x-axis, precipitation on the y-axis, and encoding air quality index through bubble size and color. The visualization uses d3.csv to load Weather.csv data, with d3.scaleLinear for axes and bubble sizing, and d3.scaleOrdinal with interpolateTurbo for color mapping. Interactive tooltips appear on mouseover, while a legend displays both air quality index ranges and city color assignments. The SVG rendering includes animated transitions for tooltip visibility and hover effects.

Ssahithya.voleti@gmail.com
78% 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…

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