Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Hello VizHub

Public visualization

Viewing a saved revision (read-only)

c0f81170ae5348629a9cecd238ac888c

Fork of Hello VizHub

0 stars0🌍 Public
Ggreeshmareddy135@gmail.com
Last edited Apr 6, 2024
Created on Apr 6, 2024
Forked from Hello VizHub

This bubble chart visualizes the relationship between screen size and price for electronics, with bubble radius encoding horizontal resolution. It uses D3.js v7 to load CSV data and render SVG circles. The chart includes axis labels, a green-to-red color scheme, and interactive tooltips that display brand, resolution, processor speed, and price on mouseover. The tooltip positioning relies on the `event.x` and `event.y` properties from D3's event handling.

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.