Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Week 6 New Technique

Public visualization

Viewing a saved revision (read-only)

2696ca955a9c4dada8a8b159ed9ef746

Week 6 New Technique

0 stars0🌍 Public
IIan Coolidge
Last edited Feb 22, 2024
Created on Feb 22, 2024
Forked from Circles with D3

This scatter plot explores the relationship between sweetness and ripeness scores in a subset of the Apple Quality dataset, coloring each point green or red based on whether the apple is rated good or bad. The visualization uses d3.scaleLinear for both axes and d3.selectAll to render the circles, with a custom legend object passed into the viz function to display colored squares and labels for each quality category in the lower-left corner. The example demonstrates a reusable viz function that accepts configurable options for margins, axis labels, and legend data.

AI-generated description

Creating circles with D3.

Challenge

  • Fork this example
  • Modify it
  • Maybe make it Halloween themed
  • Maybe make it Christmas themed
  • Be creative

Svelte

Here's a video on how to get started with Svelte as well!