Skip to main content
SimilarExport ZIP
100%

6-scatterplot

✓ Published0🌍 Public
GGorantla Vishnusai
Last edited Apr 1, 2025
Created on Apr 1, 2025

This scatterplot visualizes the relationship between population and average temperature for U.S. cities, with each point labeled by city name. The chart uses d3.csv to load demographic data from a GitHub Gist and d3.scaleLinear to map population (x-axis) and temperature (y-axis) to SVG coordinates. d3.axisBottom and d3.axisLeft render the labeled axes, while circles with d3.selectAll are colored teal and annotated with text elements. The plot combines axis and point rendering to compare city-level climate patterns against population size.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Scatterplot

This scatterplot displays the populations of six cities, with circles positioned along a point scale for city names and a linear scale for population values. The visualization uses D3 v7’s `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft` to render an SVG chart with gridlines and labeled axes. Population data is loaded from a CSV file via `d3.csv`, and tick labels are formatted using `d3.format` to abbreviate large numbers. The circles are styled with a steelblue fill, and the chart includes a descriptive title.

Ssheafallick
82% match
Loading thumbnail…

Activity-6-Scatterplot

This scatterplot visualizes the relationship between population and GDP per capita for U.S. cities using D3.js v6. The SVG-based chart plots each city as a steel-blue circle with a black stroke, positioned along linear scales for both axes. The code loads data from a GitHub-hosted CSV file, converts the population and GDP values to numbers, and renders axes with formatted tick labels. Interactive tooltips appear on mouseover, displaying each city's name, population, and GDP per capita. The visualization employs d3.csv for data loading, d3.scaleLinear for mapping, and d3.axisBottom and d3.axisLeft for coordinate axes.

GGorantla Vishnusai
82% 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
80% match
Loading thumbnail…

ICE_6-SCATTER PLOT

This looping scatter plot animates between two views of U.S. city demographics, alternating between circular and triangular/square markers. The visualization compares population against GDP per capita, with color coding indicating which metric is larger. Built with D3.js v7, the example loads CSV data, computes linear scales, and toggles between two SVG charts using symbol generators. Axes and legends are drawn separately for each view, with the display switching via the `style.display` property.

GGorantla Vishnusai
79% 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
79% 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
79% 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
79% 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
79% match