Skip to main content
SimilarExport ZIP
100%

Activity6_Task4

✓ Published1🌍 Public
HHema Tummapala
Last edited Oct 22, 2024
Created on Oct 22, 2024

This interactive bubble chart visualizes the relationship between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes horsepower and torque on the x- and y-axes, while its radius represents highway MPG and its color distinguishes automotive brands. Built with D3 v7 and SVG, the chart includes hover tooltips that display the make name, plus legends for both bubble size and color categories. The visualization loads data from a CSV file and uses d3.scaleLinear, d3.scaleOrdinal, and d3.interpolateTurbo for encoding.

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_Task - 4

This interactive bubble chart visualizes the relationship between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position maps to horsepower and torque on the x and y axes, while its radius encodes highway MPG. Color distinguishes car brands, with an ordinal scale using d3.interpolateTurbo. Hovering reveals a tooltip displaying the make. The chart includes legends for bubble size and color categories, using SVG rendering with D3 v7 scales (d3.scaleLinear, d3.scaleOrdinal) and event handlers for interactivity.

NNitish Thotakura
97% match
Loading thumbnail…

Activity6_Task4

This interactive bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for 31 car makes. Each circle's position encodes horsepower and torque on the x and y axes, while its size and color represent highway MPG and car make, respectively. Built with D3.js v7, the SVG visualization includes hover tooltips, a bubble size legend, and a color-coded categorical legend for each manufacturer. Data is loaded from a local CSV file using `d3.csv`.

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

Activity6_Task4

This interactive bubble chart visualizes the relationship between horsepower, torque, and highway MPG for 31 car makes. Each circle is positioned by horsepower on the x-axis and torque on the y-axis, while its radius encodes highway MPG and its color represents the manufacturer. The chart uses d3.csv to load data and d3.scaleLinear for positioning and sizing. Hovering over a bubble triggers a tooltip displaying the make's exact specifications. A legend identifies each make, and axes are labeled with descriptive titles. The implementation uses d3.axisBottom, d3.axisLeft, and d3.schemeTableau10, rendering SVG circles with animated transitions via CSS.

Pperamranji
97% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 30 car makes. Each circle’s position maps horsepower and torque, while its radius encodes highway MPG and its color distinguishes the make. The visualization uses d3.csv to load data, d3.scaleLinear for axes and sizing, and d3.scaleOrdinal with interpolateTurbo for categorical coloring. Interactive tooltips appear on mouseover, and a legend explains size and color encoding. The chart is rendered as SVG with animated hover effects, styled via CSS.

Cchinnivikramnunna@gmail.com
96% match
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
96% match
Loading thumbnail…

Activity6_Task4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with bubble size encoding MPG and color distinguishing manufacturers. Built with D3 v7, it renders SVG circles positioned by linear scales, includes tooltips on mouseover, and provides a legend for both bubble size and color. The data comes from a CSV file loaded via d3.csv, with colors assigned using d3.scaleOrdinal and the interpolateTurbo color scheme.

Hhaneesh@gctc.in
96% match
Loading thumbnail…

Activity6_Task

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for various car makes using data from a CSV file. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its size and color represent highway MPG and the car make, respectively. The chart uses d3.csv for data loading, d3.scaleLinear for axes and bubble sizing, and d3.scaleOrdinal with d3.interpolateTurbo for color mapping. Interactive tooltips display the make on hover, and a legend clarifies bubble size and color encoding. The visualization is rendered with SVG and includes animated transitions for tooltip visibility.

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

Activity6_Task4

This bubble chart visualizes the correlation between average torque, horsepower, and highway MPG for various car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its size maps to highway MPG and its color represents the car brand. Built with D3 v7, the visualization renders as static SVG with interactive tooltips that display the make on hover. It includes size and color legends, and uses ordinal color scaling with `d3.interpolateTurbo`, with data loaded from a local CSV file.

Kkeerthanachinthalapally@gmail.com
96% match