MasonChinkin

@MasonChinkin·4 public vizzes

US Federal Budget Balance, 1968-2017

This interactive Sankey diagram visualizes the US federal budget balance from 1968 to 2017, showing how revenue sources (corporate tax, customs duties) and spending categories (defense, discretionary) change annually. A draggable slider (d3-simple-slider) lets viewers select a year, triggering a 2-second transition (d3.transition) that repositions nodes and links via sankey.relayout. The visualization is rendered as SVG using d3.csv to load yearly datasets, with node sizes scaled via d3.scaleLinear and data-driven transitions updating rect heights, link paths, and font sizes.

Aug 15, 2018

Loading thumbnail…

US Federal Budget Balance, 1968-2017

An interactive stacked bar chart shows contributions to US GDP growth from 1950 to 2017, broken down into categories like personal consumption, investment, net trade, and government spending. The visualization uses D3.js version 4.11 with an animated drill-down feature: clicking a bar segment expands that category into its sub-components, such as goods versus services or exports versus imports. A back button returns to the overview. The y-axis represents percentage points, and hovering displays tooltips with exact values. The chart is rendered as an SVG using `d3.scaleBand`, `d3.scaleLinear`, `d3.stack`, and `d3.axis` functions.

Aug 14, 2018

Loading thumbnail…

US Federal Budget Balance, 1968-2017

This interactive dashboard visualizes the US federal budget balance from 1968 to 2017, combining a multi-series bar chart, an animated Sankey diagram, and line charts to show revenue sources, spending categories, and yearly deficits. A slider scrubs through time, updating a diverging stacked bar chart for balance, while the Sankey diagram uses D3.js (version 4.11) with custom `d3.sankey` layout functions to link tax sources to spending categories. The code also uses `d3.scaleBand`, `d3.stackOffsetDiverging`, and `d3.sliderHorizontal` from the d3-simple-slider library, with data loaded from CSV files.

Aug 14, 2018

Loading thumbnail…

US Federal Budget Balance, 1968-2017

An animated choropleth of the 2016 U.S. congressional election results maps each district’s winning party and margin of victory. The visualization uses a D3 geoAlbers projection with `d3.geoPath` to render district boundaries from a Census Bureau shapefile, and supports pan and zoom via `d3.zoom`. Hovering over a district reveals a tooltip listing the full candidate results from the official CSV records, with districts colored and opacity-scaled by the winning margin.

Aug 14, 2018