Task8 T4

100%

✓ Published0🌍 Public

Last edited Apr 14, 2024

Created on Apr 14, 2024

This bubble chart plots U.S. cities by population density on the x-axis and land area on the y-axis. Each bubble’s size encodes the product of these two variables, representing total population, with a legend showing bubble-size equivalents for specific density values. Built with D3.js v7, it uses `d3.scaleLinear` for both axes, `d3.scaleSqrt` for bubble radius, and `d3.axisBottom` and `d3.axisLeft` to render tick marks. The visualization displays city names via hover effects, with a static CSV data source.

AI-generated description

MIT Licensed

Similar vizzes

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

85% match

Loading thumbnail…

task4.2

This bubble chart visualizes 15 global cities by population (millions) on the y-axis, area (km²) on the x-axis, and population density as the bubble radius. Each circle is colored by region using `d3.scaleOrdinal` with `d3.schemeTableau10`. The code loads `globalCities.csv`, converts numeric fields, and renders SVG circles with `d3.scaleLinear` for both axes and `d3.scaleSqrt` for the radius. Axis labels and ticks are generated via `d3.axisBottom` and `d3.axisLeft`, with the chart drawn inside an SVG container.

GGanesh Gundekarla

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

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

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

80% match

Loading thumbnail…

Task 8 - Q4)

This bubble chart displays the population of each U.S. state, with circles positioned along an x-axis of state names and a y-axis of population, while the circle size also encodes population and the color represents the state capital. The visualization uses SVG and animation, with interactive tooltips that appear on mouseover, showing the capital and population values. Built with D3 v7, the chart employs `d3.scaleBand`, `d3.scaleLinear`, and `d3.scaleOrdinal` for its scales, and renders data from a CSV file loaded via `d3.csv`, with a custom legend below the chart.

Mmulyasuji999@gmail.com

80% 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…

Activity6_Task4_Question

A bubble chart displays U.S. state populations from the 2020 census, plotting each state’s total population on the x-axis and its percentage of the national total on the y-axis. The bubble size and color encode population percentage, with hover tooltips showing state details. D3 v7 loads a CSV dataset and uses `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.axisBottom`, and `d3.axisLeft` to render the SVG chart with interactive mouse events.

RRishithaGarnepudi@my.unt.edu

79% match