Average Broadway Theater Attendance by Month

100%

Average Broadway Theater Attendance by Month

✓ Published0🌍 Public

Last edited Feb 8, 2022

Created on Feb 8, 2022

This visualization uses a color-coded heatmap to show average monthly attendance for seven of Broadway’s most-attended theaters from 1990 to 2016. The data is loaded from a CSV file and processed in p5.js. Each theater has a row of twelve squares, colored from blue (lower attendance) to green (higher attendance), with a numeric legend and month labels. The sketch calculates per-theater monthly averages from the dataset, then scales colors between the global minimum and maximum attendance values.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Broadway Shows Average Theater Capacity

This visualization shows the average theater capacity filled for Broadway shows from 1990 to 2016, with each theater represented as a dot positioned along a horizontal scale from 60% to 100% capacity. The data is loaded from a CSV file via `loadTable` in p5.js, then processed to compute per-theater averages. The sketch sorts theaters by capacity and renders labels, grid lines, and dots using p5.js drawing functions like `text`, `line`, and `point`, with a custom axis label helper function.

Ssyu36

79% match

Loading thumbnail…

A7-Heat Map

A heat map visualizes weekly Broadway show attendance by month and year, with each cell shaded from yellow to red according to the number of attendees. Hovering a cell reveals a tooltip displaying the specific year and month. The visualization uses D3.js v7 to load CSV data, build band scales for the month and year axes, and apply a sequential color scale with the YlOrRd interpolator. The axes are labeled to clarify that months appear on the y-axis and years on the x-axis.

Jjrcuster@dons.usfca.edu

77% match

Loading thumbnail…

Fork of A7-Heat Map

This heatmap shows Broadway show attendance across months and years, using a YlOrRd sequential color scale where darker cells represent higher attendance. It renders as an SVG with a tooltip that displays the year, month name, and attendance value on mouseover, plus a color legend with a linear gradient. The visualization uses d3.csv to load data, d3.scaleBand for the month and year axes, d3.scaleSequential for coloring, d3.axisBottom and d3.axisLeft for axes, and d3.timeFormat to convert month numbers to names.

NNita

77% match

Loading thumbnail…

A7-Small Multiples

This visualization displays Broadway show attendance trends as small multiples, with each panel representing a distinct month of data. Each chart plots attendance over time as a colored line within its own axes grid. The code uses D3 v7 methods like `d3.group` to partition the data by month, `d3.scaleTime` and `d3.scaleLinear` for axes, and `d3.line` to generate the paths. Show names appear omitted, and labels are manually positioned with SVG `text` elements.

Jjrcuster@dons.usfca.edu

74% match

Loading thumbnail…

Broadway Shows Average Gross by Type

This visualization displays the average gross revenue for different types of Broadway shows from 1990 to 2016, using horizontal bars. The code calculates averages from a CSV dataset and renders them with the p5.js library, drawing axes and labels with custom functions. Green rectangles represent each show type’s average gross, scaled to thousands of dollars, with the x-axis showing tick marks and the y-axis listing category names. The data is loaded via `loadTable` from a remote CSV URL.

Ssyu36

73% match

Loading thumbnail…

A6-Bar Graph w/ Color

This bar chart visualizes Broadway show gross earnings between 1990 and 1991, with each bar representing a weekly observation from the broadway_short.csv dataset. The bars use a sequential red color scale, mapping darker shades to higher gross values, with a d3.legendColor legend positioned at the right. The visualization is built using d3.v7, leveraging scaleBand for the x-axis (dates) and scaleLinear for the y-axis (attendance), rendering as SVG rectangles whose fill color is determined by the Statistics.Gross value.

Jjrcuster@dons.usfca.edu

70% match

Loading thumbnail…

A6-Scatter Plot w/ Color

This scatterplot displays weekly Broadway show attendance against gross earnings, with each point colored by show type (Play or Musical). The visualization uses D3 v7 to load CSV data, apply linear scales for both axes, and render SVG circles. A d3.legendColor legend distinguishes the two categories, while axis labels clarify the quantitative variables. The chart highlights correlations between audience size and revenue across different production genres.

Jjrcuster@dons.usfca.edu

70% match

Loading thumbnail…

Bar Graph-A2

This bar graph visualizes Broadway attendance aggregated by year, using data loaded from a remote CSV file. It uses the p5.js library’s `loadTable()` function in `preload()`, then aggregates the `Statistics.Attendance` values per `Date.Year` in `setup()`. In `draw()`, it renders a Cartesian coordinate system with labeled axes, gridlines, and blue bars whose heights are mapped from the maximum attendance value, using p5.js’ `map()` and `rect()` functions.

Jjrcuster@dons.usfca.edu

69% match