Skip to main content
SimilarExport ZIP
100%

Activity6_Task3.2

✓ Published0🌍 Public
Ssahithigovindaraju@my.unt.edu
Last edited Oct 21, 2024
Created on Oct 21, 2024
Forked from Hello VizHub

This interactive scatter plot visualizes the relationship between horsepower and torque for various car makes, using bubble size to represent highway MPG and color to distinguish manufacturers. The visualization loads CSV data from a GitHub repository and renders it with D3 v7, employing scaleLinear for axes, scaleSqrt for bubble sizing, and scaleOrdinal with schemeCategory10 for categorical coloring. Axes are generated using axisLeft and axisBottom, while a custom shape legend component displays the car makes.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between torque, horsepower, and highway MPG for various car makes, using average values from a CSV dataset. Each circle is positioned by horsepower on the x-axis and torque on the y-axis, while its radius encodes highway MPG with a linear scale. The visualization uses D3.js v7 to render SVG elements and includes an interactive tooltip that displays the car make on mouseover. The legend communicates bubble size for MPG values, while a color scale provides a distinct hue for each manufacturer.

Ssaishruthik2361@gmail.com
93% match
Loading thumbnail…

Activity6_Task 4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle is positioned by horsepower (x-axis) and torque (y-axis), with its size scaled to highway MPG and color representing the manufacturer. The example demonstrates D3 v7 data loading via `d3.csv`, linear scales for axes, ordinal color scaling, and interactive tooltips on mouseover. It uses SVG rendering with `join` for data binding and includes a dual legend for bubble size and categorical colors.

KKhushi Desai
92% match
Loading thumbnail…

Activity6_Task4

This interactive bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for 31 car makes. Each circle's position encodes horsepower and torque on the x and y axes, while its size and color represent highway MPG and car make, respectively. Built with D3.js v7, the SVG visualization includes hover tooltips, a bubble size legend, and a color-coded categorical legend for each manufacturer. Data is loaded from a local CSV file using `d3.csv`.

PPadmajaKodati@my.unt.edu
92% match
Loading thumbnail…

Activity6_Task3

This scatter plot shows the relationship between car horsepower, torque, and highway MPG for a dataset of vehicles, where each circle’s position encodes horsepower and torque, and its radius encodes fuel efficiency. The visualization is rendered as an SVG using D3 v6, employing `d3.scaleLinear` for the axes, `d3.scaleSqrt` for bubble sizing, and `d3.axisBottom` and `d3.axisLeft` for the axes. Data is loaded from a remote CSV file, with car make labels drawn above each point, and axis labels styled with CSS.

Ssahithigovindaraju@my.unt.edu
92% match
Loading thumbnail…

Activity6_Task4

This interactive bubble chart visualizes the relationship between horsepower, torque, and highway MPG for 31 car makes. Each circle is positioned by horsepower on the x-axis and torque on the y-axis, while its radius encodes highway MPG and its color represents the manufacturer. The chart uses d3.csv to load data and d3.scaleLinear for positioning and sizing. Hovering over a bubble triggers a tooltip displaying the make's exact specifications. A legend identifies each make, and axes are labeled with descriptive titles. The implementation uses d3.axisBottom, d3.axisLeft, and d3.schemeTableau10, rendering SVG circles with animated transitions via CSS.

Pperamranji
92% match
Loading thumbnail…

activity 6 task 4

This bubble chart visualizes the relationship between average horsepower and torque for various car makes, using the size of each bubble to represent highway MPG and color to distinguish manufacturers. Built with D3.js v7, it renders as an SVG and includes interactive tooltips on hover. The data is loaded from a CSV file, and the chart features axis labels, a title, and a color legend.

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

Activity6_Task4

This bubble chart visualizes correlations between average horsepower, torque, and highway MPG for various car makes using D3 v7. The chart plots torque on the y-axis and horsepower on the x-axis, with the bubble radius encoding highway MPG. Data is loaded from a CSV file using `d3.csv`. The visualization employs `d3.scaleLinear` for axes and bubble sizing, `d3.interpolateTurbo` for color mapping, and `d3.scaleOrdinal` for categorical coloring. Interactive tooltips appear on mouseover, displaying the car make, while SVG rendering includes custom legends for both bubble size and color categories.

PPadmajaKodati@my.unt.edu
92% match