Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

092bb1fe5d9648bab82c61da739d5a0a

D3 Scatter Plot

0 stars0🌍 Public
BBenLeathers
Last edited May 16, 2023
Created on May 8, 2023
Forked from HTML Starter

This interactive D3 scatter plot visualizes University of Georgia football performance, plotting average points per game against recruiting scores across different seasons. Each circle’s size represents average opponent points allowed, while color encodes the offensive coordinator. The visualization uses d3.csv, d3.json, scaleLinear, scaleSqrt, axisLeft, and axisBottom, with SVG rendering and animated transitions. A custom CSS tooltip displays precise values on hover. Coordinates for coordinators come from a local JSON file, while data loads from a GitHub gist. The chart dynamically scales fonts based on viewport dimensions taken from computed styles.

AI-generated description

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

See also React Starter.