Skip to main content
SimilarExport ZIP
100%

task4.2

✓ Published0🌍 Public
GGanesh Gundekarla
Last edited Apr 6, 2025
Created on Apr 6, 2025
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Task8 T4

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.

Ssruthimreddy6@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…

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…

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

Activity6_Task4

This interactive D3 bubble chart visualizes global population data from a `countries.csv` file, representing each country as a circle whose radius encodes population via a square-root scale. Users can switch between grouping modes—combining all countries, grouping by continent, anchoring at country centers, or sorting by population—and toggle between color-coded continents and country flag patterns. The visualization leverages `d3.forceSimulation` for physics-based layout, with dynamic translation of the continent legend and animated transitions between groupings, all rendered as SVG with event-driven mouseover tooltips displaying country names and formatted population values.

Hhemanthdummy999@gmail.com
79% match
Loading thumbnail…

Activity6_question4

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.

Hharinihari6791@gmail.com
79% match