Skip to main content
SimilarExport ZIP
100%

task-4

✓ Published0🌍 Public
Aajaykumarakula00@gmail.com
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Activity-6

This scatter plot uses a bubble chart to visualize the correlation between average horsepower (x-axis), average torque (y-axis), and highway MPG (bubble size) across 31 car makes. The D3.js visualization, rendered with SVG, features an animated tooltip that displays the car brand on hover, while a legend maps bubble size to MPG values and a color scale distinguishes each make. Data is loaded from a CSV file and mapped to scales using `d3.scaleLinear`, with `d3.interpolateTurbo` generating the color palette.

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 scatterplot visualization shows the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each bubble represents a car brand, with its x-position indicating horsepower, y-position indicating torque, and bubble size scaled to highway MPG. The chart includes a color-coded legend for car makes and an interactive tooltip displaying the make on hover. Using D3 v7's `d3.scaleLinear` and `d3.scaleOrdinal` with `d3.interpolateTurbo`, the visualization renders as SVG with smooth hover transitions and mouse event handlers for tooltip positioning.

SSai Praveen Lokavarapu
94% match
Loading thumbnail…

Activity6_Task4

This scatter plot visualization shows the correlation between average horsepower, torque, and highway MPG across different car makes, with each bubble representing a make and its size encoding the highway MPG value. The chart uses D3.js v7 to render an SVG with linear scales for the x and y axes, a third scale for bubble radius, and an ordinal color scale with interpolated turbo colors to distinguish makes. Interactive tooltips display the make name on hover, while a legend explains both the bubble size encoding and the color categories.

Ssanjanaadapa7@gmail.com
94% match
Loading thumbnail…

Task 4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 30 car makes. Each circle’s position reflects horsepower (x-axis) and torque (y-axis), while its radius and color encode highway MPG and brand, respectively. Built with D3 v7 and SVG, the chart includes interactive tooltips on mouseover and a legend for bubble size and color categories. Data is loaded from an external CSV and rendered with animated transitions on hover.

Ssatvikreddy79@gmail.com
94% match
Loading thumbnail…

Task-8(part-4)

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes using data from a CSV file. Each circle’s position maps horsepower (x-axis) and torque (y-axis), while its radius encodes highway MPG and its color distinguishes car brands via a d3.scaleOrdinal with interpolateTurbo. The visualization includes interactive tooltips on mouseover, a size legend for MPG values, and a categorical color legend, all rendered as SVG elements with d3.v7.

DDivyaKota2@my.unt.edu
94% match
Loading thumbnail…

task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across vehicle makes. Each circle represents a car brand, with position on the axes showing horsepower and torque, while radius and color encode highway MPG and make identity. The visualization includes interactive tooltips, a legend for MPG bubble sizes, and a color legend for makes. It uses d3.csv for data loading, d3.scaleLinear and d3.scaleOrdinal for scaling, and SVG elements with mouse event handlers for tooltip display.

Yyashwanthkirla95@gmail.com
94% match
Loading thumbnail…

task-4

This animated bubble chart visualizes the correlation between engine torque, horsepower, and highway MPG across 31 car makes. Each circle encodes horsepower on the x-axis, torque on the y-axis, and highway MPG through both bubble size and color. The visualization uses D3.js (v7) with SVG rendering, featuring an interactive tooltip that displays the car make on hover. The code includes a legend for bubble size and categorical color mapping, with data loaded from a CSV file via `d3.csv`.

Aajaykumarakula00@gmail.com
94% match
Loading thumbnail…

act6_task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position reflects horsepower and torque, while its size encodes highway MPG and its color distinguishes the car make. Built with D3.js v7, the chart uses d3.scaleLinear, d3.scaleOrdinal, and d3.axisBottom/Left, with SVG rendering. Hovering reveals a tooltip, and a legend displays MPG size values and make colors. Data comes from the bundled bubblechart.csv.

Ssravani1969@gmail.com
94% match
Loading thumbnail…

Task 4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s x-position maps to horsepower, y-position to torque, and its radius encodes highway MPG, while color distinguishes the manufacturer. Rendered as SVG with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` with an interpolated turbo color palette for categories, and a custom tooltip on mouseover. Animated hover effects and a dual legend for MPG values and color categories are included. The data comes from a CSV file.

IIkram Mohammed
93% match