Skip to main content
SimilarExport ZIP
100%

Activity_6_Task_4

✓ Published0🌍 Public
TTarshit Vupperla
Last edited Oct 25, 2024
Created on Oct 25, 2024

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each bubble's position mapped to horsepower and torque axes while its radius encodes fuel efficiency. The color of each bubble distinguishes the car manufacturer. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` with `d3.interpolateTurbo` for color mapping, and includes interactive tooltips that display the car make on mouseover. Data is loaded from a CSV file and rendered as SVG with animated hover effects.

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

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each circle's position mapping horsepower and torque while its radius encodes fuel efficiency. The visualization includes a tooltip that displays the car make on hover, alongside dual legends showing both the bubble size scale and color-coded makes using `d3.scaleOrdinal` with interpolated Turbo colors. Built with D3 v7, the chart renders as SVG and uses `d3.scaleLinear` for axes and bubble sizing, with data loaded from a CSV file and interactive hover states managed through mouse events.

Ssaisnehapalle@my.unt.edu
98% match
Loading thumbnail…

Activity_6_Task_4

This bubble chart explores the correlation between average horsepower, torque, and highway MPG across 31 car makes. Using D3.js v7 with SVG rendering, each bubble's position encodes horsepower and torque, while its size and color represent highway MPG and brand identity, respectively. Interactive tooltips reveal the car make on hover, and a legend maps bubble sizes to MPG values. The visualization reads data from a local CSV file, utilizing D3 scales and ordinal color schemes.

TTarshit Vupperla
97% match
Loading thumbnail…

Activity-6_Task-4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with bubble size representing fuel efficiency and color encoding car brand. The D3 v7 visualization reads data from a CSV file and uses d3.scaleLinear for axes and bubble sizing, d3.scaleOrdinal for color mapping, and d3.interpolateTurbo for the color palette. Interactive tooltips appear on mouseover using d3 event handlers, while a legend displays both bubble size values and color-coded makes. The SVG rendering includes axis labels, a title, and animated hover effects.

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

Activity6_Task4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each bubble’s position mapping horsepower on the x-axis and torque on the y-axis, while radius encodes MPG and color distinguishes manufacturers. The visualization includes an interactive tooltip that displays the car make on hover, plus legends for both bubble size and color categories. The chart is rendered as SVG using D3 v7, employing `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` with `d3.interpolateTurbo` for color assignment, and event handlers for tooltip display. Data comes from a CSV file with aggregated averages per make.

Ggouthamigongidi2457@gmail.com
97% match
Loading thumbnail…

Activity6_Task4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG for various car makes. Each bubble’s position encodes torque (y-axis) and horsepower (x-axis), while its size reflects highway MPG and its color distinguishes the car maker. The visualization uses D3 v7 with SVG rendering, including interactive tooltips that display a car’s make on hover. It also provides a legend for bubble size and color, with data sourced from a CSV file. The chart employs `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.axisBottom`, `d3.axisLeft`, and `d3.interpolateTurbo` for scales, colors, and axes.

Ssudheervnarasimha1@gmail.com
97% match
Loading thumbnail…

Activity 6 Task 4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s horizontal position encodes horsepower, vertical position encodes torque, and its size represents MPG, while color distinguishes manufacturer. The visualization uses D3 v7 with SVG rendering and includes interactive tooltips on hover. Data is loaded from a CSV file, and the chart employs `d3.scaleLinear` for axes, `d3.interpolateTurbo` for a color gradient, and `d3.axisBottom`/`d3.axisLeft` for tick marks, with a legend for bubble size and color.

Mmangilipallylaxminarayana@gmail.com
97% match
Loading thumbnail…

Activity6_Task4

This bubble chart displays the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each bubble’s horizontal position represents horsepower, the vertical axis shows torque, and bubble size encodes highway MPG, while color distinguishes vehicle manufacturers. The visualization uses D3.js v7 with SVG rendering and animation. It reads data from a CSV file, employs `d3.scaleOrdinal` and `d3.interpolateTurbo` for coloring, and includes interactive tooltips on mouseover along with a legend for bubble size and categorical color mapping.

Aaravapalliharika2002@gmail.com
97% match
Loading thumbnail…

Activity6_Task4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s x-position maps to horsepower, y-position to torque, and radius to highway MPG, while color distinguishes manufacturers. Built with D3 v7, the SVG rendering includes hover tooltips showing the make, a bubble-size legend for MPG values, and a color legend for all makes. Data is loaded from a CSV file, with scales created using d3.scaleLinear and d3.scaleOrdinal, and interactivity handled via mouseover, mousemove, and mouseleave events.

Ttarun.chintada46@gmail.com
97% match