Skip to main content
SimilarExport ZIP
100%

Colm Lang A3 Histogram

✓ Published1🌍 Public
CColm Lang
Last edited Feb 10, 2022
Created on Feb 9, 2022

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()`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Colm Lang A3 Box Plot

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.

CColm Lang
74% match
Loading thumbnail…

A3 Histogram

This visualization displays the distribution of mushroom cap diameters from a CSV dataset, using a bar chart where each bar represents the log-scaled count of caps within a 5-centimeter bin. The p5.js TypedDict stores counts per diameter, while the canvas renders grid lines, axis labels, and colored bars. The code loads data via `loadTable` from a GitHub Gist and uses `log` to compress the y-axis values, with a legend and header text clarifying the measurement units.

Ddonaldminer
73% match
Loading thumbnail…

Colm Lang A4 | Bar Chart in D3

This bar chart displays the average share of renewable energy production across EU member states per year, with exact percentages revealed on hover. It loads a CSV file from a GitHub gist using `d3.csv`, then renders SVG rectangles scaled by `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis. The chart includes axis labels, a title, and CSS-driven hover interactions that change bar color and display the numeric value.

CColm Lang
69% match
Loading thumbnail…

Fork of Colm Lang A2 Bar Chart

A fork of Colm Lang's bar chart, this p5.js visualization displays the average share of renewable energy production from 2000 to 2020 across EU member states. The data is loaded via `loadTable` from a remote CSV file, with a canvas rendering gridlines, axis ticks, and labeled axes using custom drawing functions. Each bar's height is scaled proportionally to the maximum value in the dataset, with country years plotted along the x-axis. The sketch uses p5.js 1.4.0 and processes the data directly from the CSV without additional libraries.

VVReddy913
69% match
Loading thumbnail…

Fork of Colm Lang A2 Bar Chart

This example visualizes the average share of renewable energy production from 2000 to 2020 across EU member states as a bar chart. It uses p5.js to render the visualization, drawing axes, ticks, and bars on a 960×500 canvas. The data is loaded from a CSV file via `loadTable()` in the `preload()` function, with bar heights scaled proportionally to the axis dimensions. The code includes custom functions for axis labels, tick marks, and bar drawing, with a green fill for each bar.

MMar-99
68% match
Loading thumbnail…

histogram

This histogram visualizes the distribution of power data values from a CSV file, grouping the data into eight bins spanning 0 to 800. The code uses p5.js to load the external dataset in a `preload()` function, then draws vertical grid lines and cyan bars, with each bar’s height scaled proportionally to the count of values in its bin. Axis labels and bin ranges are rendered directly on the canvas, and the visualization’s fixed dimensions and styling are defined through p5.js canvas drawing commands.

Hhollyjpotter
67% match
Loading thumbnail…

A3 histogram gragh

This p5.js visualization displays a histogram of airline carrier delay counts, loaded from a remote CSV file hosted on GitHub. The sketch uses `loadTable()` to fetch the data before drawing, then computes 10 bins from the delay values and renders them as blue rectangles on a canvas with grid lines and labeled axes. Tooltips reveal exact counts when the mouse hovers over each bar. The x-axis labels carrier delays while the y-axis shows the number of delays, with axis titles rotated via `translate()` and `rotate()`.

Hhxu51@usfca.edu
67% match
Loading thumbnail…

Histogram A3

This visualization displays the monthly rainfall distribution of a year as a histogram. It shows the frequency of rainfall amounts across ten bins, with the data parsed from a CSV file containing month and rainfall measurements. The piece uses p5.js to load the tabular data with `loadTable`, then calculates bin frequencies and renders the histogram bars, axis ticks, grid lines, and labels. The title references the histogram’s role as a frequency analysis chart.

KKwasi Acquaye
67% match