Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Box Plot Example

Public visualization

Box Plot Example

0 stars0🌍 Public
UuwFengyuan
Last edited Apr 13, 2023
Created on Apr 13, 2023
Forked from HTML Starter

A box plot visualization compares score distributions between public and private schools, showing the interquartile range as green rectangles, median lines, and dashed whiskers extending to minimum and maximum values. The chart uses an SVG rendering approach with D3.js v5, employing `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the y-axis, and `d3.quantile` to compute quartiles. Axes are drawn with `d3.axisBottom` and `d3.axisLeft`, while the data consists of hardcoded arrays representing test scores for each school type.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed