NY State Budget

100%

NY State Budget

✓ Published0🌍 Public

Last edited Apr 26, 2015

Created on Apr 26, 2015

This example visualizes New York State’s categorical aid budgets for Housing and Parks, Recreation, and Cultural Activities from 1980 to 2013 using two overlapping filled area charts rendered with SVG. The housing series appears in light blue, while the recreation series is drawn in semi-transparent black, allowing for visual comparison of budget fluctuations over time. The chart is generated with d3.v3, using time-scaled x-axis and linear y-axis, with tooltips omitted but hover styling prepared on circles. The design emphasizes trends and contrasts between the two funding categories across the 34-year span.

AI-generated description

Similar vizzes

Loading thumbnail…

US Federal Budget

This visualization uses a force-directed bubble chart to display the 2017 US Federal Budget, with each circle representing a government agency. Circle area encodes the agency’s budget amount, and color encodes its BEA (Bureau of Economic Analysis) category. Users can check boxes to group agencies by BEA Category or by Grant/Non-grant split, triggering the circles to rearrange via d3-force. The chart is built with D3 v4 and SVG, using a power scale for area, an ordinal color scale, and a force simulation with collide and x-position forces. Hovering over a circle reveals a tooltip with the agency name and budget in millions of dollars.</noah>

3300ani

70% match

Loading thumbnail…

Water Consumption NY

The visualization shows how New York City’s water consumption changed over time, comparing total millions of gallons per day against per-capita gallons per person per day. It uses D3 v3 to render an SVG scatterplot where each circle represents a year, with hover tooltips and a sort-then-animate transition that reveals the chronological order. The x-axis and y-axis are drawn using `d3.svg.axis`, while the data is loaded from a CSV file and mapped through linear scales. The circles animate from large gray markers to smaller dark ones, highlighting the downward trend in both metrics from 1979 to 2009.

JJournathan

69% match

Loading thumbnail…

Dot Plot

This dot plot visualizes state expenditure data from 1992–2019, with each point representing a state’s total spending in hundreds of millions of dollars. The chart uses p5.js’s `loadTable` to fetch a CSV, `createCanvas` for rendering, and `point` with heavy `strokeWeight` to draw dots. Annotations highlight comparisons, such as New York’s spending being 1.5 times Texas’s, while the axes are manually constructed via `line` and `text`.

PPranay Matalia

68% match

Loading thumbnail…

Water Consumption NY

This visualization tracks New York City’s daily water consumption from 1979 to 2009, comparing total millions of gallons used against per-capita gallons. It uses D3.js v3 with SVG circles and transitions, animating the data points into a sorted scatterplot along time-based axes. The chart relies on d3.csv, d3.svg.axis, and d3.scale.linear, with hover effects and animated reordering. The dataset, sourced from DATA.GOV via a Gist, is rendered on a light blue background with a clean, minimal aesthetic.

JJournathan

68% match

Loading thumbnail…

NYS EV Rebate Scale

This interactive bar chart visualizes the cumulative use of New York State’s EV rebate budget over quarterly time periods. Users can input a hypothetical budget amount, and the visualization updates to show when funds would run out based on current registration rates, marking the depletion quarter and drawing a red budget line. Built with React and D3 v4, it renders SVG bars, axes, and grid lines from CSV data, using D3 scales and selection methods to handle dynamic updates.

MMelissa Bischoff

68% match

Loading thumbnail…

US Federal Budget

This visualization uses a force-directed bubble chart to depict the 2017 US Federal Budget, with each circle sized by budget amount and colored by BEA Category. Two checkboxes let users group the bubbles by BEA Category or by Grant, shifting the force layout's x-positioning to align circles with their respective categories. Built with D3 v4 and rendered in SVG, the chart encodes budget magnitude through circle area using a power scale, and hovering reveals exact dollar amounts via tooltips. The interactive layout allows users to explore how spending is distributed across agencies and categories.

3300ani

68% match

Loading thumbnail…

Water Consumption NY

This horizontal bar chart shows New York City’s annual water consumption from 1979 to 2009, with each bar representing a year’s average million gallons per day. It uses d3.csv to load the data, d3.scale.linear and d3.scale.ordinal for positioning, and d3.svg.axis for both axes. Rectangles render as SVG bars with hover tooltips via the title element, while the x-axis measures consumption and the y-axis lists years in descending order. The source is DATA.GOV, and the design emphasizes the overall decline in usage over time.

JJournathan

68% match

Loading thumbnail…

HeatMap

This heatmap visualizes the expenditure of several U.S. states from 1992 to 2001, with each cell colored on a linear scale from light beige to dark red to indicate spending levels. The chart includes labeled axes for state and year, along with a legend showing approximate dollar amounts. Built with React and rendered as SVG, it uses d3.csv to load data, d3.scaleBand and d3.scaleLinear for positioning, and d3.axisBottom and d3.axisLeft to generate the axes.

PPranay Matalia

68% match