final_bw_projection_chart

100%

final_bw_projection_chart

✓ Published0🌍 Public

Last edited Jun 29, 2016

Created on Jun 29, 2016

This interactive line chart tracks the cumulative growth of the "Hamilton" metric over time, comparing it against a computed average baseline from weekly data spanning July 2015 to April 2016. An animated slider enables scrubbing through the timeline, updating the visualization dynamically. The chart is rendered as an SVG using the D3.js library, with the slider implemented via the custom `d3.slider` module. Data is loaded from a CSV file, and the visualization is styled with Economist-branded fonts and CSS.

AI-generated description

Built with blockbuilder.org

Similar vizzes

Loading thumbnail…

final_bw_projection_chart

An interactive line chart compares the projected gross revenue of the Broadway musical *Hamilton* against a user-defined hypothetical show over a 40-week period. Users adjust the hypothetical show's attributes—such as actor ratings, theater size, and critical reviews—through dropdown menus, and a slider allows scrubbing through time. The visualization uses D3.js to render SVG paths and axes, with the projection model driven by JavaScript objects that map selected parameters to values. The chart presents Hamilton's actual cumulative gross as a benchmark against the modeled performance.

BBenHeubl

82% match

Loading thumbnail…

final_bw_projection_chart

This interactive chart compares the cumulative gross revenue of the Broadway musical *Hamilton* against the average of other shows over time. Users can adjust multiple show attributes through dropdown menus—including actor Ulmer scores, theater seats, cast size, and review ratings—to see how a hypothetical show’s projected weekly gross compares to Hamilton’s trajectory. The visualization uses D3.js to render an animated SVG line chart with a draggable slider for date selection, pulling data from CSV files. The interface is styled with Economist-branded fonts and a red accent color.

BBenHeubl

82% match

Loading thumbnail…

Broadway Interactive

This interactive visualization compares the cumulative box-office revenue of the Broadway musical Hamilton with the average of other Broadway shows from July 2015 to April 2016. Two line charts, rendered as SVG with animation, allow users to toggle between datasets and adjust a time-range slider using the custom d3.slider.js library. The visualization relies on D3.js for scaling, axes, and path generation, drawing data from the included CSV files to highlight Hamilton’s rapid revenue ascent against the industry baseline.

BBenHeubl

73% match

Loading thumbnail…

Hw1 Q3 barplot

This barplot visualizes the running total of a data metric from 1884 to 2010, with the y-axis representing cumulative counts and the x-axis showing years. It uses D3.js v3 APIs such as `d3.scaleBand`, `d3.scaleLinear`, `d3.dsv`, and `d3.axisBottom`/`d3.axisLeft` to load and render data from a CSV file into SVG rectangles. The chart highlights growth trends over time, showing accelerating increases in later decades.

Sswang835

66% match

Loading thumbnail…

hw9final

This line chart tracks the total number of shootings per year from 2010 to 2016, using a single purple trend line with hover interactions that reveal the percentage breakdown by race (Latino, Black, White, Asian, Other, Unknown) for each year. The visualization uses D3 v4 with SVG rendering, employing `d3.scaleTime`, `d3.scaleLinear`, and `d3.line` to construct the chart, while a `d3.bisector` enables precise date-based lookup during mouse movement. An overlay rectangle captures mouse events, updating a focus circle and dashed hover-lines to display the demographic percentages in a text label. The data comes from a local JSON file (data.json), and the chart is built with Blockbuilder.org, using a clean light background and minimal axis styling.

HHussamHallak

65% match

Loading thumbnail…

Bar chart

A horizontal bar chart displays population counts across weekly periods from 2019-W31 to 2019-W35. The bars are drawn as green SVG rectangles using D3 v5’s `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis, with `axisLeft` and `axisBottom` providing tick labels. Data is loaded from a local CSV file via `d3.csv`, and numeric values are coerced with unary plus. The visualization uses an SVG container with fixed margins, rendering the chart in a clean, minimal style.

GGeolffrey S Mena

65% match

Loading thumbnail…

Document

This interactive bar chart shows monthly values for a selected year, with a slider controlling the year from 2009 to 2014 and a smooth 2-second transition animating the bars to their new heights and colors. The visualization uses D3 v4 with a band scale for months, a linear scale for values, and a quantile color scale to encode magnitude. Data is loaded from six CSV files using d3.queue, and the chart updates by merging entering and existing SVG rect elements via `selection.merge` and applying axis transitions.

Hhamzavg

64% match

Loading thumbnail…

Bar chart

A horizontal bar chart displays population counts for five weeks (2019-W31 through 2019-W35) using green rectangles. The visualization uses D3 v5 APIs including `scaleLinear`, `scaleOrdinal`, `axisLeft`, and `axisBottom` to map the data and render axes. Data is loaded from a CSV file via `d3.csv` and rendered as SVG elements.

GGeolffrey S Mena

64% match