Skip to main content
SimilarExport ZIP
100%

Activity6

✓ Published0🌍 Public
Kkeerthi.yanala104@gmail.com
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from Hello VizHub

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.

AI-generated description

An illustration of VizHub's capabilities is as follows: D3 is loaded using UNPKG.

  • Exhibits how to use `import} from {"d3"}.
  • Use of `import} from local ES6 modules is demonstrated.
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
88% 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, 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
87% 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
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
85% 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
84% 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
84% match
Loading thumbnail…

Activity6_Tutorial4

This bubble chart shows the correlation between average horsepower and torque across car makes, with bubble size encoding highway MPG and color distinguishing each manufacturer. The visualization includes interactive tooltips that display the car make on hover, alongside legends for both bubble size and color categories. Built with D3.js v7, the chart uses SVG rendering with scaleLinear for axes and bubble sizing, scaleOrdinal for color mapping, and d3.csv to load the dataset.

Hhemanthdummy999@gmail.com
84% match
Loading thumbnail…

Activity6_Task4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with bubble size encoding MPG and color distinguishing manufacturers. Built with D3 v7, it renders SVG circles positioned by linear scales, includes tooltips on mouseover, and provides a legend for both bubble size and color. The data comes from a CSV file loaded via d3.csv, with colors assigned using d3.scaleOrdinal and the interpolateTurbo color scheme.

Hhaneesh@gctc.in
83% match