Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

[A10] (Previous Black Hat + White Hat Redesign in D3)

Public visualization

Viewing a saved revision (read-only)

3f80d19110894907afe8c83e27a38494

[A10] (Previous Black Hat + White Hat Redesign in D3)

0 stars0🌍 Public
Cctan13@dons.usfca.edu
Last edited Apr 8, 2024
Created on Apr 8, 2024
Forked from HTML Starter

Two side-by-side D3.js v7 scatter plots show vehicle Horsepower versus Torque, with circle size encoding MPG and color encoding make (Audi, Chevrolet, Volvo). The first plot renders fully opaque, while the second applies low opacity to reveal overlapping points. Both use `d3.csv()` to load data, `d3.scaleLinear()` for axes and sizing, `d3.select()` for SVG element creation, and mouseover handlers to display tooltips with exact values. Axes, titles, and a size legend are drawn as SVG text and shapes.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.