Colm Lang A3 Box Plot

100%

Colm Lang A3 Box Plot

✓ Published0🌍 Public

Last edited Feb 15, 2022

Created on Feb 15, 2022

This example shows a box plot comparing the average distance from the Sun for near-Earth objects (NEOs) versus non-NEOs among small-body asteroids, with values in astronomical units. It uses the p5.js library to render two horizontal box-and-whisker plots, displaying minimum, quartiles, median, and maximum values after filtering outliers. The data is loaded from a CSV file hosted on GitHub, and the axes are labeled and ticked with p5.js drawing functions. Custom functions compute quartiles, medians, and boundary-based outlier exclusion to position the boxes.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Colm Lang A3 Histogram

This histogram visualizes the distribution of Near Earth Objects by diameter, with bar height representing a logarithmic count of objects and the x-axis showing diameter bins in kilometers. Built with p5.js, the sketch loads tabular CSV data from a GitHub gist and renders a custom axis with logarithmic tick marks. The code uses p5.js functions such as `loadTable`, `createCanvas`, and `rect`, along with custom drawing routines for ticks, axis labels, and red bars. The y-axis uses a natural log scale, and the visualization is generated once with `noLoop()`.

CColm Lang

74% match

Loading thumbnail…

NASA Near Earth Objects Scatter Plot

This scatter plot visualizes NASA Near Earth Objects, plotting each object’s velocity in thousand miles per hour against its distance from Earth in million miles. The D3.js v6 code loads data from a CSV file hosted in a GitHub gist, parses numeric fields, and uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to render an SVG with circles for each object. Axis labels are added as SVG text elements, and the chart fills the browser window, with margins controlling the layout.

VVonnie

64% match

Loading thumbnail…

Future Asteroids

Twelve near-Earth asteroids appear in this horizontal bar chart, ranked by their minimum close-approach distance to Earth over the past year, with the nearest asteroid (2016 UR36) at the top and the farthest at the bottom. The chart uses D3 v6’s `scaleLinear` for the distance axis, `scaleBand` for the categorical object labels, and `axisLeft`/`axisBottom` to render the axes. The SVG plot is built by appending a `<g>` group, then drawing one `rect` per asteroid, with bar widths mapping to the `distancemin` values parsed from the CSV data sourced from Marc Di Marco’s “Future Asteroids” dataset.

Ddarinadii11

64% match

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

64% match

Loading thumbnail…

Box plot for Dry Mass and Class of Orbit

Box plots display the distribution of satellite Dry Mass (in kilograms) across different Classes of Orbit, summarizing the minimum, first quartile, median, third quartile, and maximum values. The chart uses a vertical layout with a reversed y-axis, colored teal boxes, and black whisker lines. Built with React and D3 v5, the visualization computes quartiles via `d3.quantile` and renders custom SVG components like `boxRect` and `CenterLine`. Data is loaded from a CSV file using `d3.csv`, filtered to non-negative mass values, and grouped by orbit class before plotting.

Vvryvarma5577@gmail.com

63% match

Loading thumbnail…

A3 Box Plot

This example visualizes the distribution of mushroom stem lengths using a box plot. It displays the minimum, maximum, median, and interquartile range of the dataset, which is loaded from a CSV file. The visualization is built with the p5.js library, using its `createCanvas`, `loadTable`, `sort`, and drawing functions. Data is processed by computing quartiles and the median, then rendered as a vertical line for range, a rectangle for the interquartile range, and a line for the median on a 500×500 canvas with custom axis labels.

Ddonaldminer

63% match

Loading thumbnail…

Fork of NASA Near Earth Objects Scatter Plot

This scatter plot visualizes NASA Near Earth Objects, plotting their velocity in thousand miles per hour against their distance from Earth in million miles. Each circle represents a near-Earth object, with the dataset loaded via `d3.csv` and parsed into numeric fields. The visualization uses `d3.scaleLinear` to map data values to screen coordinates and renders circles in an SVG. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, with custom labels appended for each axis. The chart fills the browser window using `window.innerWidth` and `window.innerHeight`.

Ppreethamkesa

62% match

Loading thumbnail…

Assignment 3 - Box Plot - P5.js

This example presents a box plot visualizing earthquake magnitudes across South American countries, with the chart drawn using P5.js. The visualization displays statistical quartiles, median, and minimum/maximum values for the dataset. The code loads earthquake data from a CSV file hosted on GitHub using P5.js’s `loadTable` function, then manually renders the box plot elements—including the box, whiskers, and dashed lines—through canvas drawing commands like `line()` and `rect()`. Axis labels and rotated text are also drawn using P5.js text functions, while the data is mapped to screen coordinates via `map()`.

SSimon Hackbert

62% match