Assignment 2_Task 4

100%

Assignment 2_Task 4

✓ Published0🌍 Public

Last edited Jul 21, 2023

Created on Jul 17, 2023

This bubble chart shows the correlation between a car's make cost, selling price, and profit percentage across fourteen brands. Each circle’s position maps cost and selling price, while its radius encodes profit percentage and its color identifies the brand. Built with D3 v7, the visualization loads data from a CSV file, uses `d3.scaleLinear` for axes and bubble sizing, and renders as an SVG with an interactive tooltip that displays the brand name. A legend decodes both the color categories and bubble size scale.

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…

Assignment 2 - Bubble chart

This bubble chart visualizes the correlation between make cost, selling price, and profit percentage for various car brands, with each bubble’s size encoding profit percentage and its color distinguishing brand. Built with D3 v7, it reads data from a CSV file and renders an animated SVG scatterplot. Interactive tooltips display brand names on hover, while legends map bubble size to profit values and color to car makes.

Ppasyasahas

92% match

Loading thumbnail…

Assignment 2_Bubble chart

This bubble chart visualizes the correlation between make cost, selling price, and profit percentage for various car brands. The data, sourced from `profits.csv`, is rendered as an interactive SVG using D3 v7, where bubble size encodes profit percentage and color distinguishes car brands. Implemented with `d3.csv`, `d3.scaleLinear`, and `d3.scaleOrdinal`, the chart displays axes for selling price and cost, with a legend for profit percentage and brand colors. Hovering over a bubble triggers a tooltip showing the brand name, supported by custom `showTooltip`, `moveTooltip`, and `hideTooltip` functions on `mouseover`, `mousemove`, and `mouseleave` events.

Cchsaisriharsha@gmail.com

92% match

Loading thumbnail…

Activity 7 task 4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each circle’s position mapping to horsepower and torque while its size and color encode highway MPG and brand identity. The visualization uses D3.js v7 with SVG rendering, scaling bubble radius via d3.scaleLinear and assigning colors through a d3.scaleOrdinal. Hovering reveals a tooltip with the make name, and animated transitions adjust its opacity. A legend conveys MPG values through circle sizes and make-specific color swatches from the CSV dataset.

Ssreekarthanda@gmail.com

80% match

Loading thumbnail…

Activity 7_Task 4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s position encodes engine performance values, while its size represents fuel efficiency. The visualization uses D3 v7’s `scaleLinear`, `scaleOrdinal`, and `interpolateTurbo` for color mapping, along with SVG rendering and hover tooltips. Data from `bubblechart.csv` is loaded via `d3.csv`, and the chart includes axes, circle legend for MPG, and categorical color legend.

KKeerthiAnnem

80% match

Loading thumbnail…

Bubble chart - Activity-7-5

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across car makes, using circle size for MPG and color for car brand. It is built with D3 v7, rendering SVG elements with interactive hover tooltips that display the car make. The chart includes a legend for bubble size and color, and reads data from a CSV file.

VVinay Vemuri

80% match

Loading thumbnail…

Bubble chart Assignment 2 Q4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG for various car makes, with each circle sized by MPG and colored by manufacturer. The visualization uses d3.v7 to load CSV data and render an SVG with axis scales, a tooltip on mouseover, and a legend for both bubble size and color categories. Hovering highlights a bubble via opacity changes and displays the make in a styled tooltip.

VVishnu Sudireddy

80% match

Loading thumbnail…

Activity 7 Task 5

This visualization displays a bubble chart correlating average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its radius represents highway MPG and color distinguishes car brands. The chart includes interactive tooltips on hover, a legend for MPG sizing, and a color-coded brand legend. Rendered as SVG with D3 v7, it uses `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.interpolateTurbo`, and `d3.csv` to load data from a local CSV file.

MmNamratha25

79% match

Loading thumbnail…

Fork of Assignment 5 - Bubble Chart

This bubble chart visualizes average horsepower versus average torque for various car brands, with bubble size encoding average highway MPG and color distinguishing each make. A black tooltip appears on hover, displaying the car brand. The visualization is built with D3 v7, using SVG circles, linear scales for axes, a power scale for bubble radius, and an ordinal color scale. Data is loaded from a CSV file, and the chart includes legends for bubble size and color categories.

SSumanya4

79% match