Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity8_Question4

Public visualization

Viewing a saved revision (read-only)

eaba0af351404a75b786f0ecf74c5f67

Activity8_Question4

0 stars0🌍 Public
Zzoe.romo@att.net
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

This interactive bubble chart visualizes laptop prices in relation to screen size (in inches) and RAM (in GB). Each circle’s area encodes price, while its color represents the manufacturer, and hovering reveals the company name via a styled tooltip. The visualization includes dual legends for price scaling and company colors, with axes labeled accordingly. Built with D3.js v7, the chart renders as an SVG and reads data from a local CSV file, using scales like `d3.scaleLinear` and `d3.scaleOrdinal` to map data to visual properties.

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.