Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Qualitative Scatter Plot in D3

Public visualization

Viewing a saved revision (read-only)

be7899ee1bef4b9c86fd6e890944f4fe

Qualitative Scatter Plot in D3

0 stars0🌍 Public
EEunice Tu
Last edited Mar 3, 2024
Created on Mar 2, 2024
Forked from D3 Starter

This qualitative scatter plot displays the relationship between passenger age, fare paid, and survival status for 887 Titanic passengers. Each circle represents a passenger, with blue and red indicating survival (1) or non-survival (0), using a color scale from D3’s ordinal scale. The visualization uses D3 v7 to load CSV data from a remote source and render SVG circles, axes, and a legend. The code specifically employs `d3.csv`, `d3.scaleLinear` for the x (age) and y (fare) axes, and `d3.legendColor` to create the categorical legend, with the chart positioned within an SVG container using custom margins.

AI-generated description