US Federal Budget

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

98% match

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.

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.

97% match

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 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.

US Federal Budget

This interactive visualization displays the 2017 US Federal Budget as a force-directed bubble chart, where each circle represents a government agency and its size is proportional to the agency’s budget. The visualization uses a power scale to map budget values to circle radii, with colors encoding BEA categories. Users can toggle two checkboxes to group the bubbles by BEA Category along the x-axis and by Grant/non-grant split along the y-axis, with corresponding axis labels appearing when grouping is active. The layout is driven by a force simulation that reacts to these grouping toggles, smoothly repositioning the bubbles as the user explores the data. Hovering over a bubble reveals the agency name. Data is loaded from a CSV of federal outlays, aggregated by grant/non-grant split, BEA Category, and Agency Name, and rendered as SVG using D3 v4.

Aandyreagan

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

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>