2020 Q1 US Spending

100%

2020 Q1 US Spending

✓ Published0🌍 Public

Last edited Apr 20, 2020

Created on Apr 20, 2020

This chart shows the distribution of US federal spending for the first quarter of 2020, displaying each agency’s percentage of total expenditures as an animated pie chart. Built with D3 v4 (SVG), the visualization uses a pie generator and arc generator, with labels positioned via an arc centroid. Data loads from a CSV file, and a path transition with `transition.attrTween` and `d3.interpolate` animates the arcs expanding outward over two seconds. A sequential blue color scale assigns distinct hues to each category.

AI-generated description

MIT Licensed

Similar vizzes

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

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

77% match

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

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

76% match

Loading thumbnail…

Expenditure over time plot

This plot shows United States expenditure as a percentage of GDP since 1800, with a red line charting the yearly values. The visualization uses D3.js v5, scaling the x-axis linearly for years and the y-axis linearly for expenditure percentages. It renders as SVG, with the line generated using `d3.line`, `curveBasis` for smoothing, and axes created via `axisBottom` and `axisLeft`. Data is loaded asynchronously from a CSV file using `d3.csv`.

MMukund Khandelwal

72% match

Loading thumbnail…

Expenditure over time plot

This visualization displays United States expenditure as a percentage of GDP over time, from 1800 onward, using a smooth blue line chart. The SVG rendering employs d3.csv to load data and d3.scaleLinear for both axes, with axisBottom and axisLeft generating gridlines. d3.line with curveBasis creates the smoothed path, while d3.extent sets the domains. The chart includes clearly labeled axes for Year and Expenditure, with data sourced from a CSV file hosted on VizHub.

MMukund Khandelwal

71% match

Loading thumbnail…

Pie Chart

This pie chart visualizes total inward remittance flows to the US in 2019, using a D3.js v6 SVG rendering. The chart displays seven slices, each labeled with its value in millions and accompanied by a legend showing the country name and corresponding amount. The code fetches data from a CSV via `d3.csv`, processes it with `d3.pie`, and applies a custom ordinal color scale. Text labels are positioned using `d3.arc` centroids and rotated for readability, while the legend is built with appended SVG elements.

CChi Aghaizu

71% match

Loading thumbnail…

Fork of Pie Chart ICE-7

This pie chart visualizes monthly expenditures, with each slice labeled by a spending category and its numeric value. The chart is rendered as an SVG using D3 v5, with the `d3.pie()` and `d3.arc()` functions generating the segments and their centroids. Data is loaded asynchronously from a CSV file via `d3.csv()`, and a legend lists each category with its corresponding dollar amount. Slice colors are assigned using `d3.scaleOrdinal` with a predefined array of color names.

AAnanyaSamala

71% match