Skip to main content
SimilarExport ZIP
100%

A6_Q4

✓ Published0🌍 Public
SShashankkodishala@my.unt.edu
Last edited Oct 21, 2024
Created on Oct 21, 2024
Forked from Fork of 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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of 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.

SShashankkodishala@my.unt.edu
92% 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
84% 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
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…

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

q91011

This bubble chart visualizes the correlation between GDP per capita and happiness scores for 20 countries, with bubble radius scaled to population size. Built with D3.js v7 and rendered as SVG, it plots points using linear scales for both axes. The chart includes an interactive tooltip that appears on hover, showing detailed data for each country, and features a legend indicating population size ranges. The data is loaded from a CSV file and processed using D3's `d3.csv` method.

Ppavanpkkalyan3@gmail.com
83% 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