activity6_question3.1

100%

activity6_question3.1

✓ Published0🌍 Public

Last edited Apr 1, 2025

Created on Apr 1, 2025

This scatter plot shows the relationship between the population and GDP of various universities. Each circle represents a university, with its position determined by population (on a logarithmic x-axis) and GDP (on a linear y-axis), and is color-coded by university name. The chart uses a legend to distinguish between universities. The visualization is built with D3 v6, using `d3.scaleLog` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` for the axes, loading data from a remote CSV file.

AI-generated description

MIT Licensed

Similar vizzes

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

79% match

Loading thumbnail…

activity6 question9

This visualization shows the correlation between population and GDP across several countries from 1970 to 1974, with each bubble representing a country-year pair. The x-axis maps population in millions, the y-axis maps GDP in billion USD, while bubble radius encodes the year and color distinguishes countries. Users can hover over any bubble to see its exact country, year, population, and GDP values via a custom tooltip. The code uses d3.csv to load the data, d3.scaleLinear for axes and size scaling, d3.scaleOrdinal with d3.schemeTableau10 for colors, and includes legends for both the year-driven bubble sizes and country colors.

Ggketan456@gmail.com

79% match

Loading thumbnail…

Activity6_Question4

This bubble chart shows the relationship between GDP and population for 20 global cities, with circle size encoding land area and color distinguishing cities. The visualization uses D3 v6 with SVG rendering, employing `d3.scaleLinear` for the x and y axes, `d3.scaleSqrt` for bubble radius, and `d3.scaleOrdinal` with `schemeCategory10` for color assignment. Interactive hover tooltips display city-specific population and GDP values, while axis labels identify the quantitative variables from the expanded_city_bubble_chart_dataset.csv file.

Ssaishruthik2361@gmail.com

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

79% match

Loading thumbnail…

Activty6_Question4_9

This bubble chart visualizes the relationship between population, land area, and GDP for ten countries. Population is plotted on a logarithmic x-axis, area on a linear y-axis, and GDP determines bubble size, with color distinguishing each nation. The D3.js v7 code uses `scaleLog`, `scaleLinear`, and `scaleSqrt` for encoding. Interactive tooltips appear on mouseover, and a legend indicates GDP values for bubble sizes. Data comes from a CSV file, rendered as SVG with hover animations.

Ssriharshithaanugu5@gmail.com

78% match

Loading thumbnail…

6th visualisation 1

A responsive scatter plot visualizes the relationship between population and GDP across countries, coloring each point by region and providing hover tooltips with country details. It uses d3.csv to load an external dataset, then d3.scaleLinear for both axes, d3.axisBottom and d3.axisLeft for ticks, and a d3.scaleOrdinal with d3.schemeCategory10 for regional colors. The SVG output includes labeled axes, a title, and a legend, with all elements rendered via standard D3 data joins.

Vvenkatabhaskaratetali@my.unt.edu

77% match

Loading thumbnail…

Activity6_q4

This bubble chart visualizes the relationship between GDP (x-axis) and population (y-axis) for six countries, with circle area encoding land area and color distinguishing each country. Built with D3.js v7, it uses `d3.scaleLinear` for the axes, `d3.scaleSqrt` for bubble sizing, and `d3.scaleOrdinal` with the Tableau10 scheme for colors. Tooltips generated via SVG `<title>` elements display each country’s exact values. The data is loaded from a local CSV file using `d3.csv`.

Vvidyagangasani@my.unt.edu

77% match

Loading thumbnail…

activity6_question9

A bubble chart compares the population and GDP of 25 major U.S. cities, with bubble size representing city area and color intensity encoding GDP. The visualization uses D3.js v7 to load data from a CSV file and render SVG circles. Interactive tooltips appear on mouseover, showing each city's population and GDP. The chart includes labeled axes, a legend for area, and uses `d3.scaleLinear`, `d3.scaleSequential`, and `d3.interpolateBlues` for encoding.

Ggketan456@gmail.com

77% match