Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Boxplot with Jitter for Assignment 4

Public visualization

Viewing a saved revision (read-only)

185f82effc65421caf94a0b7a3fcbc6a

D3 Boxplot with Jitter for Assignment 4

0 stars0🌍 Public
Vvishusikka
Last edited May 5, 2022
Created on Feb 22, 2022

This D3.js v4 visualization presents a boxplot of BMW model fuel efficiency (mpg) across model years 2009–2012, sourced from boxplot.csv. It summarizes the distribution per model using d3.nest() to compute quartiles and the interquartile range, which are drawn as a box-and-whisker plot via SVG shapes. Individual data points are overlaid as red circles with a fixed x-offset, and hover interactions (configured via d3.select and tooltip transitions) reveal exact mpg values. The chart uses d3.scaleBand for the categorical axis, d3.scaleLinear for the numeric axis, and d3.axisBottom/Left for tick marks.

AI-generated description