Skip to main content
SimilarExport ZIP
100%

Activity6_task4

✓ Published0🌍 Public
Pp99vijaya@gmail.com
Last edited Oct 25, 2024
Created on Oct 25, 2024

This bubble chart shows the relationship between average horsepower, torque, and highway MPG for various car makes, using bubble size to represent MPG and color to distinguish makes. Built with D3 v7, it renders as SVG with interactive tooltips on hover that display the car make. The chart uses `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` with `d3.interpolateTurbo` for color mapping, and includes legends for bubble size and make colors, with data loaded from a local CSV file.

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 relationship between average horsepower, torque, and highway MPG for various car makes, using circle size to encode MPG and color to distinguish makes. Built with D3 v7, it renders as an SVG with animated dots that respond to mouseover events, displaying a tooltip with the car make. The chart includes a legend for MPG values and color-coded make categories, reading data from a CSV file and using scales such as `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color, and `d3.interpolateTurbo` for the color palette.

Lleelakrishnadivi7@gmail.com
98% match
Loading thumbnail…

Activity6 task4

This 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 scales with highway MPG, and its color distinguishes the make. The D3.js v7 example uses `d3.scaleLinear` for positioning and sizing, `d3.scaleOrdinal` with interpolated turbo colors for categorical encoding, and adds interactive tooltips on mouseover. A legend shows MPG values and a color key for all makes. Data comes from `bubblechart.csv`, rendered as SVG with hover animations.

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

Activity6_Task4

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG across different car makes. Each bubble’s x-position encodes horsepower, the y-position encodes torque, and the circle’s radius encodes highway MPG, while color distinguishes the car manufacturer. Hovering over a bubble reveals a tooltip with the make name. The chart, rendered as SVG, includes a legend for MPG and color-coded makes. Built with D3 v7, it uses `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.interpolateTurbo` for color mapping, with data loaded from a CSV file.

NNithish Karanam
96% match
Loading thumbnail…

Activity6-Task4

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for 31 car makes, with each bubble positioned along x- and y-axes and sized by fuel efficiency. Built with D3 v7, it uses `d3.scaleLinear` for axes and bubble radius, a color scale based on `d3.interpolateTurbo`, and a legend for MPG values and car make. Hovering over a circle triggers a custom tooltip, while the SVG output is rendered with axes, labels, and legend circles. Data comes from the bundled bubblechart.csv file.

Hharinihari6791@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_bubblechart-TASK4

This interactive bubble chart visualizes the relationship between average horsepower, torque, and highway MPG across 31 car makes. Each bubble represents a make, positioned by its horsepower on the x-axis and torque on the y-axis, while bubble radius encodes highway MPG and color distinguishes makes. The visualization uses D3 v7 to load data from a CSV file, render SVG elements with linear scales for all three variables, and includes interactive tooltips that display the make name on hover. A legend explains the bubble size scaling and color mapping for each make.

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

Activity6_Task4

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for various car makes, sourced from a CSV file. Data points are plotted with x-coordinates for horsepower, y-coordinates for torque, and bubble size scaled to MPG, colored by make using a d3.interpolateTurbo ordinal scale. Interactive tooltips display the car make on hover, while the D3.js code renders the chart as an SVG with animated transitions, including axes, a bubble-size legend, and a color legend for car manufacturers.

Kkartheekgrpt@gmail.com
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s x and y position corresponds to horsepower and torque, while its radius encodes highway MPG, and color distinguishes the make. Hovering reveals the make label via a D3 tooltip. Built with d3.v7, it uses SVG rendering with scales for position, size, and ordinal color, and includes legends for size and color mapping. Data comes from the included `bubblechart.csv` file.

SSreeKohaliPatel@my.unt.edu
96% match