Skip to main content
SimilarExport ZIP
100%

Activity6_Task3

✓ Published3🌍 Public
Rrahman.mehmood2002@gmail.com
Last edited Oct 19, 2024
Created on Oct 18, 2024
Forked from Hello VizHub

This scatter plot displays the relationship between average temperature and rainfall across multiple cities, using distinct colors and symbol shapes to differentiate each city. Data is loaded from a remote CSV file and rendered as an SVG using D3 v7. The visualization employs `d3.scaleLinear` for both axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and `d3.symbol` types for the data points. A legend and axis labels are included to clarify the mapping.

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…

Fork of Activity6_Task3

This scatter plot visualizes the relationship between average temperature and rainfall across multiple cities, using distinct colors and geometric shapes to differentiate data points by city. The visualization loads city data from a GitHub-hosted CSV file and renders it as an SVG using D3 v7, with linear scales for both axes. It employs `d3.symbol` with ordinal scaling to assign unique shapes to each city, while `d3.scaleOrdinal` with `schemeCategory10` provides color encoding. The chart includes labeled axes, a title, and a legend constructed from repeated symbol paths and text elements.

IILYAS AHMED
93% match
Loading thumbnail…

Fork of Activity6_Task3

This scatter plot visualizes the relationship between average temperature and rainfall across multiple cities, using distinct colors and geometric shapes to differentiate data points by city. The visualization loads city data from a GitHub-hosted CSV file and renders it as an SVG using D3 v7, with linear scales for both axes. It employs `d3.symbol` with ordinal scaling to assign unique shapes to each city, while `d3.scaleOrdinal` with `schemeCategory10` provides color encoding. The chart includes labeled axes, a title, and a legend constructed from repeated symbol paths and text elements.

IILYAS AHMED
93% match
Loading thumbnail…

Fork of Activity6_Task3

This scatter plot visualizes the relationship between average temperature and rainfall across multiple cities, using distinct colors and geometric shapes to differentiate data points by city. The visualization loads city data from a GitHub-hosted CSV file and renders it as an SVG using D3 v7, with linear scales for both axes. It employs `d3.symbol` with ordinal scaling to assign unique shapes to each city, while `d3.scaleOrdinal` with `schemeCategory10` provides color encoding. The chart includes labeled axes, a title, and a legend constructed from repeated symbol paths and text elements.

IILYAS AHMED
93% 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
83% 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
80% 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
80% match
Loading thumbnail…

Activity6_Question3

This scatter plot visualizes city data, mapping population on the x-axis against area on the y-axis, with each point colored by region using a categorical color scale. The code loads a CSV file from GitHub, parses it, and renders circles in an SVG using D3 v6 APIs such as `csv`, `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `entries`. A legend, built with appended rectangles and text, identifies the region colors. The visualization uses the browser’s full window dimensions and positions axes with margin conventions.

KKhushi Desai
79% match
Loading thumbnail…

Activity6_question3

This scatter plot visualizes the cities dataset, showing each city as a circle positioned by its area (x-axis) and population (y-axis), with colors indicating the region. It uses D3 v6 APIs including `csv`, `scaleLinear`, `axisLeft`, and `axisBottom` to load data from a GitHub CSV URL and render an SVG chart. The code sets fixed dimensions, applies margins, and uses a switch statement to assign distinct colors to North America, South America, Europe, Asia, and Africa, while smaller tick labels improve readability.

PPreethi Medepalli-91
78% match