Skip to main content
SimilarExport ZIP
100%

Activity6_question4

✓ Published0🌍 Public
Hharinihari6791@gmail.com
Last edited Apr 6, 2025
Created on Apr 6, 2025
Forked from Hello VizHub

This bubble chart visualizes the relationship between cost of living, rent price, and population across 20 expensive global cities, with bubble size representing residents and color denoting region. It uses D3 v6 to create an SVG visualization, employing d3.scaleLinear for the x and y axes, d3.scaleSqrt for bubble radii, and d3.scaleOrdinal with the Tableau10 scheme for regional coloring. Interactive tooltips appear on mouseover, revealing city details. The chart includes dual legends for both bubble size and regional color coding, rendered from a CSV data file.

AI-generated description
MIT Licensed

Similar vizzes

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

activity6_question9

A bubble chart displays population and GDP for 25 US cities, with bubble size encoding land area. It loads CSV data via `d3.csv` and uses `d3.scaleLinear` for x/y axes and radius, plus `d3.scaleSequential` with `d3.interpolateBlues` for color. Interactive tooltips appear on mouseover, showing city details. SVG rendering includes axes, labels, and a legend for bubble sizes.

Ggketan456@gmail.com
84% match
Loading thumbnail…

Activity-8_Q4

This interactive bubble chart visualizes the relationship between population and average income across major U.S. cities, with bubble size representing land area and color encoding individual cities. Built with d3.v7, the SVG visualization combines x and y linear scales for axes, a third scale for bubble radius, and an ordinal color scale using interpolateTurbo. Hovering reveals a tooltip showing city names, while a legend displays area values and city color-coded dots. The chart reads from a CSV file and includes animated opacity changes on mouse interactions.

SSree Yuktha Sunkara
84% 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
84% match
Loading thumbnail…

Activity6_Task4

A bubble chart visualizes 25 U.S. cities by plotting their population on the x-axis and area in square kilometers on the y-axis, with bubble size encoding GDP and color distinguishing each city. Hovering shows a tooltip with city details. Built with D3 v7, it uses `d3.scaleLinear` for axes and size, `d3.scaleOrdinal` with `d3.interpolateTurbo` for colors, and SVG circles with mouse event handlers. Data comes from `citydata.csv`, rendered as an animated SVG with a legend.

Rrahman.mehmood2002@gmail.com
82% match
Loading thumbnail…

Bubble Chart

This bubble chart maps countries by cost of living on the x-axis and population on the y-axis, with bubble radius encoding population using a square-root scale. The visualization uses d3.scaleLinear for axes, d3.scaleSqrt for bubble size, and d3.scaleOrdinal with d3.schemeCategory10 for categorical coloring. SVG circles and text labels are positioned via xScale and yScale, with d3.axisBottom and d3.axisLeft rendering the axes. The data is a static array of five country records, rendered as semi-transparent colored bubbles to compare living expenses against population size.

VVenkat-Sumith-Thota
82% match
Loading thumbnail…

Act_6_Q4

This bubble chart compares global cities by per-capita GDP, average temperature, and population, with bubble size encoding population and color encoding continent. It uses D3 v6 to render an SVG visualization, employing `d3.scaleLinear` for the x/y axes, `d3.scaleSqrt` for bubble radius, and `d3.scaleOrdinal` with a category color scheme. Data is loaded via `d3.csv` from a GitHub Gist, and the chart includes both color and size legends.

Mmaneeshraja47@gmail.com
82% match
Loading thumbnail…

Activity 6 Task 4

This bubble chart visualizes the relationship between city population, GDP, and land area. Each circle’s position is mapped to GDP on the x-axis and population on the y-axis, while its radius encodes area via `d3.scaleSqrt`. Tooltips, styled through CSS with a lightsteelblue background, appear on mouseover using `d3.select` and `transition` to display city-specific data. The chart is rendered in SVG with axes generated by `d3.axisBottom` and `d3.axisLeft`, and colors are assigned using `d3.scaleOrdinal` with `d3.schemeCategory10`. The data is loaded from a CSV file using `d3.csv`.

Ssharanyabobbala@my.unt.edu
81% match