Skip to main content
SimilarExport ZIP
100%

Activity6_Task4_Question4

✓ Published0🌍 Public
SShasankreddyganta@my.unt.edu
Last edited Apr 12, 2024
Created on Apr 12, 2024
Forked from Hello VizHub

This interactive bubble chart from VizHub visualizes the correlation between car horsepower, MPG, and weight using data from a local cars.csv file. Each bubble’s x-position maps to horsepower, y-position to MPG, and radius to vehicle weight, rendered as SVG circles with tooltips. Built with D3 v7, it uses `d3.scaleLinear` for axes and bubble sizing, `d3.axisBottom` and `d3.axisLeft` for scales, and mouse event handlers for the tooltip. The chart animates opacity changes on hover, with black stroke outlines and skyblue fills.

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 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
89% match
Loading thumbnail…

Activity6_task4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle is positioned by its horsepower (x-axis) and torque (y-axis), with the circle’s radius scaled to its highway MPG value, while color encodes the car brand. The visualization uses D3 v7 to load data via `d3.csv`, scales with `scaleLinear`, and renders as SVG. Users can hover over a bubble to see its make via a tooltip. A legend displays MPG values and brand colors.

SShiva Sai Reddy
89% match
Loading thumbnail…

Activity6_Task4

A bubble chart displays the correlation between average horsepower, torque, and highway MPG for various car makes, with each bubble’s position determined by horsepower (x-axis) and torque (y-axis), while its size and color represent MPG and brand, respectively. The visualization uses D3.v7’s `scaleLinear` for axes and bubble radius, `scaleOrdinal` with `interpolateTurbo` for color mapping, and `axisBottom`/`axisLeft` for tick marks. Interactive tooltips appear on hover, and a legend indicates MPG values. Data comes from `bubblechart.csv`, rendered as SVG with animated transitions.

11810vineeth@gmail.com
89% match
Loading thumbnail…

Actvity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s position represents horsepower (x-axis) and torque (y-axis), while its size encodes highway MPG and its color distinguishes the car brand, with a legend for both. Rendered using D3 v7 with SVG and animation, the chart includes interactive tooltips on mouseover, implemented via D3 event handlers. The code uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` with `d3.interpolateTurbo` for colors, and the data comes from `bubblechart.csv`.

SShasankreddyganta@my.unt.edu
89% match
Loading thumbnail…

Activity6_Task4

A bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. The chart uses a linear scale for the x-axis (horsepower) and y-axis (torque), with circle radius and color encoding highway MPG and make, respectively. Built with D3.js v7, it renders as an SVG with an animated tooltip on mouseover. An interactive legend displays MPG values and car makes, while the chart reads data from a CSV file.

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

Activity6_Task4

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.

Kkrishnavisheshkatta@my.unt.edu
89% match
Loading thumbnail…

Activity6_Task4

A bubble chart displays the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle's position encodes horsepower on the x-axis and torque on the y-axis, while its size and color represent highway MPG and car make respectively. The visualization uses D3 v7 to load CSV data, create SVG scales and axes, and render interactive bubbles with mouseover tooltips. A legend explains the bubble size scale, and hover effects highlight individual data points.

VVarshith Peddineni
89% match