Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

first boxplot

Public visualization

Viewing a saved revision (read-only)

c8a3fe9b9d0541759260f1a92d05a0e8

first boxplot

0 stars2🌍 Public
SSchmittYannic
Last edited Aug 8, 2020
Created on Aug 7, 2020
Forked from HTML Starter

This example demonstrates a classic boxplot visualization of a numeric dataset, highlighting the median, interquartile range, whiskers, and any potential outliers. The chart computes the five-number summary using `d3.quantile` and draws the box, median line, and whiskers as SVG shapes, with circles marking values beyond 1.5 times the interquartile range. The y-axis is rendered with `d3.axisLeft`, and the scaling is handled by `d3.scaleLinear`. The dataset is hardcoded in the script, and the entire visualization is built with React and D3 v5, outputting to SVG.

AI-generated description

A bare minimum HTML page.

See also React Starter.