National Disbursements Section

<NationalDisbursements  />

Federal disbursements

After collecting revenue from natural resource extraction, the Office of Natural Resources Revenue (ONRR) distributes that money to different agencies, funds, and local governments for public use. This process is called “disbursement.” In 2017, ONRR disbursed a total of $10,000

Data and documentation

RecipientAmount

Fund Display Name

Fund Description
Onshore:$5,000
GOMESA offshore:$3,000
Other offshore:$2,000
Total:$10,000

The NationalDisbursements is stacked. Ryan and/or Shannon please add a description.

How to use

National Disbursements section uses the Redux Store to populate its data. What this section is displaying is the initial state of the store.

Chart Data:

This is an array of objects that will be used to populate the stacked bar

Max Value:

You can pass a max value to the bar chart that will be used to relatively size the bar to that max value vs the max value of the chart data only.

CSS for colors:

Each colored box next to the data name can be colored using css.

Developer Details:

This stacked bar uses D3 to render the data visualization. The react component is just a wrapper that links to D3 by lifecycle events.

Props/Methods

NameDescriptionTypeRequiredDefault
year

The current year selected in the drop down. CONNECTED BY STORE.

numbernoN/A
years

All the years the data is available. CONNECTED BY STORE.

arraynoN/A
disbursements

All the disbursements. CONNECTED BY STORE.

objectnoN/A