Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Strip Plot with jittering

Public visualization

Viewing a saved revision (read-only)

f1fc2735f66a4bf1ac0c87efb7879ef0

Strip Plot with jittering

0 stars0🌍 Public
SShazil Taqi
Last edited May 2, 2024
Created on May 2, 2024
Forked from HTML Starter

This visualization uses a jittered strip plot to compare starting median salaries across different school types, with each circle representing an individual school. The plot employs D3.js v7 to load CSV data, create linear and band scales for axes, and render SVG circles with randomized horizontal jitter to reduce overlap. Colors distinguish school types using `d3.scaleOrdinal` with `d3.schemeCategory10`. Interactive tooltips appear on mouseover, displaying the school name, type, and salary. The code demonstrates axis labeling, dynamic jittering, and event-driven tooltip transitions.

AI-generated description

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

See also React Starter.