-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontract-sunburst.html
77 lines (74 loc) · 4.74 KB
/
contract-sunburst.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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
---
published: true
permalink: /data-lab/contract-sunburst/
layout: visualization
filename: Contract-Sunburst.md
title: Contract Sunburst
page: contract-sunburst
---
<script>
window.location = "https://datalab.usaspending.gov/contract-explorer.html";
</script>
{% include datalab-banner.html %}
<div id="burst_container";style="height:100%; padding:0; margin:0">
<div class="row mt-0">
<div class="col-md-8" style="margin-top:0">
<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">Government Contractors</h2>
<p class="subheading">Explore federal agencies and their contractors</p>
<p>Ever wonder who’s getting federal contracts, and what agencies are awarding them? This data visualization tool allows you to see to whom federal contracts are being awarded in Q3 FY17 and what product or services they are being awarded for. Selecting each layer of this chart provides an additional level of detail, starting from major agency to any associated sub-agencies, and to the contractors that receive funding from the federal government.</p>
</div>
<div class="col-md-4" style="padding-left:0">
<div style="border-color:#d6d7d9; border-width: 1px; border-style: solid; padding:10px; margin-bottom:40px; margin-top:30px; height: 270px">
<h6 style="margin-top:0; margin-bottom:5px">How to Use this Tool:</h6>
<p style="margin-bottom:0">Click the inner rings to begin exploring agencies, their offices, and largest contractors. Click the center node to return to a higher level of abstraction.</p>
<div id="legend_colorKey">
<div style="left:65px;top:14px;width:70px;" class="legend_circleKeyLabel"><span style="left:75px;">Contractor</span></div>
<div style="left:65px;top:25px;" class="legend_circleKeyLabel"><span style="left:75px;">Funding Subagency</span></div>
<div style="left:65px;top:36px;" class="legend_circleKeyLabel"><span style="left:75px;">Funding Agency</span></div>
<div style="left:65px;top:65px;" class="legend_circleKeyLabel"><span style="left:75px;">2017 Q3 Total Contracts</span></div>
<svg id="legend_scaleKey"></svg>
</div>
</div>
</div>
</div>
<div class="row mt-0">
<div id="disclaim" class="col-md-6" style="padding: 0px">
<div id="sunburst-panel"></div>
</div>
<div class="col-md-6" style="padding: 0px; height:100%">
<div id="sunburst">
<div id="circ"></div>
</div>
<!--<div style="min-height:135px">
<div class="col-md-6" style="padding-left:0; padding-right:0">
<div id="legend_colorKey">
<div style="left:65px;top:14px;width:70px;" class="legend_circleKeyLabel"><span style="left:75px;">Contractor</span></div>
<div style="left:65px;top:25px;" class="legend_circleKeyLabel"><span style="left:75px;">Funding Subagency</span></div>
<div style="left:65px;top:36px;" class="legend_circleKeyLabel"><span style="left:75px;">Funding Agency</span></div>
<div style="left:65px;top:65px;" class="legend_circleKeyLabel"><span style="left:75px;">2017 Q3 Total Contracts</span></div>
<svg id="legend_scaleKey"></svg>
</div>
</div>
<div class="col-md-6" style="padding:0"></div>
</div>
</div>-->
</div>
<footer>
<div class="row mt-0">
<div style="min-width: 100%;">
<h5 style="margin-bottom:1.3rem; margin-top:1.3rem">Notes</h5>
<p>The total amount represents the dollar value awarded during the period, including adjustments made by contract modifications. Downward adjustments in contract value are not depicted with icons in this alpha release, so icons may not always sum to the top level amount.</p>
</div>
<div style="margin-top:30px">
<h5 style="margin-bottom:1.3rem; margin-top:1.3rem">How this analysis was conducted</h5>
<p>This analysis was conducted using agency contract award data reported to USAspending.gov, which is available to the public. Each reported contract includes “top tier agency,” “sub-tier agency,” and a “product and service code.” By summarizing the contract award data (available within the awards API endpoint within the DATA Act API) by each of these three attributes, a nested data file is created that drives the information in the data table above.</p>
</div>
</div>
</footer>
</div>
</div>
<!-- d3 -->
<script src="{{site.baseurl}}/assets/js/vendor/d3.v3.min.js"></script>
<script src="{{site.baseurl}}/assets/js/vendor/spin.min.js"></script>
<script src="{{site.baseurl}}/assets/js/contract-sunburst.js"></script>