Activity6_Question3

100%

Activity6_Question3

✓ Published0🌍 Public

Last edited Apr 5, 2024

Created on Apr 5, 2024

This scatter plot visualizes the relationship between pollution levels, life expectancy, and respiratory disease rates across fictional cities. Circles are color-coded by pollution severity (green, orange, red) with radii scaled to respiratory disease prevalence. The visualization uses d3.scaleLinear for x, y, and radius scales, d3.axisBottom and d3.axisLeft for axes, and appends SVG circles via d3.selectAll. Data is hardcoded in the script rather than loaded from the provided CSV file, with axis labels for pollution level.

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 3

This scatter plot displays the relationship between PM2.5 air quality levels and the number of health complaints across eight dates in March 2023. Each point’s shape and color encode a severity level: circles represent level 1 (green), triangles level 2 (orange), and squares level 3 (red). The visualization uses D3 v6 with an SVG renderer, employing `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for tick marks, and `d3.symbol` with a `shapeMap` to generate distinct point glyphs. The data is hardcoded in the script as a constant array.

BBharath Vupputuri

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

78% match

Loading thumbnail…

Activity_6 Question4

This bubble chart displays the relationship between average PM2.5 levels, average NO2 levels, and population across global cities. The visualization positions each city as a circle along x- and y-axes for the two air quality metrics, while circle size encodes population using d3.scaleSqrt. The chart draws SVG circles with d3.scaleOrdinal color mapping per city, and loads data from a GitHub-hosted CSV via d3.csv. Axes are generated with d3.axisBottom and d3.axisLeft, and the rendering includes labeled axes, stroke outlines, and 0.7 opacity for overlapping bubbles.

JJaiyaGhanta@my.unt.edu

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

75% match

Loading thumbnail…

Project

This interactive visualization examines the relationship between air pollution and respiratory health using a dataset of individual pollution and respiratory records. It displays two linked views: a combo chart with bars for NO₂ mean values and a line for death rates per 100,000 people over time, plus a scatter plot correlating these variables. The code loads external CSV data via `d3.csv` and constructs both charts using the Plotly JavaScript API (`Plotly.newPlot`). The scatter plot includes year labels as hover text for each data point.

SSuneelKalva@my.unt.edu

75% match

Loading thumbnail…

Activity6_question3

A scatter plot displays global cities by population on the x-axis and GDP in billion USD on the y-axis, with each city’s points colored via a categorical scale using `d3.scaleOrdinal` and a combined `schemeCategory10` and `schemeSet3` palette. The visualization loads a CSV from a GitHub raw URL using `d3.csv`, parses numeric fields, and renders circles with `d3.selectAll('circle')` and `.enter()`. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, formatted using `d3.format('.2s')`, and a legend lists city names with matching color swatches. The SVG output uses D3 v6 with a light-gray background and Arial font.

Vvenkatdinesh5010@gmail.com

75% match

Loading thumbnail…

Activity_6_Question_3

This scatter plot visualizes the relationship between health status and hospital visits for three distinct communities. Built with D3.js v7, it encodes the "Health Status" and "Hospital Visits" dimensions along the y- and x-axes, respectively, with each community represented by a distinct color from `d3.schemeSet2`, as detailed in the legend. The chart uses `d3.scaleLinear` for both axes and `d3.axisBottom`/`d3.axisLeft` for tick marks. Five sample data points are rendered as SVG circles, with axis labels added for clarity, and the visualization is drawn using an SVG canvas.

Aadityatrip9899@gmail.com

75% match

Loading thumbnail…

Activity7_Q1

This pie chart visualizes deaths caused by air pollution across different countries, with each slice and legend entry color-coded and labeled with death counts in thousands. The code fetches data from a CSV file using d3.csv, then uses d3.pie and d3.arc to generate the chart’s segments, while d3.scaleOrdinal assigns colors to the categories. The SVG rendering includes slice labels positioned via arc.centroid and a separate legend showing country names and values.

SSahithi.R

75% match