US Federal Budget Balance, 1968-2017

100%

US Federal Budget Balance, 1968-2017

✓ Published0🌍 Public

Last edited Aug 14, 2018

Created on Aug 14, 2018

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.

AI-generated description

####Congressional Map with variable length candidate list

What I discovered through making this is that its much easier to make a clean tooltip if you only include the D and R camdidates, but its a little trickier to include every candidate listed in the official records.

Notes:

geographic anomalies you see (e.g. Key West) are present in the original Census Bureau shapefile
Districts numbered "00" are "at large" districts that represent an entire state.

Similar vizzes

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.

MMasonChinkin

77% match

Loading thumbnail…

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.

MMasonChinkin

74% match

Loading thumbnail…

Us 2020 elections by county

A choropleth map of the US 2020 presidential election results by county colors each county on a red-blue diverging scale based on the margin between Democratic and Republican votes, with state borders overlaid in white. Hovering over a county updates a detail panel showing the vote percentages and a horizontal bar comparison between Joe Biden and Donald Trump. The visualization uses D3 v4 with `d3.geoAlbersUsa` and `d3.geoPath` to render TopoJSON county boundaries from the US Census, while `d3.scaleSequential` with `d3.interpolateRdBu` handles the color encoding. Data comes from The Guardian and USA Today.

Ggcappadaniel

73% match

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.

MMasonChinkin

72% 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

72% match

Loading thumbnail…

US Federal Budget

This interactive visualization uses a force-directed bubble chart to display the 2017 US federal budget, with each circle sized by spending amount and colored by BEA category. Users can toggle grouping by BEA category or grant type, which rearranges the bubbles along the x- and y-axes, respectively, using d3-force simulations. The chart is built with D3 v4 and SVG, and includes tooltips showing agency names and budget values. Data is loaded from a CSV and preprocessed to filter out zero-budget entries and aggregate by agency, BEA category, and grant/non-grant split.

3300ani

72% match

Loading thumbnail…

US Election Data Scatterplot

This scatterplot displays US House election results from 2008 to 2020, plotting each candidate’s vote count against the total votes cast in their district. The x-axis shows total votes, while the y-axis shows candidate votes, with overlapping semi-transparent circles revealing density patterns. The visualization uses d3.v6 to load CSV data from a GitHub gist, parses rows with numeric fields, and renders points via SVG circles scaled with d3.scaleLinear. Axes are generated using d3.axisLeft and d3.axisBottom, with the chart sized to the full window.

PPeter VanNostrand

71% 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 agency spending and colored by Bureau of Economic Analysis (BEA) category. Two checkboxes let users toggle grouping by BEA category or grant type, which repositions the bubbles along the x-axis via force simulation. Hovering reveals exact dollar amounts, and the circles are also labeled with agency names. The chart is built with D3 v4 using SVG, based on data from a CSV of federal outlays, and is licensed under MIT.

3300ani

71% match