act6 question4

100%

act6 question4

✓ Published0🌍 Public

Last edited Apr 5, 2024

Created on Apr 5, 2024

This bubble chart explores the correlation between a vehicle's torque, horsepower, and highway MPG. The chart uses `d3.scaleLinear` for the x and y axes and for bubble radius, with a `d3.scaleOrdinal` for color-coding by car make. Interactive tooltips appear on mouseover, implemented with D3's selection and event handling. A legend for the bubble size scale is also included. The visualization is rendered as an SVG and uses D3's `d3.csv` to load data from a local file.

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…

act6_task4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG for various car makes, with each car make represented by a uniquely colored bubble. The chart uses the D3.js library (v7) to render an SVG visualization, mapping horsepower on the x-axis, torque on the y-axis, and highway MPG to bubble size. The code leverages `d3.scaleLinear` for axes and bubble scaling, `d3.scaleOrdinal` for color mapping, and includes a legend for bubble size. Interactive tooltips display the car make on hover, and the visualization animates using D3's transition capabilities.

MMili Patel

93% match

Loading thumbnail…

activity6 question-4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 20 car makes. Each circle represents a car make, positioned by horsepower and torque on the x and y axes, with circle size encoding highway MPG and color distinguishing the make. The visualization uses D3 v7 with SVG rendering, featuring a tooltip that displays the car make on hover and a legend for bubble size. The chart is built using `d3.csv`, `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.axisBottom`/`d3.axisLeft`, with smooth opacity transitions on mouse events.

AAP19110020041-Pavan Kumar

92% match

Loading thumbnail…

questtion4activity6

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each bubble’s position maps horsepower and torque on the x- and y-axes, while its size and color encode highway MPG and manufacturer. Tooltips display the vehicle make on hover. Built with d3.csv and SVG, it uses d3.axisBottom, d3.axisLeft, d3.scaleLinear, and d3.scaleOrdinal, with d3.interpolateTurbo for coloring, and includes a legend for bubble size and make categories.

Gganeshrajuparmalla@my.unt.edu

92% match

Loading thumbnail…

activity-6_question-4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various vehicle makes. Each circle’s position on the x- and y-axes corresponds to its horsepower and torque values, while its radius encodes highway MPG, and its color distinguishes the make. Built with D3.js (v7), the chart uses `d3.scaleLinear` for axes and size, `d3.scaleOrdinal` with `interpolateTurbo` for color, and SVG circles with an interactive tooltip that displays the make on hover. Data comes from `bubblechart.csv`.

Ssiddhartha gurram

92% match

Loading thumbnail…

activity6_t4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across various car makes. D3 renders the SVG circles, with bubble size encoding highway MPG and color distinguishing vehicle makes. A tooltip appears on mouseover, revealing the specific make. The chart uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` for color, and `d3.interpolateTurbo` for the color palette. Data is loaded from a CSV via `d3.csv`, and the visualization includes a legend for bubble size and color categories.

Bbhavyamoturi2509@gmail.com

92% match

Loading thumbnail…

Activity6_Task4 question

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for a dataset of fictional car makes. Each circle's x-position maps to horsepower, its y-position to torque, and its radius to highway MPG. Color encodes the car make, with a legend showing the MPG scale and color categories. The visualization uses D3.js v7 with `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, `d3.scaleOrdinal`, and `d3.interpolateTurbo` for color assignment. Animated opacity changes and a custom tooltip appear on hover via D3 transitions, with the SVG rendered directly from `bubblechart.csv`.

Kkrishnavisheshkatta@my.unt.edu

92% match

Loading thumbnail…

act6_task4_q9

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 27 car makes. Each bubble's position encodes horsepower (x-axis) and torque (y-axis), while its radius represents highway MPG and its color distinguishes the car manufacturer. The visualization uses D3.js v7 with `d3.scaleLinear` for axes, `d3.scaleSqrt` for bubble sizing, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color encoding. Interactive tooltips display the exact values on hover, and the chart includes both color and size legends. Data comes from the local `bubblechart.csv` file.

MMili Patel

92% match

Loading thumbnail…

act6_task4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across different car makes. Each circle’s position encodes horsepower on the x-axis and torque on the y-axis, while its radius and color represent highway MPG and car make, respectively. The visualization uses D3.js v7 with SVG rendering and includes interactive tooltips on mouseover, plus legends for both bubble size and categorical colors. Data is loaded from a CSV file, and the implementation uses `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.interpolateTurbo`, and `d3.axisBottom`/`d3.axisLeft` for scales and axes.

Ssravani1969@gmail.com

92% match