Task 8_question

100%

Task 8_question

✓ Published0🌍 Public

Last edited Apr 15, 2024

Created on Apr 15, 2024

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.

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_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

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

87% 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

86% 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

85% match

Loading thumbnail…

Task8_Turorial 4

This interactive bubble chart shows the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s position encodes horsepower on the x-axis and torque on the y-axis, while its radius and color represent highway MPG and car brand, respectively. The chart is rendered as SVG with D3 v7, using `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for color, and `d3.axisBottom` and `d3.axisLeft` for ticks. A tooltip displays the car make on hover, and legends annotate bubble size and brand colors. Data comes from a CSV file.

Ppranayrajana.97@gmail.com

82% match

Loading thumbnail…

task-8(question-4)

A bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across ten car makes. Each circle’s position encodes torque and horsepower on the axes, while its size maps to highway MPG and its color distinguishes the car brand. The visualization uses D3 v7 with SVG rendering, including a tooltip for make identification on mouseover, a size legend, and a color legend. Data is loaded from a local CSV file using `d3.csv`, with scales built via `d3.scaleLinear` and `d3.scaleOrdinal`, and colors assigned using `d3.interpolateTurbo`.

DDivyaKota2@my.unt.edu

82% match

Loading thumbnail…

Task8 T4

This bubble chart displays the relationship between average horsepower and average torque for seven car makes, with each car brand represented by a colored circle. The visualization uses D3.js v7 to load data from a CSV file, map values to linear scales for both axes, and encode the categorical car brand through an ordinal color scale. SVG circles are positioned using the xScale and yScale functions, with a legend identifying each make by color, while axis labels clarify the quantitative dimensions being compared.

Ssruthimreddy6@gmail.com

81% match

Loading thumbnail…

Activity6_Task4

A bubble chart shows how average horsepower, torque, and highway MPG correlate for 31 car brands, with each circle’s x-position mapping to horsepower, y-position to torque, and radius to highway MPG. Color encodes the car make, and a tooltip displays the brand on hover. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` with `d3.interpolateTurbo` for colors, and SVG circles with mouse-event handlers for interaction. Data is loaded via `d3.csv` from a local file.

Kkeerthana11.mcs@gmail.com

80% match