Skip to main content
SimilarExport ZIP
100%

A4 Box Plot

✓ Published0🌍 Public
AAllen Jake Polintan
Last edited Feb 20, 2024
Created on Feb 20, 2024
Forked from HTML Starter

A box plot displays the distribution of used video game prices from 2003–2010, based on data sourced from CORGIS. It visualizes key statistics including the median, interquartile range, and outlier boundaries derived using D3’s `d3.quantile` and `d3.median` functions. The chart uses D3 v7 to create an SVG rendering with a linear scale (`d3.scaleLinear`) for the x-axis, and draws rectangles and lines to represent the quartiles and range.

AI-generated description

Used Lecture Code For Reference Referenced https://observablehq.com/@d3/box-plot/2?intent=fork to learn how to easily obtain the quartiles Also Referenced https://observablehq.com/@d3/scatterplot/2?intent=fork to learn how to create title axes

Data from: https://corgis-edu.github.io/corgis/csv/video_games/

MIT Licensed

Similar vizzes

Loading thumbnail…

Box Plot

This example shows a box plot of used video game prices from 2004–2010, with a summary of the median, quartiles, and outliers displayed across a price axis. The visualization highlights the distribution’s center and spread, using a purple rectangle for the interquartile range and small squares to mark extreme values. Built with p5.js, the sketch loads CSV data via `loadTable`, computes quartiles and the IQR manually, and renders the chart with `rect` and `text` calls on an 800×600 canvas.

AAllen Jake Polintan
87% match
Loading thumbnail…

A4 Box Plot (D3)

This visualization shows the distribution of average video game play lengths from 2004 to 2008 using a single horizontal box plot, with outliers removed via the interquartile range method. The chart displays the min, max, median, Q1, and Q3 values, and hovering over any of these elements reveals the exact numeric value via SVG `<title>` tooltips. Built with D3 v7, the code loads CSV data from a GitHub gist, uses `d3.quantile` to compute quartiles, and renders the plot using SVG shapes, scales, and axes.

NNoah C.
87% match
Loading thumbnail…

A4 Bar Chart

This bar chart displays the total metric sales for video game publishers between 2003 and 2010, using data from the CORGIS Video Games dataset. Each bar represents a publisher’s aggregate sales in millions, with Nintendo showing the highest value. The visualization is built with D3 v7, using `d3.csv` to load the data, `d3.scaleBand` for the categorical x-axis, and `d3.scaleLinear` for the y-axis. Axes are rendered via `d3.axisBottom` and `d3.axisLeft`, with hover effects changing bar color.

AAllen Jake Polintan
78% match
Loading thumbnail…

BoxPlot D3

A box plot visualizes the distribution of metric review scores across 50 video games, loaded as CSV data. The chart displays the minimum, first quartile, median, third quartile, and maximum values as interactive black lines that highlight on hover, alongside a steelblue box that changes color when moused over. Built with D3 v6, the code uses `d3.csv`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.quantile` to compute the summary statistics and render the plot as SVG elements.

AAllen Ho
78% match
Loading thumbnail…

A4 Scatterplot

A scatterplot visualizes the relationship between video game review scores and metric sales for titles released from 2003 to 2010. Each pink circle represents a game, positioned by its review score on the x-axis and sales in millions on the y-axis. The chart uses D3.js v7 with SVG rendering, employing `d3.scaleLinear` for both axes and `d3.axisBottom` and `d3.axisLeft` for tick marks and titles. Data comes from a CSV file listing game titles, scores, and sales figures.

AAllen Jake Polintan
77% match
Loading thumbnail…

Fork of D3 Boxplot

This visualization displays the global sales distribution of top video games from 2015, highlighting the median, quartiles, and whiskers in a box plot. The chart uses d3.quantile to calculate statistical values and renders a vertical box with median line, whiskers, and min/max labels using SVG. The data is embedded directly as an array of sales figures, and d3.scaleLinear maps sales values to pixel positions. The code was adapted from a p5.js bar chart example, as shown in the included sketch.js file.

KKwasi Acquaye
76% match
Loading thumbnail…

Video Game Platforms Box and Whisker

This visualization displays box-and-whisker plots of annual video game platform sales, with each platform as a separate facet and years on the x-axis. The boxes show quartiles, whiskers extend to the IQR bounds, and outliers appear as dots, with the median marked by a thicker line. Using the Observable Plot library and D3’s `d3.csv` and `d3.rollup`, the code aggregates Global_Sales from the vgsales.csv dataset, repeating data entries to compute quartiles via `d3.quantile`. The custom `boxX` function from BoxPlot.js builds the marks, and the plot is rendered into the document body at full window size.

DDaniel Ribaudo
76% match
Loading thumbnail…

A4-3 TEST

This example shows a box plot of pork price observations loaded from a CSV file, with a horizontal line spanning the min and max, a box between the first and third quartiles, and labeled ticks for each statistic. The code computes quartiles, the interquartile range, and whisker boundaries using d3.median and d3.quantile. It renders the chart as an SVG with d3.v5, using a linear scale for the x-axis, custom tooltip on hover, and styling via external CSS.

MMike Z
74% match