Skip to main content
SimilarExport ZIP
100%

Assignment 2_Bubble chart

✓ Published0🌍 Public
Cchsaisriharsha@gmail.com
Last edited Jul 22, 2023
Created on Jul 22, 2023

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.

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
95% match
Loading thumbnail…

Assignment 2_Task 4

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.

KKeerthiAnnem
92% match
Loading thumbnail…

Task 8_question

This interactive bubble chart visualizes the correlation between make cost, selling price, and profit percentage for 25 car brands, with data loaded from a CSV file. Each bubble’s size encodes profit percentage, while its color represents the brand, mapped via `d3.scaleOrdinal` and `d3.interpolateTurbo`. The chart uses `d3.csv`, `d3.scaleLinear`, and `d3.axisBottom`/`d3.axisLeft` to render axes, and includes a custom tooltip with `mouseover`/`mousemove`/`mouseleave` events. The SVG output features both a profit-size legend and a brand-color legend.

Ppranayrajana.97@gmail.com
87% match
Loading thumbnail…

Assignment 5 - Bubble Chart

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for various car brands. The x-axis represents horsepower, the y-axis represents torque, and the bubble size encodes highway MPG, with color distinguishing each brand. Built with D3 v7, the SVG visualization includes interactive tooltips that appear on mouseover, showing the car make. A legend explains the bubble size scaling for highway MPG values. The chart uses ordinal color scaling via `d3.interpolateTurbo` and linear scales for positioning and sizing, with data loaded from a CSV file.

Vvishusikka
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…

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
80% match
Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with circle size encoding MPG and color distinguishing brands. Users hover over bubbles to see the make name via a tooltip. Built with D3 v7 and SVG, it uses d3.csv to load data, d3.scaleLinear for axes and sizing, d3.scaleOrdinal with interpolateTurbo for colors, and includes a legend for MPG values.

Cchsaisriharsha@gmail.com
80% match
Loading thumbnail…

Bubble Chart

This bubble chart displays average horsepower, torque, and highway MPG for various car brands, with each bubble’s position on the x- and y-axes representing horsepower and torque, and its size encoding highway MPG. The color of each bubble corresponds to the car make, and hovering reveals a tooltip with the brand name. Built with d3.v7 and SVG, it includes axes, a size legend, and a color legend, reading data from a CSV file.

Ssusarlasruthi2000@gmail.com
80% match