Man SDV Q4

100%

✓ Published0🌍 Public

Last edited Apr 11, 2024

Created on Apr 11, 2024

This bubble chart visualizes the relationship between vehicle acceleration and fuel efficiency (MPG) across 19 car makes, with each circle’s size encoding price tier (high, medium, or low). It uses D3.js v7 with SVG rendering, loading data from a CSV file. The chart maps acceleration to the x-axis and MPG to the y-axis using linear scales, while a square-root scale determines bubble radius. Axes are labeled, though tick marks are not drawn. Data is processed by converting strings to numbers and lowercasing price values before scaling.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Man SDV Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its radius represents highway MPG and its color distinguishes the manufacturer. Built with D3 v7, the SVG renders circles with a color scale using `d3.interpolateTurbo` and `d3.scaleOrdinal`. Interactive tooltips appear on mouseover via D3 event handlers, and a legend shows bubble size mapping and make colors, all based on data from `bubblechart.csv`.

Mmanojapopuri@gmail.com

83% match

Loading thumbnail…

Man SDV Task 4

This visualization shows the correlation between average horsepower, torque, and highway MPG for 31 car makes, with each bubble positioned by horsepower (x-axis) and torque (y-axis), while its size encodes highway MPG. A tooltip appears on hover to reveal the car make. The code uses D3.js v7 with SVG, employing `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` with `d3.interpolateTurbo` for color encoding, and hover event handlers for the tooltip. Data comes from an external CSV file, and a legend displays both bubble size values and color-coded makes.

Mmanojapopuri@gmail.com

83% match

Loading thumbnail…

Man Task 4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across various car makes, with each bubble's size representing fuel efficiency and its color indicating the manufacturer. Built with D3 v7, the visualization uses SVG rendering and animated transitions, implementing linear scales for the x- and y-axes and an ordinal color scale with the `interpolateTurbo` palette. Interactive tooltips appear on hover using D3's `.on()` event handlers, while a legend demonstrates bubble size scaling and color-coded car makes.

Mmanojapopuri@gmail.com

82% match

Loading thumbnail…

Man Task 4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across different car makes. Each circle’s position maps horsepower and torque, while its radius encodes highway MPG and color distinguishes automotive brands using the D3 `scaleLinear`, `scaleOrdinal`, and `interpolateTurbo` color scale. The visualization includes axis labels, a legend for MPG values, and a color-coded make legend. Interactive tooltips appear on mouseover, implemented with D3 event handlers, while the data comes from the embedded CSV file and is rendered as SVG with hover animations.

Mmanojapopuri@gmail.com

81% match

Loading thumbnail…

Fork of Man SDV Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. The x-axis represents horsepower, the y-axis represents torque, and the size of each bubble encodes highway MPG. A legend maps bubble size to MPG values and color to car brand. Built with D3.js v7, the SVG visualization uses `d3.scaleLinear` for all axes and bubble size, and includes interactive tooltips on mouseover events. Data is loaded from the `bubblechart.csv` file.

Mmanojapopuri@gmail.com

81% match

Loading thumbnail…

Fork of Question 4 chnages

This visualization displays the correlation between a vehicle's acceleration, displacement, and fuel efficiency using an interactive bubble chart. Each bubble represents a car model, with its position determined by the x-axis (acceleration) and y-axis (displacement), while the bubble's radius and color encode the vehicle's highway MPG. The chart is rendered using D3.js (v7) with SVG, and includes a legend for bubble size and color. Hovering over a bubble triggers a tooltip that displays the car's make, implemented through D3's event listeners and transition methods.

Kkandulasunny17@gmail.com

80% match

Loading thumbnail…

Activity 6 q4

This bubble chart displays the correlation between acceleration, top speed, and fuel efficiency for luxury car brands. Each circle’s position maps acceleration on the x-axis and top speed on the y-axis, while its radius encodes fuel efficiency using d3.scaleLinear. The code loads data from a CSV file and renders the SVG visualization with d3.axisBottom and d3.axisLeft. Interactive tooltips appear on mouseover events, showing each car’s specific metric values in a styled HTML div.

Hhkodiripaka15@gmail.com

80% match

Loading thumbnail…

Car Scatter Plot

This scatter plot visualizes the relationship between fuel efficiency (MPG) and acceleration for a dataset of cars, with each vehicle represented as a translucent tomato-colored circle. The visualization uses D3 v5 to load CSV data, apply linear scales, and render an SVG with axes and labels. Axis tick marks extend across the plot area, and custom CSS styles the circles, text, and tick marks. The chart title and axis labels clarify the variables, while the data is fetched from a remote CSV file hosted on VizHub.

BBendrog

80% match