Skip to main content
SimilarExport ZIP
100%

Activity6_Task4

✓ Published2🌍 Public
Kkrishnavisheshkatta@my.unt.edu
Last edited Apr 11, 2024
Created on Apr 9, 2024
Forked from Hello VizHub

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Circles are positioned by horsepower and torque on the x- and y-axes, with their radius scaled to highway MPG and color assigned via a categorical scale using `d3.interpolateTurbo`. A legend shows the MPG radius mappings, and interactive tooltips display the car make on hover. The D3 code uses `d3.csv` to load data, `d3.scaleLinear` for axes, and `d3.axisBottom`/`d3.axisLeft` for rendering, with SVG output and animated transitions on the tooltip.

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 for fictional car makes. Each circle's x-position maps to horsepower, y-position to torque, and radius to MPG, with color distinguishing individual makes. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` for coloring, and `d3.interpolateTurbo` for the color palette. Hovering reveals a tooltip, and a legend displays the MPG scale. Data comes from the included `bubblechart.csv` file, rendered as SVG.

Kkrishnavisheshkatta@my.unt.edu
98% 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
97% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s x-position maps to horsepower, its y-position to torque, and its size to highway MPG, while color encodes the make. Built with D3 v7, the chart uses `d3.scaleLinear` for axes and bubble radius, `d3.scaleOrdinal` with `interpolateTurbo` for color, and SVG circles with mouseover tooltips for details. A legend encodes both the MPG size scale and the categorical color mapping.

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

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. The x-axis represents average horsepower, the y-axis shows average torque, while bubble size encodes highway MPG and color distinguishes each manufacturer. Built with D3 v7, the visualization uses SVG rendering with `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color mapping, and `d3.interpolateTurbo` for the color palette. Interactive tooltips appear on hover, and a legend explains the bubble size scale for MPG values.

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

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. The size of each circle encodes the highway MPG value via a linear scale, while the color represents the categorical make using a scale derived from `d3.interpolateTurbo`. Animated interactions include a tooltip that appears on mouseover, displaying the car make, and a legend clarifying the MPG scale. Built with D3.js, the SVG chart includes axes, labels, and a legend, rendering data from a CSV file.

Cchandrikachowdary867@gmail.com
97% 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 positioned by its horsepower and torque values while its radius encodes highway MPG. Hovering over a circle reveals the car make via an interactive tooltip. The visualization uses d3.csv to load data, d3.scaleLinear for axes and sizing, and d3.scaleOrdinal with d3.interpolateTurbo for color mapping. It renders as SVG with animated opacity transitions on mouseover, and includes a legend for bubble size and color categories.

PPradhyumna Poralla
97% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each bubble's position maps horsepower on the x-axis and torque on the y-axis, while its size and color encode highway MPG and make, respectively. Built with D3 v7, the visualization uses `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.interpolateTurbo` to map data attributes. It reads from a CSV file and includes an animated tooltip on hover, plus a legend for size and color scales.

Pperamranji
97% match