Activity6_Question4

100%

Activity6_Question4

✓ Published0🌍 Public

Last edited Oct 17, 2024

Created on Oct 17, 2024

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.

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

95% match

Loading thumbnail…

Activity6_Question4

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.

Ppraneeth.d555@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 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

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

80% match

Loading thumbnail…

Activity 6 Question 4

This bubble chart visualizes sales performance for 39 products, plotting Revenue on the x-axis against Units Sold on the y-axis, with bubble radius encoding units sold and color encoding product category (Electronics, Apparel, Home Decor). Hovering over a bubble reveals a tooltip with product details. Built with D3 v7, it uses d3.scaleLinear for axes, d3.scaleSqrt for bubble sizing, and d3.scaleOrdinal with d3.schemeCategory10 for category colors, rendering SVG elements from a CSV data source.

Kkrishi7079@gmail.com

80% match

Loading thumbnail…

activity6_question4

This bubble chart visualizes the relationship between marketing spend, revenue, and employee count for ten smartphone brands using a scatter plot with bubble size encoding employee numbers. The D3.js v7 implementation uses `d3.scaleLinear` for axes, `d3.scaleSqrt` for bubble radius, and `d3.scaleOrdinal` with the `d3.schemeSet3` color palette for brand differentiation. Interactive tooltips appear on hover, showing detailed metrics for each brand, while a legend identifies colors. Data is loaded from a CSV file using `d3.csv`.

Sshreshikaveerannagari@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