Skip to main content
SimilarExport ZIP
100%

Activity6 Q4

✓ Published0🌍 Public
Vvishnutejareddyambati@my.unt.edu
Last edited Oct 26, 2024
Created on Oct 26, 2024
Forked from D3 Starter

This bubble chart visualizes the correlation between the number of cylinders, engine displacement, and city MPG for various car models. Each circle represents a car, with its x-position mapped to cylinders, y-position to displacement, and circle size encoding city MPG, while color differentiates car brands. The visualization includes interactive tooltips on hover, a legend for city MPG values, and a color legend for brands. Built with D3.js v7, the code uses SVG rendering, scaleLinear for axes and bubble size, and scaleOrdinal for color mapping.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity-6_Question-4

This bubble chart shows the relationship between engine cylinders, displacement, and city MPG for various car brands, with each bubble’s position encoding cylinder count and displacement while its size maps to city MPG. Color distinguishes brand, and hovering reveals the brand name via a tooltip. The visualization uses d3.csv to load data, d3.scaleLinear for positioning and sizing, d3.scaleOrdinal with d3.interpolateTurbo for color, and d3.axisBottom/axisLeft for axes. It includes a legend for bubble size and brand colors, rendered as SVG circles with mouse event handlers for interactivity.

Ccharanshiva769@gmail.com
93% match
Loading thumbnail…

Activity6Task4

A bubble chart displays correlations between average horsepower, torque, and highway MPG for various car makes, using D3.js. The visualization uses an SVG with circles whose size encodes MPG, while color distinguishes vehicle brands. The code reads data from a CSV file, applies linear scales for axes and bubble radius, and maps manufacturer names to a turquoise color scheme using d3.scaleOrdinal. Interactive tooltips appear on mouseover, showing the car make. A legend displays both the bubble size scale for MPG and color samples for each marque.

Aalapati98@gmail.com
88% match
Loading thumbnail…

Activity6_question4

A bubble chart plots engine displacement against fuel economy for various car models, with the bubble size encoding vehicle weight and the color encoding the number of cylinders via a categorical color scheme. The visualization uses D3 v7 to load CSV data, apply linear scales for the axes and a square-root scale for bubble radii, and render SVG circles. It also includes a legend showing the cylinder count categories.

Mmaneeshraja47@gmail.com
88% match
Loading thumbnail…

Activity6_Q4

This interactive bubble chart shows the correlation between average horsepower, torque, and highway MPG for 31 car models, with bubble size encoding MPG and color distinguishing each make. Built with D3 v7, it renders SVG circles with smooth hover interactions and tooltips displaying model names. The visualization includes dual legends for bubble size (highway MPG) and color-coded makes, using d3.scaleOrdinal with interpolateTurbo colors and d3.scaleLinear for both axes and bubble radius.

Bbhargavr016@gmail.com
88% match
Loading thumbnail…

Activity4

A bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for 31 car makes, with bubble size encoding MPG and color distinguishing brands. The visualization uses d3.csv to load data, then employs d3.scaleLinear for axes and bubble radius, d3.scaleOrdinal with d3.interpolateTurbo for categorical coloring. Interactive tooltips appear on mouseover, showing the car make. The SVG rendering includes a legend for both MPG values and color-coded makes, with circles animated via standard D3 transitions on hover states.

Ggoudrohit2000@gmail.com
87% match
Loading thumbnail…

Activity6_Question1

A bubble chart visualizes correlations between average horsepower, torque, and highway MPG across 31 car makes, with circle size encoding highway MPG and color representing car brand. The D3 v7 code loads CSV data, scales axes linearly, and positions bubbles via x/y coordinates. Hovering reveals tooltips showing the car make. A legend explains size and color mappings. The SVG renders with static circles, using D3's selection, scale, and axis methods.

Llikhitha.sarahah01@gmail.com
87% match
Loading thumbnail…

Activity-6 task-4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG for different car makes, with bubble size encoding MPG and color distinguishing each brand. Built with D3.js v7, the visualization uses SVG circles, a color scale based on `d3.interpolateTurbo`, and animated tooltips that display the car make on hover. A legend explains the MPG size mapping. Data is loaded from a CSV file (`bubblechart.csv`).

KKavyaEti
87% match
Loading thumbnail…

Activity6_4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each bubble's position encodes horsepower on the x-axis and torque on the y-axis, while its radius represents highway MPG and its color distinguishes different car manufacturers. Built with D3.js v7, the SVG visualization features hoverable bubbles that display the car make via a tooltip, along with legend markers for MPG ranges and color coding for makes. Data is loaded from a remote CSV file.

Rrishikareddy181@gmail.com
87% match