US Federal Budget

US Federal Budget

This interactive visualization depicts the 2017 US Federal Budget as a bubble chart, where each circle represents an agency and its size encodes the agency’s budget (via a square-root area scale). The data comes from a CSV of federal outlays. Users can toggle two checkboxes to regroup the bubbles: “Group by BEA Category” aligns circles along the x-axis according to their BEA category, and “Group by Grant” arranges them along the y-axis by grant/non-grant split. When neither box is checked, a force simulation lets the bubbles drift freely; enabling one or both checkboxes applies x- and y-position forces to cluster the circles into the corresponding categories, with axes appearing as needed. Tooltips reveal the agency name and its 2017 budget in millions of dollars. The visualization uses D3 v4 with an SVG renderer and a force-directed layout, scaling bubble area by budget.

Aandyreagan

98% match

US Federal Budget

This visualization uses a force-directed bubble chart to display the 2017 US federal budget by agency. Circle size encodes the budget amount, while color encodes the BEA category. Interactive checkboxes allow viewers to group agencies by BEA Category along the x-axis and by Grant/non-grant split along the y-axis, using force layout constraints to pull bubbles into aligned columns or rows with axes revealed. The data is loaded from a CSV and preprocessed with D3 v4, rendered as SVG, with tooltips showing agency name and budget in millions.

Aandrewfwalters

97% match

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.

97% match

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.

US Federal Budget

This visualization uses a force-directed bubble chart to display the 2017 US Federal Budget, with each circle sized by the budget amount of a federal agency. The data is loaded from a CSV file and preprocessed to exclude zero-value entries. A power scale maps budget values to circle radii, while a categorical color scale encodes the BEA Category. Two checkboxes allow interactive grouping: checking "Group by BEA Category" applies an x-axis force to align circles by category and reveals a corresponding axis; checking "Group by Grant" similarly groups the visualization. The chart uses d3.v4 with SVG rendering, and circles are labeled with the agency name and budget in millions.

Aandrewfwalters

US Federal Budget

A force-directed bubble chart visualizes the 2017 US federal budget, with each circle representing an agency sized by its budget. Checkboxes enable grouping by BEA Category (x-axis) and Grant (y-axis), using d3-force to animate circles into aligned columns and rows while color encodes the BEA category. Data is loaded from a CSV of agency outlays.

Aandyreagan

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>

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.