Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task4

Public visualization

Viewing a saved revision (read-only)

e1d651f0a8c04e639d360f5a8dfa4afe

Activity6_Task4

0 stars0🌍 Public
Ssannihitha.k23@gmail.com
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from React Starter

This interactive bubble chart compares smartphones by price, RAM, and storage, with each bubble representing a brand positioned by price on the y-axis and RAM on the x-axis, while bubble size encodes storage capacity. The visualization uses D3.js v7 to render an SVG with axes, a color scale based on brand, and a legend for storage values. A custom tooltip appears on hover, displaying brand, price, storage, RAM, and screen size, with smooth transitions for show and hide effects. The chart reads the `bubblechart.csv` data file and incorporates React starter code for the frontend framework.

AI-generated description

React Starter code.