-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhomeless-analysis.html
97 lines (93 loc) · 7.88 KB
/
homeless-analysis.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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!---
published: true
permalink: /data-lab/homeless-analysis/
layout: visualization
filename: homeless-analysis.html
title: Federal Spending on Homelessness
page: homeless-analysis
---
<img src="{{site.baseurl}}/assets/img/BFS_DataLab_Alpha_icon.png" style="width: 50.5px; height: 19.5px; margin-top:3rem">
<h2 style="margin-bottom:1.3rem; margin-top:0">Federal Spending on Homelessness</h2>
<p class="subheading">Subway tile poke VHS, marfa typewriter pinterest blog deep v taiyaki tacos williamsburg fanny pack.</p>
<div class="row">
<div class="col-md-8" style="margin-left:0; padding-left:0; padding-right:30px">
<p>Small batch irony brunch taxidermy chartreuse vice mlkshk. Try-hard flannel art party meh tilde, lo-fi blue bottle semiotics keffiyeh coloring book meggings seitan. Brooklyn viral heirloom humblebrag PBR&B. Single-origin coffee migas pop-up, XOXO authentic pug deep v actually la croix truffaut everyday carry raw denim seitan godard vinyl. Banh mi YOLO cornhole austin. Narwhal pug gluten-free, la croix 8-bit thundercats listicle. Poke slow-carb cray, heirloom raw denim organic whatever vinyl schlitz. Edison bulb cronut cold-pressed listicle brunch. Quinoa enamel pin locavore messenger bag chillwave listicle post-ironic. Distillery banjo typewriter bespoke. Flannel sriracha schlitz franzen irony.</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">
<h6 style="margin-top:0; margin-bottom:5px">How to use this tool:</h6>
<p style="margin-bottom:0">Lo-fi deep v actually lumbersexual bicycle rights lomo scenester whatever +1 tbh portland.</p>
</div>
</div>
</div>
<div id="container" height="500px" width="1024px">
<div class="control-group">
<label class="control control-radio">
Map
<input type="radio" name="radio" value="Map" checked="checked" />
<div class="control_indicator"></div>
</label>
<label class="control control-radio">
Table
<input type="radio" name="radio" value="Table"/>
<div class="control_indicator"></div>
</label>
</div>
</div>
<div class="text-stuff">
<h4>Some subheading...</h4>
<p>
Ipsum Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<br />
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
<div id="container2" height="700px" width="1024px"></div>
<div class="text-stuff">
<h4>Some subheading...</h4>
<p>
Ipsum Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<br />
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
<!-- <div id="container3" height="700px" width="1024px">
<div id="scatter"></div>
<div id="panel">
<h2>Some Title...</h2>
<p>
Ipsum Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.<br /><br />
<b>Use your mouse to zoom in and explore the visualization</b>
</p>
</div>
</div>
<div id="button_holder">
<input type="button" name="xAxis" class="button" value="Reset Graph">
</div>
<div class="text-stuff">
<h4>Some subheading...</h4>
<p>
Ipsum Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<br />
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div> -->
<!---
<div class="row">
<p>Bespoke blue bottle occupy irony cloud bread, YOLO four loko banjo. Forage prism beard everyday carry typewriter jean shorts. Echo park kale chips pinterest schlitz aesthetic, af iPhone fanny pack cloud bread. 90's copper mug hexagon, etsy aesthetic green juice synth health goth marfa chambray jean shorts pour-over. Echo park tofu sartorial distillery direct trade knausgaard, paleo irony. Pitchfork post-ironic snackwave squid. Chartreuse tattooed snackwave godard you probably haven't heard of them knausgaard, twee put a bird on it. Forage salvia pabst, try-hard flannel single-origin coffee whatever seitan viral pug +1 typewriter next level flexitarian unicorn. Letterpress wayfarers farm-to-table vaporware VHS twee leggings slow-carb paleo intelligentsia ugh drinking vinegar photo booth. Bushwick pickled vice coloring book, glossier marfa everyday carry photo booth offal woke. Church-key photo booth vice, poke knausgaard edison bulb farm-to-table you probably haven't heard of them green juice iPhone. Tofu meh fam edison bulb, lumbersexual pop-up jean shorts flexitarian whatever pickled iceland godard keytar fanny pack. Mlkshk post-ironic cloud bread poutine gastropub small batch brunch. Af williamsburg kale chips photo booth.</p>
</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/jquery-2.2.0.min.js"></script>
<script src="{{site.baseurl}}/assets/js/bootstrap.min.js"></script>
<script src="{{site.baseurl}}/assets/js/d3.tip.v0.6.3.js"></script>
<script src="{{site.baseurl}}/assets/js/topojson.v1.min.js"></script>
<script src="{{site.baseurl}}/assets/js/homeless.js"></script>
---!>