Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

task 3 question678

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

306ae5dee8c54b55b4b2275e41805b1b

Open

task 3 question678

0 stars1🌍 Public
KKritin Kesav
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

This scatter plot visualizes the relationship between study hours and exam scores for ten students, with each point colored by student ID to distinguish individuals. The D3.js v7 code loads data from a CSV file, converts the values to numbers, and uses linear scales with `d3.axisBottom` and `d3.axisLeft` to render axes labeled "Study Hours" and "Exam Score." SVG circles are appended via data joins, with their positions mapped through the scales and their fill colors assigned using `d3.scaleOrdinal` with `d3.schemeCategory10`.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.