🌍 Public
Viewing a saved revision (read-only)
5e156a93aa574a50823e24dc9982a436
activity6_Task-4
This interactive bubble chart, built with D3.js v7 and SVG animation, visualizes the correlation between processor speed (x-axis), battery capacity (y-axis), and camera resolution (bubble size) across 32 smartphone brands from a CSV file. Each bubble is color-coded by brand using `d3.scaleOrdinal` and `d3.interpolateTurbo`, with a tooltip revealing brand names on hover via mouse events. The chart includes labeled axes, a circle-based legend for camera megapixels, and uses `d3.axisBottom` and `d3.axisLeft` for scales. The semi-transparent bubbles enhance visibility, while hover effects increase opacity.
AI-generated descriptionAn example showing the capabilities of VizHub:
- Loads D3 via UNPKG.
- Demonstrates use of
importfrom"d3". - Demonstrates use of
importfrom local ES6 modules.