Skip to main content
SimilarExport ZIP
100%

Activity6_Tutorial4

✓ Published0🌍 Public
Ggreeshmareddy135@gmail.com
Last edited Apr 6, 2024
Created on Apr 6, 2024
Forked from Hello VizHub

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle represents a car brand, positioned by horsepower and torque, with its size encoding highway MPG and color distinguishing makes. The visualization uses D3.js v7’s `scaleLinear` for axes and bubble scaling, `scaleOrdinal` with `interpolateTurbo` for colors, and SVG rendering with interactive tooltips on hover. A legend shows bubble size values, while color coding identifies each make.

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_tutorial4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, using bubble size to encode MPG and color to distinguish brands. The interactive D3.js v7 visualization renders SVG circles in a scatterplot, with tooltips displaying each make on hover. Data is loaded from a CSV file, and the code implements linear scales, a color ordinal scale using `d3.interpolateTurbo`, and legend elements with `d3.axisBottom` and `d3.axisLeft`.

Aa9.hemraj@gmail.com
96% match
Loading thumbnail…

Activity6 tutorial 4

This visualization displays a bubble chart that explores the correlation between average horsepower, torque, and highway MPG across various car makes. Each bubble represents a car brand, positioned by horsepower on the x-axis and torque on the y-axis, while the bubble size encodes highway MPG and color distinguishes between manufacturers. The chart includes interactive tooltips that appear on mouse hover. Built with D3 v7 and SVG, the code uses `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.interpolateTurbo` for color encoding, with data loaded from a CSV file.

Ssharanyabobbala@my.unt.edu
96% match
Loading thumbnail…

Activity6_Task4_Tutorial

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its size and color represent highway MPG and make, respectively. Hovering reveals a tooltip with the make name. The visualization uses d3.csv to load data, d3.scaleLinear for axes and bubble size, d3.scaleOrdinal with d3.interpolateTurbo for coloring, and includes a size legend and interactive mouse events for tooltips.

Nnavyabade05@gmail.com
96% match
Loading thumbnail…

Activity8_Tutorial4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, using circle size to represent fuel efficiency and color to distinguish brands. Built with D3 v7, it renders as an SVG with smooth transitions, displaying a tooltip on hover that names each make. The chart uses `d3.scaleLinear` for axes and bubble radius, `d3.scaleOrdinal` for color mapping via `d3.interpolateTurbo`, and includes a legend showing MPG values and color-coded brand markers.

Aanusharamana0@gmail.com
96% match
Loading thumbnail…

Activity 6 tutorial 4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while the radius represents highway MPG and color distinguishes the car brand. The visualization uses d3.csv to load the data, d3.scaleLinear for positioning and sizing, and d3.scaleOrdinal for color mapping. Interactive tooltips appear on mouseover using D3 event handlers, with a legend showing MPG values and car-make color codes.

AAamani Chamarthi
96% match
Loading thumbnail…

Activity6-Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across multiple car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its radius scales with highway MPG and its color distinguishes the manufacturer. Built with D3 v7, the SVG visualization uses `scaleLinear` for axes and bubble size, `scaleOrdinal` with `interpolateTurbo` for color mapping, and `axisBottom`/`axisLeft` for labels. Interactive tooltips appear on mouseover via D3 event handlers, showing the car make. The legend displays MPG values as circle sizes and includes a color-coded list of all makes.

Ssowmyaammula.sdv@gmail.com
96% match
Loading thumbnail…

Activity-6_Tutorial-4

This interactive bubble chart visualizes correlations between average horsepower, torque, and highway MPG across 31 car makes. Each bubble’s position encodes horsepower and torque, while its radius represents highway MPG and color distinguishes the manufacturer. Built with D3 v7, the visualization renders SVG elements and includes an interactive tooltip on hover. The code uses d3.scaleLinear, d3.scaleOrdinal, and d3.interpolateTurbo for color mapping. Data is loaded from the included bubblechart.csv file, with axis labels and a legend for bubble sizing.

VVasanth Krishna
96% match
Loading thumbnail…

activity 6 tutorial 4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for different car makes. Each circle’s position is determined by its horsepower and torque values, while its size scales with highway MPG and its color indicates the car brand. Built with D3.js (v7), the visualization uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for color mapping, and SVG circles. Hovering over a bubble triggers a tooltip that displays the make, implemented with mouse event handlers and D3 transitions.

Ttsumanth619@gmail.com
96% match