-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhousing-and-transportation-affordability-index.html
49 lines (38 loc) · 11.6 KB
/
housing-and-transportation-affordability-index.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
<!DOCTYPE html>
<html><head>
<title>Housing and Transportation Affordability Index</title>
<base href="./">
<meta id="root-path" root-path="./">
<link rel="icon" sizes="96x96" href="https://publish-01.obsidian.md/access/f786db9fac45774fa4f0d8112e232d67/favicon-96x96.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes, minimum-scale=1.0, maximum-scale=5.0">
<meta charset="UTF-8">
<script src="https://code.iconify.design/iconify-icon/1.0.3/iconify-icon.min.js"></script>
<link rel="stylesheet" href="lib/styles/obsidian-styles.css">
<link rel="stylesheet" href="lib/styles/theme.css">
<link rel="stylesheet" href="lib/styles/plugin-styles.css">
<link rel="stylesheet" href="lib/styles/snippets.css">
<style> </style>
<!-- Graph View Data -->
<script>
let nodes=
{"nodeCount":33,"linkCount":37,"radii":[7,7,7,6.888888888888889,6.888888888888889,6.626543209876543,6.209876543209877,6.209876543209877,6.209876543209877,5.638888888888889,5.638888888888889,4.913580246913581,4.913580246913581,4.913580246913581,4.033950617283951,4.033950617283951,4.033950617283951,4.033950617283951,4.033950617283951,4.033950617283951,3,3,3,3,3,3,3,3,3,3,3,3,3],"labels":["Day 2","Day 1","Datasets","Day 5","Day 3","Syllabus","Mapping Homelessness in San Diego","Example 1","Day 4","San Diego Regional Data Library data example","National Survey of Child Health","In-school suspensions and academic achievement","Fatal police shootings","Add Health","Geographic differences in discharge dispositions","Housing and Transportation Affordability Index","Household Pulse Survey Data Tables","Final web scrap medium","Consumer Complaints","Add-on Packages & Modules","LODES","Research Reminders","Note taking","Lit Reviews","Daily Note","Example Template","Research Notes","research notes","Research Paper","Research Ideas","focus_group","Cheat Sheet","Highlighting structure"],"paths":["day-2.html","day-1.html","datasets.html","day-5.html","day-3.html","syllabus.html","mapping-homelessness-in-san-diego.html","example-1.html","day-4.html","san-diego-regional-data-library-data-example.html","national-survey-of-child-health.html","in-school-suspensions-and-academic-achievement.html","fatal-police-shootings.html","add-health.html","geographic-differences-in-discharge-dispositions.html","housing-and-transportation-affordability-index.html","household-pulse-survey-data-tables.html","final-web-scrap-medium.html","consumer-complaints.html","add-on-packages-&-modules.html","lodes.html","00-meta/003-tools/research-reminders.html","00-meta/003-tools/note-taking.html","00-meta/003-tools/lit-reviews.html","00-meta/002-templates/daily-note.html","00-meta/002-templates/example-template.html","00-meta/002-templates/research-notes.html","00-meta/002-templates/meta/zdc-templates/research-notes.html","00-meta/002-templates/meta/zdc-templates/research-paper.html","00-meta/002-templates/meta/zdc-templates/research-ideas.html","00-meta/002-templates/meta/zdc-templates/focus_group.html","00-meta/001-structure/cheat-sheet.html","00-meta/001-structure/highlighting-structure.html"],"linkSources":[2,2,2,2,2,2,2,2,2,3,3,3,3,7,7,9,5,5,5,5,5,1,1,1,1,1,0,0,4,4,4,4,8,6,6,6,11],"linkTargets":[0,3,13,18,12,15,10,16,9,13,1,0,4,8,14,8,1,0,4,8,3,19,17,7,2,11,7,10,0,1,10,12,6,9,0,1,0]};
let attractionForce = 1;
let linkLength = 10;
let repulsionForce = 150;
let centralForce = 3;
let edgePruning = 100;
</script>
<script type="module" src="lib/scripts/graph_view.js"></script>
<script src="lib/scripts/graph_wasm.js"></script>
<script src="lib/scripts/tinycolor.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/7.2.4/pixi.min.js" integrity="sha512-Ch/O6kL8BqUwAfCF7Ie5SX1Hin+BJgYH4pNjRqXdTEqMsis1TUYg+j6nnI9uduPjGaj7DN4UKCZgpvoExt6dkw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="lib/scripts/webpage.js"></script>
</head><body class="theme-dark mod-windows is-frameless is-hidden-frameless obsidian-app show-inline-title show-view-header outliner-plugin-better-lists outliner-plugin-dnd" style="--zoom-factor:1.2; --font-text-size:16px; --line-width:50em; --line-width-adaptive:50em; --file-line-width:50em; --content-width:500em; --sidebar-width:25em; --collapse-arrow-size:0.4em; --tree-horizontal-spacing:1em; --tree-vertical-spacing:0.5em; --sidebar-margin:12px;"><div class="webpage-container"><div class="sidebar-left sidebar"><div class="sidebar-content"><div><label class="theme-toggle-container" for="theme_toggle"><input class="theme-toggle-input" type="checkbox" id="theme_toggle"><div class="toggle-background"></div></label></div><div class="tree-container file-tree mod-nav-indicator" data-depth="0"><div class="tree-header"><span class="sidebar-section-header">Bootcamp</span><button class="clickable-icon collapse-tree-button is-collapsed"><iconify-icon icon="ph:arrows-in-line-horizontal-bold" width="18px" height="18px" rotate="90deg" color="currentColor"></iconify-icon></button></div><div class="tree-scroll-area"></div></div></div></div><div class="document-container"><div class="markdown-preview-view markdown-rendered node-insert-event allow-fold-headings show-indentation-guide allow-fold-lists" tabindex="-1" style="tab-size: 4;"><style id="MJX-CHTML-styles"></style><div class="markdown-preview-sizer markdown-preview-section" style="padding-bottom: ; padding-top: var(--file-margins); padding-right: var(--file-margins); padding-left: var(--file-margins); width: 100%; position: absolute;"><div class="markdown-preview-pusher" style="width: 1px; height: 0.1px; margin-bottom: 0px;"></div><div class="mod-header"><div class="inline-title" contenteditable="true" spellcheck="true" autocapitalize="on" tabindex="-1" enterkeyhint="done">Housing and Transportation Affordability Index</div></div><div><p><em>What can I do with the data?</em> The Housing and Transportation (H+T®) Affordability Index provides a comprehensive view of affordability that includes both the cost of housing and the cost of transportation at the neighborhood level.</p></div><div><p>Traditional measures of housing affordability ignore transportation costs. Typically a household’s second-largest expenditure, transportation costs are largely a function of the characteristics of the neighborhood in which a household chooses to live. Location Matters. Compact and dynamic neighborhoods with walkable streets and high access to jobs, transit, and a wide variety of businesses are more efficient, affordable, and sustainable.</p></div><div><p>By taking into account the cost of housing as well as the cost of transportation, H+T provides a more comprehensive understanding of the affordability of place. Dividing these costs by the representative income illustrates the cost burden of housing and transportation expenses placed on a typical household. While housing alone is traditionally deemed affordable when consuming no more than 30% of income, the H+T Index incorporates transportation costs—usually a household’s second-largest expense—to show that location-efficient places can be more livable and affordable.</p></div><div><p>Look at all the <a data-tooltip-position="top" aria-label="https://htaindex.cnt.org/fact-sheets/?lat=39.96226&lng=-83.000707&focus=place&gid=19340#fs" rel="noopener" class="external-link" href="https://htaindex.cnt.org/fact-sheets/?lat=39.96226&lng=-83.000707&focus=place&gid=19340#fs" target="_blank">data</a> I generated in 10 seconds for the city of Columbus!<br>
This is incredibly interesting data, and very useful. For example, Columbus residents spend about 19% of their income on transportation costs, and 21% of their income on housing costs. Housing + Transportation Costs are 39% of income!! Does that seem like a lot? </p></div><div><p>Compare the Housing and Transportation as a % of Income for the city of Los Angeles?</p></div><div><p><em>How can I download the data?</em> Downloading the data is easy, but you do have to register. <a data-tooltip-position="top" aria-label="https://htaindex.cnt.org/download/" rel="noopener" class="external-link" href="https://htaindex.cnt.org/download/" target="_blank">Click here</a> to access the data and register. Once you register, you only need to enter your email address to access the data.</p></div><div><p>Let's take a look at the data dictionary which you can view online <a data-tooltip-position="top" aria-label="https://htaindex.cnt.org/download/data-dictionary.php" rel="noopener" class="external-link" href="https://htaindex.cnt.org/download/data-dictionary.php" target="_blank">here</a></p></div><div><p>You can make <a data-tooltip-position="top" aria-label="https://htaindex.cnt.org/compare-affordability/" rel="noopener" class="external-link" href="https://htaindex.cnt.org/compare-affordability/" target="_blank">comparison maps</a> such as the one I made below. You can tell that housing + transportation effects people living in the southwest portion of franklin county moreso than housing costs alone. </p></div><div><p><span alt="Pasted image 20230730111436.png" src="Pasted image 20230730111436.png" class="internal-embed media-embed image-embed is-loaded"><img alt="Pasted image 20230730111436.png" src="pasted-image-20230730111436.png"></span></p></div><div><p>This seems to make sense, as the need to drive farther to get to their place of employment (which is probably OSU -- to get a better sense of workflows, you can use the <a data-tooltip-position="top" aria-label="https://onthemap.ces.census.gov/" rel="noopener" class="external-link" href="https://onthemap.ces.census.gov/" target="_blank">OntheMap</a> dataset from the Census which is SUPER cool!!.</p></div><div><p>Using the OnTheMap tool, I can see where workers live, where workers work, and a host of other characteristics. We will use the tool, but the data can be downloaded and analyzed (since this can be very complicated and tricky, I won't demonstrate it here, but reach out if you want to use these data in the future!)</p></div><div><p><span width="500" alt="Pasted image 20230806130620.png" src="Pasted image 20230806130620.png" class="internal-embed media-embed image-embed is-loaded"><img alt="Pasted image 20230806130620.png" width="500" src="pasted-image-20230806130620.png"></span><br>
Where Workers Live</p></div><div><p><span width="500" alt="Pasted image 20230806130724.png" src="Pasted image 20230806130724.png" class="internal-embed media-embed image-embed is-loaded"><img alt="Pasted image 20230806130724.png" width="500" src="pasted-image-20230806130724.png"></span><br>
Where workers Work</p></div><div class="mod-footer"><div class="embedded-backlinks" style="display: none;"></div></div></div></div></div><div class="sidebar-right sidebar"><div class="sidebar-content"><span class="sidebar-section-header">Interactive Graph</span><div class="graph-view-placeholder">
<div class="graph-view-container">
<div class="graph-icon graph-expand" role="button" aria-label="Expand" data-tooltip-position="top"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon lucide-arrow-up-right"><line x1="7" y1="17" x2="17" y2="7"></line><polyline points="7 7 17 7 17 17"></polyline></svg></div>
<canvas id="graph-canvas" width="512px" height="512px"></canvas>
</div>
</div><div class="tree-container outline-tree" data-depth="0"><div class="tree-header"><span class="sidebar-section-header">Table Of Contents</span><button class="clickable-icon collapse-tree-button"><iconify-icon icon="ph:arrows-in-line-horizontal-bold" width="18px" height="18px" rotate="90deg" color="currentColor"></iconify-icon></button></div><div class="tree-scroll-area"></div></div></div></div></div></body></html>