<meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- [et_pb_line_break_holder] --> <link href="https://js.arcgis.com/3.15/esri/css/esri.css" rel="stylesheet" /><!-- [et_pb_line_break_holder] --> <link href="https://matthewiannowlin.com/neighborhood-change/embed-style.css" rel="stylesheet" /></script><!-- [et_pb_line_break_holder] --><div id="topPanel"><!-- [et_pb_line_break_holder] --> <div id="header"><!-- [et_pb_line_break_holder] --> <h1>Exploring Neighborhood Change</h1><!-- [et_pb_line_break_holder] --><h4>Avg. Rank Change Among Five Demographic Factors</h4><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div id="mapChoices"><!-- [et_pb_line_break_holder] --> <div>Choose a Decade to Map</div><!-- [et_pb_line_break_holder] --> <div id="choice1980" onClick="map1980()">1970-80</div><!-- [et_pb_line_break_holder] --> <div id="choice1990" onClick="map1990()">1980-90</div><!-- [et_pb_line_break_holder] --> <div id="choice2000" onClick="map2000()">1990-00</div><!-- [et_pb_line_break_holder] --> <div id="choice2010" onClick="map2010()">2000-10</div><!-- [et_pb_line_break_holder] --> <div id="choice2016" onClick="map2016()">2010-16</div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div id="legend"><!-- [et_pb_line_break_holder] --> <div class="legendLabel">Decrease</div><!-- [et_pb_line_break_holder] --> <div id="stop1"></div><!-- [et_pb_line_break_holder] --> <div id="stop2"></div><!-- [et_pb_line_break_holder] --> <div id="stop3"></div><!-- [et_pb_line_break_holder] --> <div id="stop4"></div><!-- [et_pb_line_break_holder] --> <div id="stop5"></div><!-- [et_pb_line_break_holder] --> <div id="stop6"></div><!-- [et_pb_line_break_holder] --> <div id="stop7"></div><!-- [et_pb_line_break_holder] --> <div class="legendLabel">Increase</div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --><div id="map"></div><!-- [et_pb_line_break_holder] --><div id="panel"><!-- [et_pb_line_break_holder] --> <div id="instructions"><!-- [et_pb_line_break_holder] --> Regional Data<br><!-- [et_pb_line_break_holder] --> (Click or Touch Area for Local Data)<!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div id="data"><!-- [et_pb_line_break_holder] --> <div class="viz"><!-- [et_pb_line_break_holder] --> <div class="chartTitle">Population</div><!-- [et_pb_line_break_holder] --> <div class="chart"><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="populationColumn0"></div><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="populationColumn1"></div><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="populationColumn2"></div><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="populationColumn3"></div><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="populationColumn4"></div><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="populationColumn5"></div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="chartLabels"><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="populationLabel0"></div><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="populationLabel1"></div><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="populationLabel2"></div><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="populationLabel3"></div><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="populationLabel4"></div><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="populationLabel5"></div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="viz"><!-- [et_pb_line_break_holder] --> <div class="chartTitle">Income</div><!-- [et_pb_line_break_holder] --> <div class="chart"><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="incomeColumn0"></div><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="incomeColumn1"></div><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="incomeColumn2"></div><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="incomeColumn3"></div><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="incomeColumn4"></div><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="incomeColumn5"></div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="chartLabels"><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="incomeLabel0"></div><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="incomeLabel1"></div><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="incomeLabel2"></div><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="incomeLabel3"></div><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="incomeLabel4"></div><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="incomeLabel5"></div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="viz"><!-- [et_pb_line_break_holder] --> <div class="chartTitle">Percent White</div><!-- [et_pb_line_break_holder] --> <div class="chart"><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="whiteColumn0"></div><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="whiteColumn1"></div><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="whiteColumn2"></div><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="whiteColumn3"></div><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="whiteColumn4"></div><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="whiteColumn5"></div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="chartLabels"><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="whiteLabel0"></div><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="whiteLabel1"></div><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="whiteLabel2"></div><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="whiteLabel3"></div><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="whiteLabel4"></div><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="whiteLabel5"></div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="viz"><!-- [et_pb_line_break_holder] --> <div class="chartTitle">Percent Age 20-34</div><!-- [et_pb_line_break_holder] --> <div class="chart"><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="youngColumn0"></div><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="youngColumn1"></div><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="youngColumn2"></div><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="youngColumn3"></div><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="youngColumn4"></div><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="youngColumn5"></div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="chartLabels"><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="youngLabel0"></div><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="youngLabel1"></div><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="youngLabel2"></div><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="youngLabel3"></div><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="youngLabel4"></div><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="youngLabel5"></div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="viz"><!-- [et_pb_line_break_holder] --> <div class="chartTitle">Percent with Bachelor's</div><!-- [et_pb_line_break_holder] --> <div class="chart"><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="bachelorsColumn0"></div><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="bachelorsColumn1"></div><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="bachelorsColumn2"></div><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="bachelorsColumn3"></div><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="bachelorsColumn4"></div><!-- [et_pb_line_break_holder] --> <div class="chartColumn" id="bachelorsColumn5"></div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="chartLabels"><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="bachelorsLabel0"></div><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="bachelorsLabel1"></div><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="bachelorsLabel2"></div><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="bachelorsLabel3"></div><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="bachelorsLabel4"></div><!-- [et_pb_line_break_holder] --> <div class="chartLabel" id="bachelorsLabel5"></div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --><body> <!-- [et_pb_line_break_holder] --></body><!-- [et_pb_line_break_holder] --></html><!-- [et_pb_line_break_holder] -->