Oklahoma State Budget 2013

100%

Oklahoma State Budget 2013

✓ Published0🌍 Public

Last edited Mar 10, 2017

Created on Mar 10, 2017

This sunburst partition chart displays Oklahoma’s 2013 state budget, with arc size proportional to each agency’s appropriation value. The code uses `d3.layout.partition` and `d3.svg.arc` to render the hierarchy, and a radio button toggles label visibility to reduce text clutter. Hovering over an arc reveals its name, appropriation amount, and percent change in a side panel, while clicking zooms into that segment. Data comes from a local `budget.json` file.

AI-generated description

The Oklahoma State Budget presented using a sunburst partition rendered in D3. Zoom and labeling are present, but create problems. Because of the cluster of text I created a restricting radio button that limits the text on command for less clutter. Data for 2010-2011 needs to be updated to allow for more visualizations.

forked from <a href='http://bl.ocks.org/darrenjaworski/'>darrenjaworski</a>'s block: <a href='http://bl.ocks.org/darrenjaworski/5389708'>Sunburst Partition - OK State Budget</a>

mit Licensed

Similar vizzes

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

65% match

Loading thumbnail…

Horizontal bar chart with button scale transition

This interactive visualization displays changes in U.S. federal agency budgets between 2017 and 2018, using a horizontal bar chart with toggle buttons. Users switch between viewing absolute dollar amounts (in billions) and percentage changes, with positive values shown in gray and negative values in red. The chart uses D3.js v3 (d3.scale.linear, d3.svg.axis) to render SVG bars with animated scale transitions triggered by button clicks. Data comes from a CSV file mapping agency names to both dollar and percentage amounts.

TThanaporn-sk

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

64% match

Loading thumbnail…

NY State Budget

This example visualizes New York State’s categorical aid budgets for Housing and Parks, Recreation, and Cultural Activities from 1980 to 2013 using two overlapping filled area charts rendered with SVG. The housing series appears in light blue, while the recreation series is drawn in semi-transparent black, allowing for visual comparison of budget fluctuations over time. The chart is generated with d3.v3, using time-scaled x-axis and linear y-axis, with tooltips omitted but hover styling prepared on circles. The design emphasizes trends and contrasts between the two funding categories across the 34-year span.

JJournathan

64% match

Loading thumbnail…

D3 v5 Zoomable Sunburst

This zoomable sunburst chart visualizes hierarchical spending data from the flare.json dataset, with arcs colored by top-level category and sized by expense sums. Users click arcs or the center circle to zoom between hierarchy levels, while labels rotate and fade based on visible arc size. Built with D3 v5, it uses the `d3.partition` layout, `d3.hierarchy`, and arc generators for SVG rendering. Transitions employ `transition.attrTween` and interpolation to animate arc paths and labels smoothly, with style updates handled through attribute tweens and fill-opacity transitions.

MMatheusHALeal

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

64% match

Loading thumbnail…

Fork for country and budget

This is a D3.js v5 pie chart built with SVG, visualizing country budgets for 2012. The chart uses `d3.pie` to compute arc segments and `d3.arc` to generate the path geometry, with each slice colored using `d3.scaleOrdinal`. The visualization includes a legend showing each country name and its budget value in thousands, with the data loaded from a CSV file using `d3.csv`. The code also uses `d3.select` to target the SVG element and `d3.format` for tick labels.

PPallaviManupati

63% match

Loading thumbnail…

Fork for country and budget

This visualization shows the 2012 budget allocations for various countries as a donut chart, with each segment labeled with its value in thousands and a corresponding legend. The chart uses d3.pie and d3.arc to generate the ring geometry, with d3.scaleOrdinal mapping categorical colors to the data. Data is loaded from a CSV file via d3.csv, and d3.format is used to abbreviate the numeric labels. The SVG rendering includes explicit text positioning through the arc centroid, and legends are appended with rectangles and text.

RRakshithaRao27

63% match