Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-6: Rendering Marks and Channels Scatterplot

Public visualization

Viewing a saved revision (read-only)

6d4da6f8ea65425c9854cc60beaf3e35

ICE-6: Rendering Marks and Channels Scatterplot

0 stars0🌍 Public
JJustin Roberts
Last edited Mar 9, 2023
Created on Mar 9, 2023
Forked from HTML Starter

This scatterplot shows the relationship between flipper length and bill length for penguins, with each point colored by species. The visualization uses D3 v7 scales (`d3.scaleLinear` for axes and `d3.scaleOrdinal` with `d3.schemeCategory10` for colors) and renders circles as SVG marks. Data comes from the Penguins.csv file, loaded via `d3.csv`. The circle radius is also mapped to flipper length, while labeled axes for flipper and bill length are generated with `d3.axisBottom` and `d3.axisLeft`.

AI-generated description

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

See also React Starter.