Skip to main content
SimilarExport ZIP
100%

Activity6_Task4 question

✓ Published0🌍 Public
Kkrishnavisheshkatta@my.unt.edu
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Activity6_Task4

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`.

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

Activity6_Task4

This bubble chart displays the correlation between average horsepower, torque, and highway MPG for various car makes. The visualization uses D3.js v7 with SVG and animation, rendering circles whose x-position, y-position, and radius map to horsepower, torque, and MPG respectively. A color scale distinguishes makes, while the legend shows MPG values. Mouseover tooltips (custom HTML) reveal specific make names. The dataset comes from `bubblechart.csv`, and the code applies `d3.scaleLinear` for axes and bubble sizing, `d3.interpolateTurbo` for coloring, and `d3.scaleOrdinal` for legend colors.

Ggalijawaharnath@gmail.com
96% match
Loading thumbnail…

Activity6_Task4 Question 4

This interactive bubble chart visualizes correlations between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s x-position maps to horsepower, y-position to torque, while radius encodes highway MPG and color distinguishes manufacturers. The visualization uses D3 v7 with `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` with `d3.interpolateTurbo` for categorical colors, and SVG tooltips on mouseover. A legend with circles and labels explains the MPG encoding. Data is loaded from a local CSV file.

Vvemulasai306@gmail.com
96% match
Loading thumbnail…

Activity6_task4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle is positioned by its horsepower and torque values, while the circle’s size represents highway MPG and its color encodes the car brand. Built with d3.v7, the visualization uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for color mapping, and `d3.interpolateTurbo` for the color palette. Hovering reveals a tooltip with the car make. Data comes from `bubblechart.csv` and is rendered as SVG with basic animation transitions for tooltip appearance.

Rrakshithareddy217@gmail.com
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes, using a CSV dataset. Each circle’s position encodes horsepower and torque on the x- and y-axes, while its size and color represent highway MPG and make, respectively. Built with d3.v7, it renders as an SVG with interactive tooltips on hover and a legend for both bubble size and color. The color scale uses d3.interpolateTurbo and a scaleOrdinal for categorical distinction.

SSreeKohaliPatel@my.unt.edu
95% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across different car makes. Each circle's horizontal position represents horsepower, vertical position represents torque, and its size encodes highway MPG, with color distinguishing car manufacturers. The visualization uses D3.js v7 with an SVG rendering and includes interactive tooltips that appear on hover, displaying the car make. The chart also provides a legend for bubble size and color, using d3.scaleLinear for axis and bubble scaling, and d3.scaleOrdinal with the interpolateTurbo color scheme for categorical color mapping. The data is loaded from an external CSV file.

Sshivakumarganji@my.unt.edu
95% 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
95% match