Skip to main content
SimilarExport ZIP
100%

Assignment 2 - Bubble chart

✓ Published2🌍 Public
Ppasyasahas
Last edited Jul 16, 2023
Created on Jul 16, 2023
Forked from Hello VizHub

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.

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

Activity6

This interactive bubble chart visualizes the correlation between manufacturing cost, selling price, and profit percentage for various car makes, using data from a CSV file. The chart displays circles positioned by selling price on the x-axis and make cost on the y-axis, with bubble size scaled to profit percentage and color encoding brand identity. Built with D3 v7, it uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for color mapping, and `d3.interpolateTurbo` for the color scheme. The visualization includes a legend and animated tooltips that appear on mouseover.

Kkeerthi.yanala104@gmail.com
87% 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
86% 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
81% 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
81% 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
81% 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
81% match