Skip to main content
SimilarExport ZIP
100%

Activity6_Task4_Q4_9

✓ Published0🌍 Public
HHema Tummapala
Last edited Oct 23, 2024
Created on Oct 23, 2024
Forked from Activity6_Task4

This bubble chart visualizes the relationship between daily coding hours, coffee consumption, and age range for a group of respondents from Lebanon. Each circle represents a person, positioned by their reported hours and coffee cups per day, with size scaled to coffee intake and color indicating age group. The visualization uses D3.js loaded via CDN, employing `d3.select`, `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.csvParse` to process inline data. Hovering reveals a tooltip with detailed information, rendered as an SVG with animated chart elements.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task4_Question

This example presents a bubble chart visualizing coffee consumption across ten countries, plotting per capita consumption on the x-axis against total consumption on the y-axis. Each circle’s radius encodes population size, with a tooltip showing the country name on hover. The visualization loads data from an inline CSV string, parsed with d3.csvParse, and renders as SVG using D3 v7 scales and selection methods. A legend identifies each country by color, and axis labels clarify the measured variables.

VVarshith Peddineni
80% match
Loading thumbnail…

activity6_task4q9

This interactive bubble chart explores the relationship between population, urban population, and median age across various countries and years. Each circle’s x-coordinate maps to total population, its y-coordinate to urban population, with bubble size reflecting median age and color encoding the year of the data. Built with D3 v7, it employs `d3.scaleLinear` for continuous axes and bubble sizing, `d3.scaleOrdinal` with `d3.schemeCategory10` for categorical year colors, and uses `d3.axisBottom` and `d3.axisLeft` for axes. Hovering reveals a tooltip with the country’s exact statistics, while a legend identifies the color-year mapping. Data comes from the included `bubblechart.csv` file.

Nnikhithaaitha22@gmail.com
76% match
Loading thumbnail…

Activity6_Task4.1

This bubble chart visualizes the correlation between height, weight, and age across multiple countries. Each circle's x-position represents height, y-position weight, and its radius encodes age, with color differentiating countries via a categorical turbo color scale. Built with D3.js v7, the SVG chart includes axes, a size legend for age, and interactive tooltips displaying country names on hover. The code utilizes `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.interpolateTurbo` to map data dimensions, with data loaded from a CSV file.

Ppadiginetivishnupriya@gmail.com
76% match
Loading thumbnail…

Fork of Activity6_Question4

This bubble chart displays the correlation between population, urban population, and median age for several countries across different years, with bubble size encoding median age and color distinguishing the year. A tooltip appears on mouseover, showing country, year, population, and urban population. The visualization is built with D3 v7, using `d3.csv` for data loading, `d3.scaleLinear` for axes and bubble sizing, and `d3.scaleOrdinal` with `d3.schemeCategory10` for year colors, all rendered as SVG circles with interactive event handlers.

Ssaimanvith22@gmail.com
75% match
Loading thumbnail…

activity6_Task4

This visualization is a bubble chart that shows the relationship between student age, course, CGPA, and year of study, using data from a mental health survey. The x-axis maps age, the y-axis maps course, bubble size represents CGPA, and color distinguishes year of study. D3 v7 API calls such as `scaleLinear`, `scalePoint`, and `scaleOrdinal` are used to position and style the circles, while `d3.csv` loads the data and `d3.axisBottom` and `d3.axisLeft` render the axes. The chart is rendered as an SVG with a tooltip for interactivity.

Nnissisharon61@gmail.com
75% match
Loading thumbnail…

Activity6-Q4

This bubble chart visualizes coffee production data from a CSV file, showing yield (kg per hectare) on the x-axis, area harvested (hectares) on the y-axis, and production volume (kg) encoded by bubble size and color. The visualization uses d3.csv for data loading, d3.scaleLinear and d3.scaleSqrt for scaling axes and bubble radii, and d3.scaleSequential with d3.interpolateTurbo for color mapping. Interactive tooltips appear on mouseover, displaying each country’s production details. The chart also includes a bubble-size legend (500k, 1M, 2M kg) and is rendered with SVG elements and animation-ready transition support.

Tthoutunikhitha@gmail.com
75% match
Loading thumbnail…

Activity-8_Task4UN

This bubble chart visualizes the correlation between heart rate, systolic blood pressure, and age, with point size encoding age and color encoding risk level. Built with D3 v7, it renders as an SVG with tooltips on hover, while a legend displays age-to-size mapping. The chart uses d3.scaleLinear for axes and bubble sizing, plus d3.scaleOrdinal with interpolateTurbo for categorical colors, reading data from bubblechart.csv.

Uuzairnaeem15@gmail.com
75% match
Loading thumbnail…

Activity6_Task 4 Q1

This bubble chart visualizes the relationship between income per person, internet usage rate, and urbanization across countries, with each bubble sized by urban rate and colored by geographic region. It uses d3.csv to load Gapminder data, applies a log scale to the x-axis and linear scale to the y-axis, and renders SVG circles with tooltips on hover. The chart includes axis labels, tick formatting for currency and percentages, and a legend for regional color coding.

Bbhavanasruthikakarlapudi@gmail.com
74% match