Fork of A6_Q4

100%

✓ Published1🌍 Public

SShashankkodishala@my.unt.edu

Last edited Oct 21, 2024

Created on Oct 21, 2024

Forked from A6_Q4

This bubble chart visualizes the relationship between city GDP, population, and happiness for ten U.S. cities, mapping GDP to the x-axis, population to the y-axis, and bubble size to happiness scores while a linear color scale from lightgreen to darkgreen encodes the same happiness values. The visualization uses D3.js v6 with SVG rendering, employing d3.scaleLinear for the axes and d3.scaleSqrt for bubble radii, with data loaded from a CSV file and parsed into numeric values.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

A6_Q4

This bubble chart displays city population and GDP on the y- and x-axes, with circle size and color encoding happiness scores. The visualization uses d3.csv to load a local CSV file and d3.scaleLinear, d3.scaleSqrt, and d3.axisBottom/Left to create scales and axes. SVG circles are rendered with fill colors ranging from lightgreen to darkgreen based on happiness, while city names appear as text labels near each bubble.

SShashankkodishala@my.unt.edu

92% match

Loading thumbnail…

Fork of q91011

This bubble chart displays the correlation between GDP per Capita and Happiness Score across 20 countries, with bubble size encoding population. Built with D3.js v7, it uses `d3.scaleLinear` for the x and y axes, and for the bubble radius scale. The visualization is rendered as SVG with a custom tooltip that appears on mouseover, showing country-specific details. Data is loaded from a CSV file using `d3.csv`, and includes a legend in the upper right indicating population size ranges.

Kkaushikreddy901@gmail.com

84% match

Loading thumbnail…

activity6_q9

A bubble chart maps population on the x-axis, area on the y-axis, and GDP to bubble size and color for 25 US cities. Each city’s bubble uses a distinct color from the `d3.interpolateTurbo` scale and is positioned using `d3.scaleLinear`. Hovering reveals a tooltip with city name and GDP. A legend displays GDP values, with circle sizes corresponding to the `z` scale. Data comes from `bubblechart.csv`.

Ggketan456@gmail.com

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

83% match

Loading thumbnail…

Fork of Bubble chart

A bubble chart displays the correlation between the area in square kilometers, GDP in billion USD, and population in millions for major U.S. cities. The visualization uses D3.js v7, rendering SVG circles whose x-position maps population, y-position maps area, and radius encodes GDP. A color scale, derived from the city names via `d3.interpolateTurbo` and `d3.scaleOrdinal`, distinguishes each city, while a tooltip shows the city on hover. The code also includes a legend for bubble size and interactive hover effects.

Aanjalimadhavi98@gmail.com

83% match

Loading thumbnail…

Fork of Activity6_Task4

This interactive bubble chart visualizes the relationship between city population, area, and GDP. Each circle’s size encodes GDP, position maps population and area, and color distinguishes cities. The chart uses D3 v7 with SVG and animation, featuring custom tooltips that display city details on hover. Data is loaded from a CSV file and rendered with scales for axes and bubble sizing.

IILYAS AHMED

83% match

Loading thumbnail…

Fork of Activity6_Task4

IILYAS AHMED

83% match

Loading thumbnail…

Activity_6_Q4

This bubble chart visualizes the relationship between GDP, population, and economic growth for ten global cities. Each circle's x-position maps to GDP, y-position to population, and radius to growth rate, with individual city colors shown in a legend. The visualization uses D3 v7's `csv`, `scaleLinear`, and `scaleSqrt` functions to load the CSV data and map values. It renders to SVG with axis labels and tooltips, positioning the legend at the chart's right edge.

TTarshit Vupperla

82% match