Skyscraper Floors Strip Plot

100%

Skyscraper Floors Strip Plot

✓ Published0🌍 Public

Last edited Feb 15, 2022

Created on Feb 15, 2022

This strip plot shows the distribution of aboveground floor counts among skyscrapers, with one outlier value of 528 excluded. Each green point represents a building, jittered horizontally and plotted vertically according to its floor count on a labeled axis. The visualization uses p5.js and its `loadTable`, `createCanvas`, and `point` functions to render the data from a CSV file loaded via a remote URL. The chart includes an axis with tick labels, a rotated y-axis title, and a main heading, all styled with custom text settings.

AI-generated description

Skyscrapers in this dataset are not necessarily completed.

One outlier was excluded from this chart, as it had a floors value of 528.

MIT Licensed

Similar vizzes

Loading thumbnail…

Skyscraper Boxplot

This visualization shows the distribution of skyscraper heights as a boxplot, with the median, quartiles, and outliers displayed against a scaled y-axis labeled in meters. The chart calculates the five-number summary from a CSV dataset and renders it using p5.js, drawing lines and text on a canvas. Outliers beyond the whiskers appear as red jittered points, while extreme values exceeding the canvas bounds are excluded and logged to the console. The dataset is loaded asynchronously via loadTable(), and the drawing logic uses p5.js primitives such as line(), point(), and text() to construct the plot.

Ssyu36

80% match

Loading thumbnail…

Skyscrapers Boxplot

This visualization uses a log-scale boxplot to compare the number of above-ground floors for U.S. skyscrapers from a 2016 CSV dataset, filtering out buildings with zero floors that are not yet completed. Outliers are highlighted as jittered orange dots, while the box, median, and quartile lines are drawn using D3 v7 SVG elements with explicit `d3.scaleLog`, `d3.quantile`, and `d3.median` calls.

Ssyu36

78% match

Loading thumbnail…

Year Completed Skyscraper Histogram

This histogram visualizes the distribution of skyscraper completion years using 10-year bins from 1850 to 2019, with outliers removed. Hovering over a bar displays a tooltip with the exact count. Built with the p5.js library, the visualization loads data from a CSV via `loadTable`, computes bin counts in `calculateBins`, and renders the chart using `rect` and interactive mouse-position detection for tooltips.

Ssyu36

70% match

Loading thumbnail…

Skyscrapers Bar Chart

A bar chart displays the counts of material types used in U.S. skyscrapers up to 2016, with categories such as steel, concrete, and composite. The chart uses D3 v7 and SVG rendering, loading data from a CSV file. The code aggregates material counts with `d3.rollups`, scales the axes with `d3.scaleLinear` and `d3.scaleBand`, and renders bars and axes via D3’s selection and scale APIs.

Ssyu36

69% match

Loading thumbnail…

Skyscrapers Scatterplot

This scatterplot maps the latitude and longitude of U.S. skyscrapers, revealing the country’s general outline with clusters in major cities and isolated points for Alaska and Hawaii. Points with coordinates of (0, 0) are filtered out, as they represent buildings whose locations are not yet finalized. The visualization uses D3.js (v7) with SVG rendering, employing a linear scale and axis with grid lines to plot each building as a cornflowerblue dot.

Ssyu36

69% match

Loading thumbnail…

Skyscrapers Histogram

This histogram shows the distribution of construction start years for U.S. skyscrapers, with bins set at ten-year intervals. The chart uses `d3.bin` to group the data and `d3.scaleTime` with `d3.axisBottom` for the time axis. Bars are drawn as SVG rectangles, colored `cornflowerblue`, on a gray background with horizontal grid lines. The data comes from `skyscrapers.csv`, which is filtered to exclude rows where construction has not started.

Ssyu36

68% match

Loading thumbnail…

Strip Plot

A strip plot displays the average temperature of ten cities for each month of 2016, with each month’s ten readings jittered horizontally to reduce overplotting. The visualization uses the p5.js library, loading a CSV dataset from a GitHub Gist via the `loadTable` function, and renders circles on a canvas with hover tooltips showing exact temperature and month values. Axis labels and tick marks for temperature and month are drawn manually, with random offsets precomputed in a `randomNum` array to distribute points.

AAllen Ho

68% match

Loading thumbnail…

Strip Plot

This visualization uses a strip plot to display the number of earthquakes recorded across eight different locations during 2016. Built with p5.js, it loads a CSV dataset and groups earthquakes by location (e.g., Afghanistan, Alaska, Japan), plotting each month’s count as a colored point jittered horizontally along the x-axis. The y-axis encodes the earthquake count, with grid lines and labels, while each location gets a distinct color and a fixed column. The code processes the data in `setup()`, then draws the axes, labels, and points in `draw()` using p5.js functions like `point()`, `stroke()`, and `text()`.

CChandana Srinivas

67% match