Activity6_Question4

100%

Activity6_Question4

✓ Published0🌍 Public

Last edited Oct 22, 2024

Created on Oct 22, 2024

This bubble chart visualizes the relationship between units sold, average price, and customer satisfaction for Samsung Galaxy smartphone models. Each circle’s position encodes price and units sold, while its radius and color represent customer satisfaction ratings and model identity, respectively. The visualization uses d3.csv to load data from a CSV file, with d3.scaleLinear for axes and bubble sizing, d3.scaleOrdinal with d3.interpolateTurbo for coloring, and mouse events to display a custom tooltip. Animated transitions appear in tooltip opacity changes.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Question4Bubble chart

This bubble chart visualizes the correlation between units sold, average price, and customer satisfaction for various iPhone models. Using D3 v7, the chart renders SVG circles positioned by linear scales for price and units sold, with radius encoding customer satisfaction ratings. Colors map to individual models via an ordinal scale using `d3.interpolateTurbo`. Interactive tooltips appear on mouseover, and legend circles show size reference points. Data is loaded from a CSV file containing model specifications and performance metrics.

Kkamalini.ponnuru11@gmail.com

88% match

Loading thumbnail…

Activity6_Question4

This bubble chart visualizes the relationship between iPhone model attributes—units sold, average price, and customer satisfaction—using D3.js v7. The data from `appleSalesChart.csv` positions each bubble by make and model, with bubble size representing units sold and color encoding price tiers. The chart includes an x-axis for average price, a y-axis for customer satisfaction, and a legend for bubble size. Interactive tooltips display exact values on hover, while the SVG rendering uses D3's scale functions for axis mapping and color encoding.

Kkamalini.ponnuru11@gmail.com

86% match

Loading thumbnail…

Activity6_Question4

This interactive bubble chart visualizes the relationship between smartphone price, battery capacity, and average rating using data from a CSV file. The visualization uses D3 v7 to render SVG circles positioned by price and battery on x and y axes, with bubble size representing rating and color distinguishing phone models via an ordinal scale with interpolateTurbo. Hover interactions trigger tooltips displaying model details. A legend on the right maps bubble sizes to star ratings, while CSS styles enhance hover opacity for improved readability.

Aaparnachalumuri@gmail.com

83% match

Loading thumbnail…

Activity6_Task4 Question 4

This bubble chart visualizes smartphone specifications by mapping screen size to the x-axis, camera resolution to the y-axis, and price to bubble radius, with color encoding brand identity. The visualization uses d3.csv to load the smartphone dataset, then employs d3.scaleLinear for axes and sizing, d3.scaleOrdinal with d3.schemeSet3 for categorical colors, and d3.axisBottom and d3.axisLeft to render axes. SVG circles are appended and positioned using the scaled values, with opacity and stroke applied for readability.

Gguttavenkata745@gmail.com

82% match

Loading thumbnail…

activity6_Task4 Question 4

This bubble chart displays smartphone specifications, plotting screen size on the x-axis against camera resolution on the y-axis, with bubble radius scaled by price and color encoding phone brand. The chart uses D3.js v6 with SVG rendering, employing `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` with `d3.schemeSet3` for brand colors, and `d3.axisBottom` and `d3.axisLeft` for labeled axes. Data comes from the local `smartphones.csv` file, loaded via `d3.csv`.

Ssumanthpenna0221@gmail.com

81% match

Loading thumbnail…

Activity6_Question9

This bubble chart visualizes the relationship between screen size, camera resolution, and price for various mobile phone brands. Each circle represents a brand, positioned by its screen size on the x-axis and camera pixels on the y-axis, with the circle's radius encoding the device's price. The chart uses `d3.scaleLinear` for axis and size scaling, and `d3.scaleOrdinal` with `d3.schemeSet3` for brand coloring. Data is loaded from a local `Features.csv` file, rendered as SVG circles with black strokes and 0.7 opacity.

Kkartheekgrpt@gmail.com

79% match

Loading thumbnail…

Activity6_task4_question1

This bubble chart displays the relationship between performance score and user experience score for seven smartphone brands, with circle size encoding battery capacity. The visualization uses D3 v7 with SVG rendering, employing d3.scaleLinear for both axes, d3.scaleSqrt for bubble sizing, and d3.scaleOrdinal with d3.schemeTableau10 for color coding. Each brand is labeled directly on its corresponding bubble.

Vvemurisuchitha@gmail.com

79% match

Loading thumbnail…

Activity6_Question2

This example visualizes mobile phone sales data from a CSV file as a horizontal stacked bar chart, displaying yearly sales figures for Apple, Samsung, Motorola, and Google. The chart uses D3.js v7 to load data, apply sequential color scales, and render the SVG with axis labels and a tooltip that reveals specific sales values on hover. The code demonstrates importing D3 via UNPKG, using utility functions like `d3.stack()` and `d3.scaleBand()`, and structuring chart elements with an SVG canvas.

Vvarshithainaganti@gmail.com

79% match