forked from project-open-data/project-open-data.github.io
-
Notifications
You must be signed in to change notification settings - Fork 116
/
dendrogram.html
44 lines (41 loc) · 2.61 KB
/
dendrogram.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
---
published: true
permalink: /data-lab/federal-accounts/
layout: visualization
filename: dendrogram.html
Title: Federal Accounts
page: dendrogram
---
<script>
window.location = "https://datalab.usaspending.gov/federal-account-explorer.html";
</script>
{% include datalab-banner.html %}
<img src="{{site.baseurl}}/assets/img/BFS_DataLab_Alpha_icon.png" style="width: 50.5px; height: 19.5px; margin-top:3rem">
<h2 style="margin-top:0; margin-bottom:10px">Federal Spending Accounts</h2>
<p class="subheading">See an all-in-one view of the accounts used to pay the government’s bills (as of Q3 FY2017)</p>
<div class="col-md-8" style="margin-left:0; padding-left:0; padding-right:30px">
<p>Did you know that the government has almost 2,000 “accounts,” similar to bank accounts, which it uses to spend money? This visualization allows you to explore those accounts based on the agency structure.</p>
<div id="button_holder">
<div id="button1" style="float:left; position:relative">
<p>
<label for="xAxis"></label>
<input type="button" name="xAxis" class="button" value="Reset Tree">
</p>
</div>
</div>
</div>
<div class="col-md-4" style="padding-left:0; padding-right:2">
<div style="border-color:#d6d7d9; border-width: 1px; border-style: solid; padding:10px; margin-bottom:40px">
<h6 style="margin-top:0; margin-bottom:5px">How to use this tool:</h6>
<p style="margin-bottom:0">Click any circle to expand and reveal an agency’s structure. Continue to click to see federal accounts, and the level of spending associated with each account. Click and drag the visualization to re-center.</p>
</div>
</div>
<div id="tree-container">
</div>
<div>
<h5 style= "margin-top:26px; margin-bottom:1.3rem">How this analysis was conducted</h5>
<p>This analysis was conducted by organizing spending data reported to USAspending.gov according to the structure of the federal government presented in government-wide budget documents. To accomplish this, federal accounts were matched with the Office of Management and Budget's Master Account File, which contains Treasury accounts and their corresponding agency, as presented in the government-wide budget. This structure was matched to federal account obligations data reported by agencies to show both the size and relationships of agencies and accounts. The data used in this tool was pulled as of September 22, 2017.</p>
</div>
<!-- d3 -->
<script src="{{site.baseurl}}/assets/js/vendor/d3.v3.min.js"></script>
<script src="{{site.baseurl}}/assets/js/dendrogram.js"></script>