Skip to main content
SimilarExport ZIP
100%

act6 q4

✓ Published0🌍 Public
Sshravan.s0710@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from act6 t4

This interactive bubble chart visualizes the correlation between vehicle weight, height, and length, using data from a CSV file. The x-axis maps weight, the y-axis maps height, and circle size represents length, while color distinguishes different vehicle models. Powered by D3 v7, the visualization includes hover tooltips that display exact values. The chart also features legends for both length scaling and model colors, with circles rendered using SVG elements and scales such as `d3.scaleLinear` and `d3.scaleOrdinal`.

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_q4

This interactive bubble chart visualizes the correlation between vehicle weight and height across 35 car models, with bubble size representing vehicle length and color distinguishing each model. Built with D3 v7 and rendered as SVG, the chart features animated hover tooltips that display model details. The visualization includes dual legends for length and color-coded models, using scales such as d3.scaleLinear for axes and bubble radius, d3.scaleOrdinal with d3.interpolateTurbo for color mapping, and d3.axisBottom and d3.axisLeft for the coordinate axes. Data comes from a local CSV file.

Ssrilekhasridasyam@my.unt.edu
93% match
Loading thumbnail…

Activity6_Question4

This bubble chart displays the correlation between vehicle weight, height, and length, using the x-axis for weight, y-axis for height, and bubble radius for length, with color differentiating car models. Built with D3 v7, it reads data from a local CSV and renders as an SVG. The visualization includes interactive tooltips triggered by mouseover events, and dual legends for bubble size and color, using scales like `d3.scaleLinear` and `d3.scaleOrdinal`.

SSaiKiranReddyKancharla@my.unt.edu
92% match
Loading thumbnail…

Activity-6_Question-4

This D3.js bubble chart visualizes the correlation between vehicle weight, height, and length using 34 car models. Each circle’s x-position maps to weight, y-position to height, and radius to length, with colors distinguishing models via `d3.scaleOrdinal` and `d3.interpolateTurbo`. A tooltip appears on mouseover, and legends for both bubble size and color are rendered as SVG shapes and text. The chart loads CSV data asynchronously with `d3.csv` and is built with SVG elements and axes from `d3.axisBottom` and `d3.axisLeft`, featuring an animation-free, static layout.

HHarshathBudida@my.unt.edu
90% match
Loading thumbnail…

Activity 6 Question 4

This bubble chart shows the correlation between vehicle weight, height, and length, with each car model represented by a circle positioned along the x-axis (weight) and y-axis (height). The bubble size encodes length, while the color differentiates the vehicle make, as shown by the accompanying legend. Hovering over a bubble reveals a tooltip with the model and exact measurements. The chart is built with D3 v7, using `d3.scaleLinear` for axes and bubble scaling, `d3.scaleOrdinal` with `d3.schemeCategory10` for color assignment, and SVG circles with mouseover events for interactive data display.

Nnikhilapogula@my.unt.edu
90% match
Loading thumbnail…

Activity_6 Q4

This bubble chart visualizes the correlation between weight, height, and length for ten different motorcycle models. The x-axis represents weight, the y-axis represents height, and the circle radius encodes length. Each model is assigned a distinct color from the `d3.interpolateTurbo` palette, with a corresponding legend. The chart is built using D3 v7, with SVG rendering, and features interactive tooltips that appear on mouseover to display the model’s specific attributes.

Mmudunurirahulvarma98@gmail.com
83% match
Loading thumbnail…

act6_question4

This bubble chart displays the relationship between engine size, vehicle weight, and fuel efficiency for a range of car models. Each circle's horizontal position represents engine size in liters, its vertical position indicates weight in kilograms, and its size and color encode fuel efficiency in miles per gallon, with a color gradient using `d3.interpolateTurbo`. The visualization uses D3 v7 to render the SVG, with axes scaled by `d3.scaleLinear` and interactive tooltips that appear on mouseover. A legend shows the mapping between bubble radius and efficiency values, while the model names are color-coded along the side.

Ssravani1969@gmail.com
81% match
Loading thumbnail…

act6_question4

This bubble chart displays the relationship between engine size, vehicle weight, and fuel efficiency for a range of car models. Each circle's horizontal position represents engine size in liters, its vertical position indicates weight in kilograms, and its size and color encode fuel efficiency in miles per gallon, with a color gradient using `d3.interpolateTurbo`. The visualization uses D3 v7 to render the SVG, with axes scaled by `d3.scaleLinear` and interactive tooltips that appear on mouseover. A legend shows the mapping between bubble radius and efficiency values, while the model names are color-coded along the side.

Ssravani1969@gmail.com
81% match
Loading thumbnail…

act_6_q_4

This bubble chart displays correlations among age, height, and weight for eighteen named individuals, with each circle’s position encoding age and height while its size and color represent weight. The D3 v7 code loads CSV data and renders an SVG with linear scales, a color ordinal scale, and hover tooltips. A legend and animated transitions highlight the mapping, using d3.axisBottom, d3.axisLeft, and d3.scaleLinear for visual encoding.

Ssairam.amaraneni22@gmail.com
80% match