Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot

Public visualization

Scatter Plot

0 stars0🌍 Public
RRuba Khan
Last edited Sep 15, 2024
Created on Sep 15, 2024

This scatter plot visualizes the relationship between attendance rate and final grade for a student performance dataset, with each circle representing a student. The code uses D3’s `scaleLinear` and `extent` functions to map the data to screen coordinates, while axis labels are generated through the `@curran/axis-labels` package. The plot includes a light gray background rectangle and semi-transparent circles, configured via options like `innerRectFill`, `circleRadius`, and `circleOpacity`. Data is loaded directly from a local CSV file with fields converted to numbers.

AI-generated description

A simple scatter plot with D3 showing the Penguins Dataset.

Challenge

  • Fork this viz
  • Modify it to show your data

Comments

Sign in to join the discussion.

MIT Licensed