<!DOCTYPE html>
<!--[if (gt IE 9)|!(IE)]> <!--><html lang="en" class="no-js page-interactive section-us page-theme-standard tone-news page-interactive-default limit-small layout-xlarge app-interactive" itemid="https://www.nytimes.com/interactive/2017/08/28/us/houston-maps-hurricane-harvey.html" itemtype="http://schema.org/NewsArticle" itemscope xmlns:og="http://opengraphprotocol.org/schema/"><!--<![endif]-->
<!--[if IE 9]> <html lang="en" class="no-js ie9 lt-ie10 page-interactive section-us page-theme-standard tone-news page-interactive-default limit-small layout-xlarge app-interactive" xmlns:og="http://opengraphprotocol.org/schema/"> <![endif]-->
<!--[if IE 8]> <html lang="en" class="no-js ie8 lt-ie10 lt-ie9 page-interactive section-us page-theme-standard tone-news page-interactive-default limit-small layout-xlarge app-interactive" xmlns:og="http://opengraphprotocol.org/schema/"> <![endif]-->
<!--[if (lt IE 8)]> <html lang="en" class="no-js lt-ie10 lt-ie9 lt-ie8 page-interactive section-us page-theme-standard tone-news page-interactive-default limit-small layout-xlarge app-interactive" xmlns:og="http://opengraphprotocol.org/schema/"> <![endif]-->
<head>
<script>
if (document.location.search.indexOf('nytapp=true') > -1) document.documentElement.classList.add('nyt-hide-shell');
</script>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Language" content="en" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link rel="shortcut icon" href="https://static01.nyt.com/favicon.ico" />
<link rel="apple-touch-icon-precomposed" sizes="144×144" href="https://static01.nyt.com/images/icons/ios-ipad-144x144.png" />
<link rel="apple-touch-icon-precomposed" sizes="114×114" href="https://static01.nyt.com/images/icons/ios-iphone-114x144.png" />
<link rel="apple-touch-icon-precomposed" href="https://static01.nyt.com/images/icons/ios-default-homescreen-57x57.png" />
<meta property="fb:app_id" content="9869919170" />
<meta name="twitter:site" value="@nytimes" />
<meta name="sourceApp" content="nyt-v5" />
<meta name="applicationName" content="interactive" id="applicationName" />
<meta name="foundation-build-id" content="nyt-v5" id="foundation-build-id" />
<link rel="canonical" href="https://www.nytimes.com/interactive/2017/08/28/us/houston-maps-hurricane-harvey.html" />
<meta name="PT" content="Multimedia" />
<meta name="PST" content="Interactive" />
<meta name="tom" content="interactive_feature" />
<meta name="hdl" content="Mapping the Devastation of Harvey in Houston" />
<meta name="slug" content="houston-maps-hurricane-harvey" />
<meta name="lp" content="Pounding rains and rapidly rising floodwaters caused by Hurricane Harvey pummeled the city of Houston, a metropolitan area of 6.6 million." />
<meta name="col" content="" id="column-name" />
<meta name="dfp-ad-unit-path" content="us" />
<meta name="keywords" content="Hurricane Harvey (2017),Floods,Hurricanes and Tropical Storms,Weather,Oil (Petroleum) and Gasoline,Factories and Manufacturing,Reservoirs,Refineries,Rescues" />

<meta property="article:collection" content="https://static01.nyt.com/services/json/sectionfronts/us/index.jsonp" />
<meta name="DISPLAYDATE" content="Aug. 28, 2017" />
<meta name="dat" content="Aug. 28, 2017" />
<meta name="author" content="Sarah Almukhtar" /><meta name="author" content="Matthew Bloch" /><meta name="author" content="Audrey Carlsen" /><meta name="author" content="Ford Fessenden" /><meta name="author" content="Troy Griggs" /><meta name="author" content="K.K. Rebecca Lai" /><meta name="author" content="Haeyoun Park" /><meta name="author" content="Adam Pearce" /><meta name="author" content="Jeremy White" /><meta name="author" content="Karen Yourish" />
<title data-rh="true">Mapping the Devastation of Harvey in Houston - The New York Times</title><meta data-rh="true" itemprop="inLanguage" content="en-US"/><meta data-rh="true" name="robots" content="noarchive"/><meta data-rh="true" name="articleid" itemprop="identifier" content="100000005396030"/><meta data-rh="true" name="description" itemprop="description" content="Pounding rains and rapidly rising floodwaters caused by Hurricane Harvey pummeled the city of Houston, a metropolitan area of 6.6 million."/><meta data-rh="true" name="byl" content="By SARAH ALMUKHTAR, MATTHEW BLOCH, AUDREY CARLSEN, FORD FESSENDEN, TROY GRIGGS, K.K. REBECCA LAI, HAEYOUN PARK, ADAM PEARCE, JEREMY WHITE and KAREN YOURISH"/><meta data-rh="true" name="thumbnail" itemprop="thumbnailUrl" content="https://static01.nyt.com/images/2017/08/28/us/houston-maps-hurricane-harvey-1503942493144/houston-maps-hurricane-harvey-1503942493144-thumbStandard-v6.jpg"/><meta data-rh="true" name="news_keywords" content="Hurricane Harvey,Flood,Hurricanes,Weather,Oil and Gasoline,Manufacturing,Reservoir,Refinery,Rescue"/><meta data-rh="true" name="usageTerms" itemprop="usageTerms" content="http://www.nytimes.com/content/help/rights/sale/terms-of-sale.html"/><meta data-rh="true" name="pdate" content="20170828"/><meta data-rh="true" name="utime" content="20170901092800"/><meta data-rh="true" name="ptime" content="20170828135114"/><meta data-rh="true" property="og:url" content="https://www.nytimes.com/interactive/2017/08/28/us/houston-maps-hurricane-harvey.html"/><meta data-rh="true" property="og:type" content="article"/><meta data-rh="true" property="og:title" content="Mapping the Devastation of Harvey in Houston"/><meta data-rh="true" property="og:image" content="https://static01.nyt.com/images/2017/08/28/us/houston-maps-hurricane-harvey-1503942493144/houston-maps-hurricane-harvey-1503942493144-facebookJumbo-v6.jpg"/><meta data-rh="true" property="og:description" content="Pounding rains and rapidly rising floodwaters caused by Hurricane Harvey pummeled the city of Houston, a metropolitan area of 6.6 million."/><meta data-rh="true" property="twitter:url" content="https://www.nytimes.com/interactive/2017/08/28/us/houston-maps-hurricane-harvey.html"/><meta data-rh="true" property="twitter:title" content="Mapping the Devastation of Harvey in Houston"/><meta data-rh="true" property="twitter:description" content="Pounding rains and rapidly rising floodwaters caused by Hurricane Harvey pummeled the city of Houston, a metropolitan area of 6.6 million."/><meta data-rh="true" property="twitter:image" content="https://static01.nyt.com/images/2017/08/28/us/houston-maps-hurricane-harvey-1503942493144/houston-maps-hurricane-harvey-1503942493144-videoSixteenByNineJumbo1600-v6.jpg"/><meta data-rh="true" property="twitter:image:alt" content=""/><meta data-rh="true" property="twitter:card" content="summary_large_image"/><meta data-rh="true" property="article:section" itemprop="articleSection" content="U.S."/><meta data-rh="true" property="article:section-taxonomy-id" itemprop="articleSection" content="23FD6C8B-62D5-4CEA-A331-6C2A9A1223BE"/><meta data-rh="true" property="article:author" content="https://www.nytimes.com/by/sarah-almukhtar"/><meta data-rh="true" property="article:author" content="https://www.nytimes.com/by/matthew-bloch"/><meta data-rh="true" property="article:author" content="https://www.nytimes.com/by/audrey-carlsen"/><meta data-rh="true" property="article:author" content="https://www.nytimes.com/by/ford-fessenden"/><meta data-rh="true" property="article:author" content="https://www.nytimes.com/by/troy-griggs"/><meta data-rh="true" property="article:author" content="https://www.nytimes.com/by/kk-rebecca-lai"/><meta data-rh="true" property="article:author" content="https://www.nytimes.com/by/haeyoun-park"/><meta data-rh="true" property="article:author" content="https://www.nytimes.com/by/adam-pearce"/><meta data-rh="true" property="article:author" content="https://www.nytimes.com/by/jeremy-white"/><meta data-rh="true" property="article:author" content="https://www.nytimes.com/by/karen-yourish"/><meta data-rh="true" property="article:tag" content="Hurricane Harvey (2017)"/><meta data-rh="true" property="article:tag" content="Floods"/><meta data-rh="true" property="article:tag" content="Hurricanes and Tropical Storms"/><meta data-rh="true" property="article:tag" content="Weather"/><meta data-rh="true" property="article:tag" content="Oil (Petroleum) and Gasoline"/><meta data-rh="true" property="article:tag" content="Factories and Manufacturing"/><meta data-rh="true" property="article:tag" content="Reservoirs"/><meta data-rh="true" property="article:tag" content="Refineries"/><meta data-rh="true" property="article:tag" content="Rescues"/><meta data-rh="true" property="article:published" itemprop="datePublished" content="2017-08-28T17:51:14.000Z"/><meta data-rh="true" property="article:modified" itemprop="dateModified" content="2017-09-01T13:28:00.000Z"/><meta data-rh="true" name="CG" content="us"/><meta data-rh="true" name="SCG" content=""/><meta data-rh="true" name="CN" content=""/><meta data-rh="true" name="CT" content=""/><meta data-rh="true" name="hostApp" content="vi"/><meta data-rh="true" name="ver" content="vi"/><meta data-rh="true" name="typ" content="art,interactive"/><meta data-rh="true" name="sub" content="anon"/><meta data-rh="true" name="vp" content="large"/><meta data-rh="true" name="page_view_id" content/><meta data-rh="true" name="ref" content=""/><meta data-rh="true" name="refdom" content=""/><meta data-rh="true" name="sov" content="3"/><meta data-rh="true" name="topref" content/><meta data-rh="true" name="template" content="interactive"/><meta data-rh="true" name="edn" content="us"/><meta data-rh="true" name="prop" content="nyt"/><meta data-rh="true" name="plat" content="web"/><meta data-rh="true" name="id" content="100000005396030"/><meta data-rh="true" name="auth" content="sarahalmukhtar,matthewbloch,audreycarlsen,fordfessenden,troygriggs,kkrebeccalai,haeyounpark,adampearce,jeremywhite,karenyourish"/><meta data-rh="true" name="brandsensitive" content="false"/><meta data-rh="true" name="des" content="hurricaneharvey2017"/><meta data-rh="true" name="des" content="floods"/><meta data-rh="true" name="des" content="hurricanesandtropicalstorms"/><meta data-rh="true" name="des" content="weather"/><meta data-rh="true" name="des" content="oilpetroleumandgasoline"/><meta data-rh="true" name="des" content="factoriesandmanufacturing"/><meta data-rh="true" name="des" content="reservoirs"/><meta data-rh="true" name="des" content="refineries"/><meta data-rh="true" name="des" content="rescues"/><meta data-rh="true" name="subject" content/><meta data-rh="true" name="subject" content/><meta data-rh="true" name="subject" content/><meta data-rh="true" name="subject" content/><meta data-rh="true" name="subject" content/><meta data-rh="true" name="subject" content/><meta data-rh="true" name="subject" content/><meta data-rh="true" name="subject" content/><meta data-rh="true" name="subject" content/><link data-rh="true" rel="canonical" href="https://www.nytimes.com/interactive/2017/08/28/us/houston-maps-hurricane-harvey.html"/>
<link id="legacy-zam5nzz" rel="stylesheet" type="text/css" href="https://typeface.nyt.com/css/zam5nzz.css" media="all" />
<!--[if (gt IE 9)|!(IE)]> <!-->
<link rel="stylesheet" type="text/css" media="screen" href="/vi-assets/static/nyt5/20171016/css/interactive/styles.css" />
<!--<![endif]-->
<!--[if lte IE 9]>
<link rel="stylesheet" type="text/css" media="screen" href="/vi-assets/static/nyt5/20171016/css/interactive/styles-ie.css" />
<![endif]-->

<style>.interactive-graphic > iframe { margin-left: auto !important; margin-right: auto !important; }</style>
<script>
    var NYTD=NYTD||{};NYTD.Abra=function(t){"use strict";function n(t){var n=i[t];return n&&n[1]||null}function e(t,n){if(t){var e,o,r=n[0],i=n[1],u=0,c=0;if(1!==i.length||4294967296!==i[0])for(e=a(t+" "+r)>>>0,u=0,c=0;o=i[u++];)if(e<(c+=o[0]))return o}}function o(n,e,o,a){s+="subject="+n+"&test="+encodeURIComponent(e)+"&variant="+encodeURIComponent(o||0)+"&url="+encodeURIComponent(t.location.href)+"&instant=1&skipAugment=true\n",a&&f.push(a),c||(c=t.setTimeout(r,0))}function r(){var n=new t.XMLHttpRequest,e=f;n.withCredentials=!0,n.open("POST",u),n.onreadystatechange=function(){var t,o;if(4==n.readyState)for(t=200==n.status?null:new Error(n.statusText);o=e.shift();)o(t)},n.send(s),s="",f=[],c=null}function a(t){for(var n,e,o,r,a,i,u,c=0,s=0,f=[],l=[n=1732584193,e=4023233417,~n,~e,3285377520],h=[],p=t.length;s<=p;)h[s>>2]|=(s<p?t.charCodeAt(s):128)<<8*(3-s++%4);for(h[u=p+8>>2|15]=p<<3;c<=u;c+=16){for(n=l,s=0;s<80;n=[0|[(i=((t=n[0])<<5|t>>>27)+n[4]+(f[s]=s<16?~~h[c+s]:i<<1|i>>>31)+1518500249)+((e=n[1])&(o=n[2])|~e&(r=n[3])),a=i+(e^o^r)+341275144,i+(e&o|e&r|o&r)+882459459,a+1535694389][0|s++/20],t,e<<30|e>>>2,o,r])i=f[s-3]^f[s-8]^f[s-14]^f[s-16];for(s=5;s;)l[--s]=l[s]+n[s]|0}return l[0]}var i,u,c,s="",f=[];return n.init=function(n,r){var a,c,s,f,l,h=[],p=(t.document.cookie.match(/(^|;) *nyt-a=([^;]*)/)||[])[2],d=(t.document.cookie.match(/(^|;) *ab7=([^;]*)/)||[])[2],m=new RegExp("[?&]abra(=([^&#]*))"),g=m.exec(t.location.search);if(g&&g[2]&&(d=d?g[2]+"&"+d:g[2]),i)throw new Error("can't init twice");if(u=r,i={},d)for(d=decodeURIComponent(d).split("&"),a=0;a<d.length;a++)l=d[a].split("="),l[0]in i||(i[l[0]]=[,l[1],1],o("ab-alloc",l[0],l[1]),l[1]&&h.push(l[0]+"="+l[1]));for(a=0;a<n.length;a++)s=n[a],(c=s[0])in i||(f=e(p,s)||[],i[c]=f,f[1]&&h.push(c.replace(/[^\w-]/g)+"="+(""+f[1]).replace(/[^\w-]/g)),f[2]&&o("ab-alloc",c,f[1]));h.length&&t.document.documentElement.setAttribute("data-nyt-ab",h.join(" "))},n.reportExposure=function(n,e){var r=i[n];r&&r[2]?o("ab-expose",n,r[1],e):e&&t.setTimeout(function(){e(null)},0)},n}(this);;
    NYTD.Abra.init([["WP_Platform",[[4294967296,"vi",0]]],["vi-indexHeaderBidder",[[4294967296,"1",1]]],["vi-adLibraryService",[[4294967296,"1",1]]],["vi-adStride",[[214748365,"44",1],[214748365,"46",1],[3865470566,null,0]]],["vi-ads-et",[[21474837,"1",1],[4273492459,null,0]]],["vi-ad-sandbox",[[4294967296,null,0]]],["story-page-newsletter-ux",[[2147483648,"control",1],[2147483648,"variant2",1]]],["messaging-optimizely",[[429496730,"0",1],[3865470566,"1",1]]]],"//et.nytimes.com");
  </script>
  <script>
    
/* ABRA reporting for Vi rollout. Please don't hand-edit this minified snippet. <https://github.com/nytm/vi-rollout-abra-reporting-js> (6abdd06 @ Wed Feb  7 15:26:18 EST 2018) */ function reportViRolloutToABRA(t,e,o){"use strict";var i,a,n,r,s="";if(e&&(/^mobile\./.test(window.location.hostname)?(i=(document.cookie.match(/(?:^|;) *vi=([^;]*)/)||[,""])[1],a=(document.cookie.match(/(?:^|;) *nyt\.np\.vi=([^;]*)/)||[,""])[1],n=/^b1/.test(i)?"WP_ProjectVi&variant=vi":/^z1/.test(i)?"WP_ProjectVi&variant=0":/^a2/.test(i)?"WP_ProjectVi2&variant=hp-st":/^b2/.test(i)?"WP_ProjectVi2&variant=hp":/^c2/.test(i)?"WP_ProjectVi2&variant=st":/^z2/.test(i)?"WP_ProjectVi2&variant=0":/^1\|/.test(a)?"WP_ProjectVi&variant=vi":/^2\|/.test(a)?"WP_ProjectVi&variant=0":null):/^www\./.test(window.location.hostname)&&(i=(document.cookie.match(/(?:^|;) *vi_www_hp=([^;]*)/)||[,""])[1],n=/^a2/.test(i)?"WP_ProjectVi_www_hp&variant=hp-st":/^b2/.test(i)?"WP_ProjectVi_www_hp&variant=hp":/^c2/.test(i)?"WP_ProjectVi_www_hp&variant=st":/^d2/.test(i)?"WP_ProjectVi_www_hp&variant=hp-2":/^e2/.test(i)?"WP_ProjectVi_www_hp&variant=hp-serv":/^f2/.test(i)?"WP_ProjectVi_www_hp&variant=hp-orig":/^y2/.test(i)?"WP_ProjectVi_www_hp&variant=0-2":/^z2/.test(i)?"WP_ProjectVi_www_hp&variant=0":null),n&&(s+="subject=ab-alloc&test="+n+"&url="+encodeURIComponent(window.location.href)+"&instant=1&skipAugment=true\n")),o&&(/^mobile\./.test(window.location.hostname)?(i=(document.cookie.match(/(?:^|;) *vistorymobile=([^;]*)/)||[,""])[1],r=/^a/.test(i)?"WP_ProjectVi_Story_Mobile&variant=st":/^b/.test(i)?"WP_ProjectVi_Story_Mobile&variant=sth":/^c/.test(i)?"WP_ProjectVi_Story_Mobile&variant=mw":/^z/.test(i)?"WP_ProjectVi_Story_Mobile&variant=mwh":null):/^www\./.test(window.location.hostname)&&(i=(document.cookie.match(/(?:^|;) *vistory=([^;]*)/)||[,""])[1],r=/^a/.test(i)?"WP_ProjectVi_story_desktop&variant=sd":/^b/.test(i)?"WP_ProjectVi_story_desktop&variant=sdh":/^c/.test(i)?"WP_ProjectVi_story_desktop&variant=nyt5":/^z/.test(i)?"WP_ProjectVi_story_desktop&variant=nyt5h":null),r&&(s+="subject=ab-alloc&test="+r+"&url="+encodeURIComponent(window.location.href)+"&instant=1&skipAugment=true\n")),s){var _=new XMLHttpRequest;_.withCredentials=!0,_.open("POST",t),_.send(s)}}

    reportViRolloutToABRA("//et.nytimes.com",true,true);
  </script>
<script id="page-config-data" type="text/json">{"pageconfig":{"collections":{}}}</script>
<script id="display_overrides">[]</script>

<script type="text/javascript">var googletag=googletag||{};googletag.cmd=googletag.cmd||[],function(){var t=document.createElement("script");t.async=!0,t.type="text/javascript";var e="https:"==document.location.protocol;t.src=(e?"https:":"http:")+"//www.googletagservices.com/tag/js/gpt.js";var o=document.getElementsByTagName("script")[0];o.parentNode.insertBefore(t,o)}();</script>
<script type="text/javascript" src="https://contextual.media.net/bidexchange.js?cid=8CULO58R6&https=1&version=3.3" async></script>
<script type="text/javascript" src="https://js-sec.indexww.com/ht/p/183760-179626133031071.js" async></script>
<script type="text/javascript" async>
  !function(a9,a,p,s,t,A,g){if(a[a9])return;
  function q(c,r){a[a9]._Q.push([c,r])}a[a9]={
      init:function(){q("i",arguments)},
      fetchBids:function(){q("f",arguments)},
      setDisplayBids:function(){},
      targetingKeys:function(){return[]},_Q:[]};
      A=p.createElement(s);
      A.async=!0;
      A.src=t;
      g=p.getElementsByTagName(s)[0];
      g.parentNode.insertBefore(A,g)}
  ("apstag",window,document,"script","//c.amazon-adsystem.com/aax2/apstag.js");
  apstag.init({
  pubID: '3030',
  adServer: 'googletag'
});
</script>
<script>
var require = {
  baseUrl: '/vi-assets/static/nyt5/20180207/js/',
  waitSeconds: 20,
  paths: {
    'videoFactory': 'https://static01.nyt.com/js2/build/video/2.0/videofactoryrequire',
    'videoPlaylist': 'https://static01.nyt.com/js2/build/video/players/extended/2.0/appRequire',
    'auth/mtr': 'https://static01.nyt.com/js/mtr',
    'auth/growl': 'https://static01.nyt.com/js/auth/growl/default',
    'vhs': 'https://static01.nyt.com/video/vhs/build/vhs-2.x.min',
    'vhs3': 'https://static01.nyt.com/video-static/vhs3/vhs.min'
  }
};

window.NYT_PLATFORM = 'nyt5';
window.NYT_CONTEXT = 'inline';
window.NYT_ENVIRONMENT = 'prd';

</script>

<!--[if (gte IE 9)|!(IE)]> <!-->
<script data-main="foundation/main" src="/vi-assets/static/nyt5/20180207/js/framework.js"></script>
<!--<![endif]-->
<!--[if lt IE 9]>
<script>require.map = { '*': { 'foundation/main': 'foundation/legacy_main' } };</script>
<script data-main="foundation/legacy_main" src="/vi-assets/static/nyt5/20180207/js/framework.js"></script>
<![endif]-->
<script>
require(['foundation/main'], function () {
  require(['auth/mtr']);
});
</script>
<style>
.nyt-hide-shell #masthead, .nyt-hide-shell #ribbon, .nyt-hide-shell #TopAd, .nyt-hide-shell #page-footer {display: none;}
.nyt-hide-shell #shell {padding: 0;}
</style>
</head>
<body>
<style>
.lt-ie10 .messenger.suggestions {
  display: block !important;
  height: 50px;
}

.lt-ie10 .messenger.suggestions .message-bed {
  background-color: #f8e9d2;
  border-bottom: 1px solid #ccc;
}

.lt-ie10 .messenger.suggestions .message-container {
  padding: 11px 18px 11px 30px;
}

.lt-ie10 .messenger.suggestions .action-link {
  font-family: "nyt-franklin", arial, helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #a81817;
  text-transform: uppercase;
}

.lt-ie10 .messenger.suggestions .alert-icon {
  background: url('https://static01.nyt.com/images/icons/icon-alert-12x12-a81817.png') no-repeat;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-top: -2px;
  float: none;
}

.lt-ie10 .masthead,
.lt-ie10 .navigation,
.lt-ie10 .comments-panel {
  margin-top: 50px !important;
}

.lt-ie10 .ribbon {
  margin-top: 97px !important;
}
</style>
<div id="suggestions" class="suggestions messenger nocontent robots-nocontent" style="display:none;">
  <div class="message-bed">
    <div class="message-container last-message-container">
      <div class="message">
        <span class="message-content">
          <i class="icon alert-icon"></i><span class="message-title">NYTimes.com no longer supports Internet Explorer 9 or earlier. Please upgrade your browser.</span>
          <a href="http://www.nytimes.com/content/help/site/ie9-support.html" class="action-link">LEARN MORE »</a>
        </span>
      </div>
    </div>
  </div>
</div>
<div id="shell" class="shell">
  <header id="masthead" class="masthead masthead-theme-standard" role="banner">
  <div class="container">
    <div class="quick-navigation button-group">
      <button class="button sections-button"><i class="icon sprite-icon"></i><span class="button-text">Sections</span></button>
      <button class="button home-button" data-href="http://www.nytimes.com/" title="Go to the home page to see the latest top stories."><i class="icon sprite-icon"></i><span class="button-text">Home</span></button>
      <button class="button search-button"><i class="icon sprite-icon"></i><span class="button-text">Search</span></button>
    </div>
    <div class="branding">
      <h2 class="branding-heading">
        <a id="branding-heading-link" href="http://www.nytimes.com/">
          <span class="visually-hidden">The New York Times</span>
        </a>
      </h2>
      <script>
        window.magnum.writeLogo('small', '/vi-assets/static/nyt5/20180207/images/foundation/logos/', 'us', 'masthead-theme-standard', 'standard', 'branding-heading-link', 'interactive');
      </script>
      
    </div>
    <div class="story-meta">
      <h6 class="kicker">
        <span class="kicker-label">
          <a href="https://www.nytimes.com/section/us">U.S.</a>
        </span>
        <span class="pipe">|</span>Mapping the Devastation of Harvey in Houston
      </h6>
    </div>
    <div class="user-tools">
  <div id="sharetools-masthead"
    aria-label="tools" role="group"
    class="sharetools theme-classic  sharetools-masthead  "
    data-shares="facebook,twitter,email,show-all,save"
    data-url="https://www.nytimes.com/interactive/2017/08/28/us/houston-maps-hurricane-harvey.html"
    data-title="Mapping the Devastation of Harvey in Houston"
    data-author="By SARAH ALMUKHTAR, MATTHEW BLOCH, AUDREY CARLSEN, FORD FESSENDEN, TROY GRIGGS, K.K. REBECCA LAI, HAEYOUN PARK, ADAM PEARCE, JEREMY WHITE and KAREN YOURISH"
    data-media="https://static01.nyt.com/images/icons/t_logo_291_black.png"
    data-description="Pounding rains and rapidly rising floodwaters caused by Hurricane Harvey pummeled the city of Houston, a metropolitan area of 6.6 million."
    data-publish-date="August 28, 2017">
    <div class="ad sharetools-inline-article-ad hidden nocontent robots-nocontent"></div>
  </div>
  <div class="user-tools-button-group button-group">
    <button class="button login-button login-modal-trigger hidden">Log In</button>
    
    <button class="button notifications-button hidden"><i class="icon sprite-icon"></i><span class="button-text">0</span></button>
    <button class="button user-settings-button"><i class="icon sprite-icon"></i><span class="button-text">Settings</span></button>
  </div>
</div>
  </div>
  <div class="search-flyout-panel flyout-panel">
  <button class="button close-button" type="button"><i class="icon"></i><span class="visually-hidden">Close search</span></button>
  <nav class="search-form-control form-control layout-horizontal">
    <h2 class="visually-hidden">Site Search Navigation</h2>
    <form class="search-form" role="search">
      <div class="control">
        <div class="label-container visually-hidden">
          <label for="search-input">Search NYTimes.com</label>
        </div>
        <div class="field-container">
          <input id="search-input" name="search-input" type="text" class="search-input text" autocomplete="off" placeholder="Search NYTimes.com" />
          <button type="button" class="button clear-button" tabindex="-1" aria-describedby="clear-search-input"><i class="icon"></i><span id="clear-search-input" class="visually-hidden">Clear this text input</span></button>
          <div class="auto-suggest" style="display: none;">
            <ol></ol>
          </div>
          <button class="button submit-button" type="submit">Go</button>
        </div>
      </div>
    </form>
  </nav>
</div>
  <div id="notification-modals" class="notification-modals"></div>
  <span class="story-short-url"><a href="https://nyti.ms/2wcGYOi">https://nyti.ms/2wcGYOi</a></span>
</header>
<nav id="ribbon" class="ribbon ribbon-start nocontent robots-nocontent" aria-hidden="true">
  <div class="nocontent robots-nocontent">
    <ol class="ribbon-menu">
      <li class="collection ribbon-loader">
        <div class="loader loader-t-logo-32x32-ecedeb-ffffff"><span class="visually-hidden">Loading...</span></div>
      </li>
    </ol>
    <div class="ribbon-navigation-container">
      <nav class="ribbon-navigation next">
        <span class="visually-hidden">See next articles</span>
        <div class="arrow arrow-right">
          <div class="arrow-conceal"></div>
        </div>
      </nav>
      <nav class="ribbon-navigation previous">
        <span class="visually-hidden">See previous articles</span>
        <div class="arrow arrow-left">
          <div class="arrow-conceal"></div>
        </div>
      </nav>
    </div>
  </div><!-- close nocontent -->
</nav>
<nav class="navigation" id="navigation">
  <h2 class="visually-hidden">Site Navigation</h2>
</nav>
<nav class="mobile-navigation hidden" id="mobile-navigation">
  <h2 class="visually-hidden">Site Mobile Navigation</h2>
</nav>
<div id="navigation-edge" class="navigation-edge"></div>
  <div id="page" class="page">
    <div id="TopAd" class="ad top-ad nocontent robots-nocontent">
  <div class="accessibility-ad-header visually-hidden">
    <p>Advertisement</p>
  </div>
</div>
    <main id="main" class="main" role="main">
      <article id="story" class="story theme-interactive theme-main">
        
        <header class="story-header interactive-header">
          <div class="story-meta">
            <button class="button comments-button theme-kicker"></button>
            <div class="kicker-container">
              <h2 class="kicker interactive-kicker">
                <span class="kicker-label">
                  <a href="https://www.nytimes.com/section/us">
                    U.S.
                  </a>
                </span>
                
              </h2>
              <div id="sharetools-interactive"
                aria-label="tools" role="group"
                class="sharetools theme-classic sharetools-interactive"
                data-shares="show-all|Share"
                data-url="https://www.nytimes.com/interactive/2017/08/28/us/houston-maps-hurricane-harvey.html"
                data-title="Mapping the Devastation of Harvey in Houston"
                data-author="By SARAH ALMUKHTAR, MATTHEW BLOCH, AUDREY CARLSEN, FORD FESSENDEN, TROY GRIGGS, K.K. REBECCA LAI, HAEYOUN PARK, ADAM PEARCE, JEREMY WHITE and KAREN YOURISH"
                data-media="https://static01.nyt.com/images/icons/t_logo_291_black.png"
                data-description="Pounding rains and rapidly rising floodwaters caused by Hurricane Harvey pummeled the city of Houston, a metropolitan area of 6.6 million."
                data-publish-date="August 28, 2017">
                <div class="ad sharetools-inline-article-ad hidden nocontent robots-nocontent"></div>
              </div>
            </div>
            <h1 class="story-heading interactive-headline" itemprop="headline">Mapping the Devastation of Harvey in Houston</h1>
            <div class="story-meta-footer interactive-meta-footer">
              
              <p class="interactive-leadin summary">
                
                
                <time class="dateline" datetime="3 PM ET, AUG. 29, 2017"><span class="timestamp">UPDATED </span>3 PM ET, AUG. 29, 2017</time>
              </p>
            </div>
          </div>
        </header>
        <div id="houston-maps-hurricane-harvey" class="interactive-graphic"><!--

======================================================

THIS IS A GENERATED TEMPLATE FILE. DO NOT EDIT.

======================================================

-->
<!-- this file is generated from src/style.less -->
<style>/*
  SHOW LIBRARY
  ===================== */
.g-show-xsmall,
.g-show-small,
.g-show-smallplus,
.g-show-submedium,
.g-show-sub-medium,
.g-show-medium,
.g-show-large,
.g-show-xlarge {
  display: none;
}
.g-show {
  display: block;
}
.lt-ie10 .g-aiImg {
  width: 100%;
}
/* story top */
.story.theme-main .story-header .story-meta .story-heading {
  max-width: 720px;
  margin: 0 auto 10px;
  text-align: center;
  line-height: 2.844rem;
  font-size: 2.4rem;
}
@media only screen and (max-width: 1244px) {
  .story.theme-main .story-header .story-meta .story-heading {
    line-height: 2.5596rem;
    font-size: 2.16rem;
  }
}
@media only screen and (max-width: 719px) {
  .story.theme-main .story-header .story-meta .story-heading {
    line-height: 2.2752rem;
    font-size: 1.92rem;
  }
}
.story.theme-main .story-header .story-meta .interactive-leadin.summary {
  max-width: 460px;
  margin: 0 auto 20px auto;
  font-size: 17px;
  line-height: 1.6;
}
.story.theme-main .story-header .story-meta .byline-dateline {
  text-align: center;
}
/* top asset */
.g-top-asset {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.g-top-asset img {
  width: 100%;
}
/* body text */
.g-body {
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
}
.viewport-medium .g-body {
  font-size: 17px;
  line-height: 1.6;
}
.g-body a {
  text-decoration: underline;
}
/* subhed */
.g-subhed h2 {
  max-width: 460px;
  margin: 2em auto 1em auto;
  font: 700 1.2em/1.3em 'nyt-franklin', arial, sans-serif;
  text-align: center;
}
.viewport-small-10 .g-subhed h2 {
  font-size: 1.5em;
}
/* refer text box */
.g-refer {
  max-width: 460px;
  margin: 0 auto 25px;
  padding: 12px 15px;
  box-sizing: border-box;
  background: #fffcd9;
}
.g-refer .g-body {
  font-family: 'nyt-franklin', arial, sans-serif;
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 0;
}
.g-refer a {
  text-decoration: underline;
}
/* images */
.g-item-image {
  margin: 25px auto;
}
.g-item-image img {
  width: 100%;
}
/* video */
.g-item-video {
  margin: 25px auto;
}
/* sources and credits */
.g-asset-source {
  padding-top: 3px;
}
.g-asset-source .g-source {
  font: 400 12px/15px 'nyt-franklin', arial, sans-serif;
  color: #999;
}
.g-asset-source .g-pipe {
  margin: 0 6px 0 3px;
  font: 400 12px/12px 'nyt-franklin', arial, sans-serif;
  color: #999;
}
.g-asset-source .g-caption {
  font: 300 14px/17px georgia, 'times new roman', times, serif;
}
.g-asset-source .g-credit {
  font: 400 12px/17px 'nyt-franklin', arial, sans-serif;
  display: inline-block;
  color: #999;
}
/* graphics */
.g-item-ai2html {
  margin: 25px auto;
}
p.g-asset-hed {
  font: 700 16px/18px 'nyt-franklin', arial, sans-serif;
  margin-bottom: 0;
}
.g-map-key {
  float: none;
  clear: both;
  overflow: hidden;
  margin: 10px auto 4px auto;
}
.g-map-key .g-key-row {
  margin-bottom: 5px;
  margin-right: 15px;
  float: left;
}
.viewport-small .g-map-key .g-key-row {
  width: auto;
  margin-bottom: 0;
}
.viewport-small-20 .g-map-key .g-key-row {
  width: auto;
}
.g-map-key .g-key-row .g-key-rect,
.g-map-key .g-key-row .g-key-circle {
  vertical-align: middle;
  margin-right: 8px;
  display: inline-block;
}
.g-map-key .g-key-row p {
  font: 500 0.9em/1.6 'nyt-franklin', arial, sans-serif;
  display: inline-block;
  vertical-align: middle;
  margin: -1px 0 0 0;
}
.viewport-small .g-map-key .g-key-row p {
  max-width: 92%;
}
.viewport-small-20 .g-map-key .g-key-row p {
  width: auto;
  max-width: none;
}
.g-map-key .g-key-row .g-key-rect {
  width: 22px;
  height: 10px;
}
.g-map-key .g-key-row .g-key-circle {
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% 50% 50% 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  left: 50%;
  top: 50%;
  margin-bottom: 5px;
}
.g-map-key .g-key-row .g-key-custom {
  width: 20px;
  height: 20px;
  background-size: 100%;
  display: block;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: -4px 2px 0 0;
}
.viewport-small .g-map-key .g-key-row-title p {
  width: 100%;
  max-width: none;
}
.g-red-dot,
.g-black-dot {
  display: inline-block;
  background: #d00;
  color: white;
  font-weight: bold;
  width: 20px;
  height: 20px;
  font: 700 14px/1.4 'nyt-franklin', arial, sans-serif;
  text-align: center;
  border-radius: 10px;
  line-height: 20px;
}
.g-black-dot {
  background: #222;
}
/* column text */
.g-column-container {
  max-width: 460px;
  margin: 20px auto 0 auto;
}
.viewport-medium .g-column-container {
  max-width: 1050px;
}
.viewport-large .g-column-container {
  margin-bottom: 30px;
}
.g-column-container .g-column-hed {
  font-family: 'nyt-franklin', arial, sans-serif;
  font-weight: 700;
  margin-bottom: 2px;
}
.g-column-container .g-column-col {
  vertical-align: top;
}
.viewport-small .g-column-container .g-column-col {
  display: block;
  min-width: 100%;
}
.viewport-medium .g-column-container .g-column-col {
  min-width: 0;
  display: inline-block;
  margin-right: 15px;
}
.viewport-medium .g-column-container .g-column-col:last-child {
  margin-right: 0;
}
.g-column-container .g-column-asset,
.g-column-container .g-column-image {
  margin-bottom: 8px;
}
.g-column-container .g-column-image img {
  width: 100%;
}
/* tables */
.g-table {
  margin: 0 auto;
  margin-bottom: 25px;
}
.g-table tr {
  border-bottom: 1px solid #ececec;
}
.g-table p {
  font: 500 14px/1.4 'nyt-franklin', arial, sans-serif;
  text-align: left;
  margin: 6px 0;
}
/* charts */
.g-chart {
  margin: 0 auto;
  margin-bottom: 25px;
  font: 500 14px/1.4 'nyt-franklin', arial, sans-serif;
}
.g-chart .g-chart-header {
  font-weight: bold;
}
.g-chart .g-chart-row,
.g-chart .g-chart-header {
  clear: both;
  height: 22px;
  margin-bottom: 9px;
}
.g-chart .g-chart-bar-container,
.g-chart .g-chart-label {
  float: left;
  height: 100%;
}
.g-chart .g-chart-bar-container {
  margin-left: 20px;
}
.g-chart .g-chart-bar-pos,
.g-chart .g-chart-bar-neg {
  height: 100%;
  float: left;
}
.g-chart .g-chart-label,
.g-chart .g-chart-bar {
  padding-top: 3px;
}
.g-chart .g-chart-label.not-first {
  margin-left: 20px;
}
.g-chart .g-chart-bar {
  height: 100%;
  background: lightsteelblue;
  position: relative;
}
.g-chart .g-chart-bar-label {
  padding-left: 6px;
}
.g-chart .g-chart-bar-neg .g-chart-bar {
  float: right;
}
.g-chart .g-chart-bar-neg .g-chart-bar-label {
  text-align: right;
  padding-right: 6px;
  padding-left: 0px;
}
.g-chart .out-label {
  padding-top: 3px;
  display: none;
}
.g-chart .outside .out-label {
  display: block;
}
.g-chart .outside .in-label {
  display: none;
}
.g-chart .g-bold {
  font-weight: bold;
}
/* grid */
.g-grid {
  margin-bottom: 15px;
}
.g-grid .g-grid-item {
  position: relative;
  display: inline-block;
  min-width: calc(50% - 5px);
}
.viewport-small-20 .g-grid .g-grid-item {
  min-width: calc(33% - 5px);
}
.viewport-medium .g-grid .g-grid-item {
  min-width: 0;
}
.g-grid .g-grid-item p {
  font: 500 15px/1.4 'nyt-franklin', arial, sans-serif;
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: #fff;
  margin-bottom: 0;
}
/* lazy images */
.g-freebird-lazy {
  display: block;
  width: 100%;
  height: auto;
}
.g-freebird-lazy.ll-init {
  transition: opacity 0.3s ease-out;
  opacity: 0;
}
.g-freebird-lazy.ll-loaded {
  opacity: 1;
}
/* Mobile issues */
/* Get rid of border under intro and share tools on mobile */
.story-header.interactive-header {
  border-bottom: none !important;
}
/* Share tools issues */
/* Pad out the kicker/sharetool space */
.story.theme-main .story-header .story-meta .kicker-container {
  margin-bottom: 12px;
}
/* Override the moving sharetools on mobile */
.story.theme-main .story-header .story-meta .kicker-container .sharetools {
  position: relative;
  float: right;
  /*right: 0px;*/
  bottom: auto;
  left: auto;
  width: auto;
  margin-top: -6px;
  clear: none;
}
/* Maintain the proper space with the section name and kicker next to share tools */
.story.theme-main .story-header .story-meta .interactive-kicker {
  float: left;
  width: 70%;
  display: inline-block;
}
.g-graphic.g-graphic-freebird .g-ad-wrapper {
  margin: 30px auto;
  max-width: 1050px;
}
.viewport-medium .g-graphic.g-graphic-freebird .g-ad-wrapper {
  margin: 50px auto;
}
.g-graphic.g-graphic-freebird .g-ad-wrapper .ad {
  border-top: 1px solid #e2e2e2 !important;
  border-bottom: 1px solid #e2e2e2 !important;
  margin: 0 auto;
  padding: 10px 0;
  overflow: hidden;
  max-width: 100%;
}
.g-graphic.g-graphic-freebird .g-ad-wrapper .ad div {
  margin: 0 auto;
  display: block !important;
}
.g-graphic.g-graphic-freebird .g-ad-wrapper iframe {
  margin: 0 auto;
  display: block;
}
.g-graphic.g-graphic-freebird .g-ad-wrapper .g-ad-text {
  text-align: center;
  font: 500 12px/1.2 "nyt-franklin", arial, sans-serif;
  color: #bfbfbf;
  text-transform: uppercase;
  margin-bottom: 7px;
}
.ad.top-ad {
  border: none;
  margin-left: auto;
  margin-right: auto;
}
/* Center headlines for standalone and embedded interactives */
/* @import (inline) "nyt5/centered-headline.css"; */
/* Fullbleed interactive-graphic container */
/* @import (inline) "nyt5/fullbleed.css"; */
/* For use with LaziestLoader */
/* @import (inline) "nyt5/laziestloader.css"; */
/* Fix spacing at top of story */
.has-top-ad .story.theme-interactive,
.has-ribbon .story.theme-interactive {
  margin-top: 10px;
}

/* Fix comments button margin */
.story.theme-interactive .comments-button.theme-kicker {
  margin-top: 0;
}

/* Get rid of border under intro and share tools on mobile */
.page-interactive-default .story.theme-main .story-header {
  border-bottom: none;
}

/* Pad out the kicker/sharetool space */
.story.theme-interactive .story-meta .kicker {
  margin-bottom: 22px;
}

.viewport-medium-10 .story.theme-interactive .story-meta .kicker {
  margin-bottom: 24px;
}

/* Override the moving sharetools on mobile */
.story.theme-interactive .story-header .story-meta .kicker-container .sharetools {
  position: relative;
  left: auto;
  bottom: auto;
  width: auto;
  margin-top: -6px;
  float: right;
  clear: none;
}

/* Maintain the proper space with the section name and kicker next to share tools */
.story.theme-interactive .story-header .story-meta .interactive-kicker {
  float: left;
  width: 65%;
  display: inline-block;
}

/* Gets rid of the extra space under the intro that puts too much space there in mobile and desktop */
.page-interactive-default .story.theme-main .story-header {
  margin-bottom: 0;
}

.page-interactive-default .story.theme-main .story-header .story-meta {
  margin-bottom: 10px;
}

/*Fixes styling on share tools at bottom of minimal interactives*/
.story.theme-minimal .sharetools.layout-horizontal{
  width:auto;
  margin-top:11px;
}
.story.theme-minimal .sharetools.layout-horizontal .sharetool {
  display: inline-block;
  border-top: 0;
}
.story.theme-minimal .sharetools.layout-horizontal .sharetool:first-child a {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}
.story.theme-minimal .sharetools.layout-horizontal .sharetool a {
  padding-left: 15px;
  padding-right: 5px;
  height: 20px;
  border-left: 1px solid #e2e2e2;
}
.story.theme-minimal .sharetools.layout-horizontal .sharetool a:hover {
  background-color: transparent;  
}

/* uncomment to fix related content and footer layout on max_width: 720 pages */
/*
.related-coverage {
  max-width: 720px;
}

.viewport-medium-30 .page-footer nav ul,
.viewport-medium-50 .page-footer nav ul {
  margin-left: 28px;
}

.viewport-medium-30 .page-footer nav.last-nav {
  float: none;
}

.viewport-medium-30 .page-footer nav.last-nav ul {
  margin-left: 239px;
}
*/

.story.theme-main .story-header .story-meta .interactive-leadin.summary {
  text-align: center;
}
/* MAP COLUMN TEXT 
**********************/
.g-map-text {
  /* OVERRIDE : column text to single column */
}
.g-map-text .g-column-container :nth-child(1) .g-column-hed b {
  background: #E96E11;
}
.g-map-text .g-column-container :nth-child(2) .g-column-hed b {
  background: #B63132;
}
.g-map-text .g-column-container :nth-child(3) .g-column-hed b {
  background: #F3C654;
}
.g-map-text .g-column-container :nth-child(4) .g-column-hed b {
  background: #4390D5;
}
.g-map-text .g-column-hed.g-num b {
  display: inline-block;
  color: #fff;
  font-size: 13px;
  background: #ff8600;
  top: -1px;
  position: relative;
  margin-right: 4px;
  padding: 0;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  border-radius: 120px;
}
/* MAP AI2HTML STUFF */
.g-highways {
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  display: block;
  padding: 1px 1px 1px 1px;
  text-align: center;
}
.g-highways p {
  font-size: 12px !important;
}
.g-numbers,
.g-numbers-w,
.g-numbers-o,
.g-numbers-s,
.g-numbers-r {
  width: 11px !important;
  height: 11px !important;
  border-radius: 50% 50% 50% 0;
  position: absolute;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  left: 50%;
  top: 50%;
}
.g-numbers p,
.g-numbers-w p,
.g-numbers-o p,
.g-numbers-s p,
.g-numbers-r p {
  color: #fff !important;
  font-size: 11px;
  font-weight: 700 !important;
  display: none;
}
.g-numbers-w {
  background: #E96E11;
}
.g-numbers-r {
  background: #E96E11;
}
.g-numbers-s {
  background: #B63132;
}
.g-numbers-o {
  background: #4390D5;
}
/*******************
 *	MODULE : LINK *
 *******************/
/* Link */
.viewport-medium .g-link-container {
  margin: 0 auto 18px auto;
}
.g-link-container {
  width: 100%;
  max-width: 460px;
  margin: 0 auto 36px auto;
}
.viewport-medium .g-link-container a {
  font-size: 1.15em;
  max-width: 90%;
}
.g-link-container a {
  display: block;
  margin: 0;
  padding: 0;
  font-family: 'nyt-franklin', helvetica, arial, sans-serif;
  font-size: 1em;
  text-align: left;
  line-height: 1.5;
  max-width: 100%;
}
.g-link-container a:after {
  content: "→";
  padding-left: 4px;
}
/* Button */
.viewport-medium .g-link-container.g-link-type-button,
.g-link-container.g-link-type-button {
  display: block;
  width: 100%;
  max-width: 460px;
  margin: 0 auto 48px auto;
}
.viewport-medium .g-link-container.g-link-type-button a,
.g-link-container.g-link-type-button a {
  display: block;
  margin: 0 auto;
  padding: 0;
  font-family: 'nyt-franklin', helvetica, arial, sans-serif;
  text-align: center;
  max-width: 100%;
  padding: 14px 14px 12px 14px;
  background-color: #f4f4f4;
  border-radius: 2px;
  border: 1px solid #e2e2e2;
}
.g-link-container.g-link-type-button a:hover {
  background-color: #e2e2e2;
  border: 1px solid #ccc;
}
.g-link-container.g-link-type-button a:after {
  content: "";
  padding-left: 0;
}
/*********************
 *  MODULE : REFERS *
 *********************/
.story.theme-main .story-header .story-meta .interactive-leadin.summary {
  margin-bottom: 0px;
}
.g-refers-item {
  margin-bottom: 2em;
}
.g-refer-list {
  margin-bottom: 25px;
}
.g-refers {
  max-width: 460px;
  margin: 0 auto;
  text-align: center;
}
.g-referlink {
  color: #326891;
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 15px;
  line-height: 0.9375rem;
  font-weight: 700;
  font-style: normal;
  font-family: "nyt-franklin", arial, helvetica, sans-serif;
  text-transform: uppercase;
  white-space: nowrap;
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid #e2e2e2;
  text-align: center;
  pointer-events: all;
}
.g-referlink.first {
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
}
.g-referlink:hover {
  text-decoration: underline !important;
}
.g-referlink:visited {
  color: #326891;
}
.g-referlink:link {
  text-decoration: none;
  color: #326891;
}
.g-diptych .g-column-container .g-column-image {
  margin-bottom: 3px;
}
.g-diptych .g-column-text {
  font: 400 12px/17px 'nyt-franklin', arial, sans-serif;
  display: inline-block;
  color: #999;
}
.g-income-key-container {
  max-width: 300px;
  margin: 0 auto 0;
}
.g-income-key-container .g-hed {
  font: 300 14px/1.3 'nyt-franklin', Arial, sans-serif;
  text-align: center;
}
.g-income-key-container .g-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font: 300 12px/1.2 'nyt-franklin', Arial, sans-serif;
}
.g-income-key-container .g-steps .g-step {
  width: 14.3%;
  border: 1px solid #fff;
  margin-right: -1px;
  position: relative;
}
.g-income-key-container .g-steps .g-step:before {
  display: block;
  content: '';
  height: 8px;
  opacity: 0.5;
}
.g-income-key-container .g-steps .g-step-1:before {
  background: #e9984f;
}
.g-income-key-container .g-steps .g-step-2:before {
  background: #f8d5a1;
}
.g-income-key-container .g-steps .g-step-3:before {
  background: #fbecd4;
}
.g-income-key-container .g-steps .g-step-4:before {
  background: #daece5;
}
.g-income-key-container .g-steps .g-step-5:before {
  background: #acd4c9;
}
.g-income-key-container .g-steps .g-step-6:before {
  background: #86c2b3;
}
.g-income-key-container .g-steps .g-step-7:before {
  background: #4aa785;
}
.g-income-key-container .g-steps .g-step:last-child {
  margin-right: 0;
}
.g-income-key-container .g-steps .g-label {
  position: absolute;
  right: 0;
  text-align: center;
  top: 100%;
  margin-top: 4px;
  width: 60px;
  margin-right: -30px;
}
.g-text.dateline .g-body {
  font-family: "nyt-franklin", arial, sans-serif;
  font-size: 13px;
  text-align: center;
  margin-top: -15px;
}
.g-text.dateline .g-body b,
.g-text.dateline .g-body strong {
  color: #a81817;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}
.g-map-key {
  text-align: center;
}
.g-map-key .g-key-row {
  float: none;
  display: inline-block;
}
.g-map-key .g-key-row p {
  font-size: 16px;
}
.g-map-key .g-key-row .g-key-rect {
  width: 20px;
  margin-top: 1px;
  margin-right: 8px;
}
.story.theme-main .story-header .story-meta .dateline {
  display: none;
}
.story.theme-main .story-header .story-meta .interactive-leadin.summary {
  display: none;
}
</style>



<div class="g-graphic g-graphic-freebird" data-preview-slug="2017-08-28-houston-maps">

  

    

    
      <div class="g-item g-text ">
    

      <p class="g-body">Pounding rains and rapidly rising floodwaters caused by Hurricane Harvey <a href="https://www.nytimes.com/2017/08/30/us/hurricane-harvey-flooding-houston.html">inundated the city of Houston</a>, a metropolitan area of 6.6 million. The storm made landfall late Friday as a Category 4 hurricane and has dropped <a href="https://www.nytimes.com/interactive/2017/08/29/upshot/harvey-rainfall-where-you-live.html?mcubz=3">record levels of rain</a> on the city.</p>


    </div>

    

    
      <div class="g-item g-subhed ">
    

      <h2>Dramatic rescues unfolded across the city.</h2>


    </div>

    

    
      <div class="g-item g-text dateline">
    

      <p class="g-body"><strong>PUBLISHED </strong>Aug. 29</p>


    </div>

    

    
      <div class="g-item g-text ">
    

      <p class="g-body"><a href="https://www.nytimes.com/interactive/2017/08/30/us/houston-flood-rescue-cries-for-help.html">Thousands of requests for help</a> had been submitted to local rescue groups as of Tuesday evening. The groups use the requests to dispatch boats to people who need assistance, said Melissa Wynn Adair, co-founder of the Texas Navy, one of the rescue groups.</p>


    </div>

    

    
      <div class="g-item g-graphic ">
    

      <div class="g-item-ai2html" style="">




  <div class="g-map-key">
    
      <div class="g-key-row "><span class="g-key-circle" style="background-color:#cc0000;"></span><p>Rescue request</p></div>
    
  </div>


<!-- SCOOP CSS -->
<!-- Generated by ai2html v0.65.4 - 2017-08-30 13:33 -->
<!-- ai file: houston-rescue-map.ai -->
<!-- preview: 2017-08-28-houston-maps -->
<!-- scoop: houston-maps-hurricane-harvey -->
<style type='text/css' media='screen,print'>
	#g-houston-rescue-map-box .g-artboard {
		margin:0 auto;
	}
	#g-houston-rescue-map-box .g-artboard p {
		margin:0;
	}
	.g-aiAbs {
		position:absolute;
	}
	.g-aiImg {
		display:block;
		width:100% !important;
	}
	.g-aiPointText p { white-space: nowrap; }
	#g-houston-rescue-map-720 {
		position:relative;
		overflow:hidden;
	}
	#g-houston-rescue-map-720 p {
		font-family:nyt-franklin,arial,helvetica,sans-serif;
		font-weight:300;
		font-style:normal;
		font-size:12px;
		line-height:14px;
		filter:alpha(opacity=100);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity:1;
		letter-spacing:0em;
		text-align:left;
		color:rgb(0,0,0);
		text-transform:none;
		padding-bottom:0;
		padding-top:0;
		mix-blend-mode:normal;
	}
	#g-houston-rescue-map-720 .g-pstyle0 {
		font-style:italic;
		line-height:13px;
		text-align:center;
		color:rgb(155,184,215);
	}
	#g-houston-rescue-map-720 .g-pstyle1 {
		font-style:italic;
		line-height:13px;
		mix-blend-mode:multiply;
		text-align:center;
		color:rgb(155,184,215);
	}
	#g-houston-rescue-map-720 .g-pstyle2 {
		font-style:italic;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		text-align:center;
	}
	#g-houston-rescue-map-720 .g-pstyle3 {
		font-weight:500;
		font-size:18px;
		line-height:22px;
		filter:alpha(opacity=40);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
		opacity:0.4;
		letter-spacing:0.7em;
		text-align:center;
	}
	#g-houston-rescue-map-460 {
		position:relative;
		overflow:hidden;
	}
	#g-houston-rescue-map-460 p {
		font-family:nyt-franklin,arial,helvetica,sans-serif;
		font-weight:300;
		font-style:normal;
		font-size:10px;
		line-height:11px;
		filter:alpha(opacity=100);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity:1;
		letter-spacing:0em;
		text-align:left;
		color:rgb(0,0,0);
		text-transform:none;
		padding-bottom:0;
		padding-top:0;
		mix-blend-mode:normal;
	}
	#g-houston-rescue-map-460 .g-pstyle0 {
		font-style:italic;
		line-height:10px;
		mix-blend-mode:multiply;
		text-align:center;
		color:rgb(155,184,215);
	}
	#g-houston-rescue-map-460 .g-pstyle1 {
		font-style:italic;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		text-align:center;
	}
	#g-houston-rescue-map-460 .g-pstyle2 {
		font-weight:500;
		font-size:14px;
		line-height:17px;
		filter:alpha(opacity=47);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=47);
		opacity:0.47;
		letter-spacing:0.7em;
		text-align:center;
	}
	#g-houston-rescue-map-300 {
		position:relative;
		overflow:hidden;
	}
	#g-houston-rescue-map-300 p {
		font-family:nyt-franklin,arial,helvetica,sans-serif;
		font-weight:500;
		font-size:14px;
		line-height:16px;
		filter:alpha(opacity=100);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity:1;
		letter-spacing:0.7em;
		text-align:left;
		color:rgb(0,0,0);
		text-transform:none;
		padding-bottom:0;
		padding-top:0;
		mix-blend-mode:normal;
		font-style:normal;
	}
	#g-houston-rescue-map-300 .g-pstyle0 {
		filter:alpha(opacity=52);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=52);
		opacity:0.52;
		text-align:center;
	}

</style>

<!-- SCOOP HTML -->
<!-- Generated by ai2html v0.65.4 - 2017-08-30 13:33 -->
<!-- ai file: houston-rescue-map.ai -->
<!-- preview: 2017-08-28-houston-maps -->
<!-- scoop: houston-maps-hurricane-harvey -->
<div id="g-houston-rescue-map-box" class="ai2html">

	<!-- Artboard: 720 -->
	<div id="g-houston-rescue-map-720" class="g-artboard g-artboard-v3" data-min-width='720'>
		<img id="g-ai0-0" class="g-aiImg" data-src="https://static01.nyt.com/newsgraphics/2017/08/28/houston-maps/d864ede726708922ead4e602d03bc27cf4e9d150/houston-rescue-map-720.png" src="data:image/gif;base64,R0lGODlhCgAKAIAAAB8fHwAAACH5BAEAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw=="/>
		<div id="g-ai0-1" class="g-labels g-aiAbs g-aiPointText" style="transform: matrix(0.9154,-0.4024,0.4024,0.9154,0,0);transform-origin: 50% 57.4651891813079%;-webkit-transform: matrix(0.9154,-0.4024,0.4024,0.9154,0,0);-webkit-transform-origin: 50% 57.4651891813079%;-ms-transform: matrix(0.9154,-0.4024,0.4024,0.9154,0,0);-ms-transform-origin: 50% 57.4651891813079%;top:6.9337%;margin-top:-6.7px;left:37.4256%;margin-left:-2.0139%;width:31px;">
			<p class="g-pstyle0">Creek</p>
		</div>
		<div id="g-ai0-2" class="g-labels g-aiAbs g-aiPointText" style="transform: matrix(0.8451,-0.5347,0.5347,0.8451,0,0);transform-origin: 50% 57.4651891813079%;-webkit-transform: matrix(0.8451,-0.5347,0.5347,0.8451,0,0);-webkit-transform-origin: 50% 57.4651891813079%;-ms-transform: matrix(0.8451,-0.5347,0.5347,0.8451,0,0);-ms-transform-origin: 50% 57.4651891813079%;top:11.4604%;margin-top:-6.7px;left:31.994%;margin-left:-2.7083%;width:41px;">
			<p class="g-pstyle0">Cypress</p>
		</div>
		<div id="g-ai0-3" class="g-labels g-aiAbs g-aiPointText" style="top:15.4728%;margin-top:-13.2px;left:74.2001%;margin-left:-2.9167%;width:44px;">
			<p class="g-pstyle1">Lake</p>
			<p class="g-pstyle1">Houston</p>
		</div>
		<div id="g-ai0-4" class="g-labels g-aiAbs g-aiPointText" style="top:45.5139%;margin-top:-14.2px;left:24.9083%;margin-left:-3.2639%;width:49px;">
			<p class="g-pstyle2">Addicks</p>
			<p class="g-pstyle2">Reservoir</p>
		</div>
		<div id="g-ai0-5" class="g-labels g-aiAbs g-aiPointText" style="top:53.1568%;margin-top:-11.3px;left:44.455%;margin-left:-11.5972%;width:169px;">
			<p class="g-pstyle3">HOUSTON</p>
		</div>
		<div id="g-ai0-6" class="g-labels g-aiAbs g-aiPointText" style="transform: matrix(0.9766,0.2149,-0.2149,0.9766,0,0);transform-origin: 50% 57.4651891813079%;-webkit-transform: matrix(0.9766,0.2149,-0.2149,0.9766,0,0);-webkit-transform-origin: 50% 57.4651891813079%;-ms-transform: matrix(0.9766,0.2149,-0.2149,0.9766,0,0);-ms-transform-origin: 50% 57.4651891813079%;top:55.9049%;margin-top:-6.7px;left:56.1619%;margin-left:-2.4306%;width:37px;">
			<p class="g-pstyle0">Buffalo</p>
		</div>
		<div id="g-ai0-7" class="g-labels g-aiAbs g-aiPointText" style="top:58.0654%;margin-top:-14.2px;left:18.3138%;margin-left:-3.2639%;width:49px;">
			<p class="g-pstyle2">Barker</p>
			<p class="g-pstyle2">Reservoir</p>
		</div>
		<div id="g-ai0-8" class="g-labels g-aiAbs g-aiPointText" style="transform: matrix(0.9933,0.1153,-0.1153,0.9933,0,0);transform-origin: 50% 57.4651891813079%;-webkit-transform: matrix(0.9933,0.1153,-0.1153,0.9933,0,0);-webkit-transform-origin: 50% 57.4651891813079%;-ms-transform: matrix(0.9933,0.1153,-0.1153,0.9933,0,0);-ms-transform-origin: 50% 57.4651891813079%;top:57.9625%;margin-top:-6.7px;left:62.5664%;margin-left:-2.1528%;width:33px;">
			<p class="g-pstyle0">Bayou</p>
		</div>
		<div id="g-ai0-9" class="g-labels g-aiAbs g-aiPointText" style="top:86.0489%;margin-top:-13.2px;left:95.7858%;margin-left:-3.4028%;width:51px;">
			<p class="g-pstyle1">Galveston</p>
			<p class="g-pstyle1">Bay</p>
		</div>
	</div>

	<!-- Artboard: 460 -->
	<div id="g-houston-rescue-map-460" class="g-artboard g-artboard-v3" data-min-width='460' data-max-width='719'>
		<img id="g-ai1-0" class="g-aiImg" data-src="https://static01.nyt.com/newsgraphics/2017/08/28/houston-maps/d864ede726708922ead4e602d03bc27cf4e9d150/houston-rescue-map-460.png" src="data:image/gif;base64,R0lGODlhCgAKAIAAAB8fHwAAACH5BAEAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw=="/>
		<div id="g-ai1-1" class="g-labels g-aiAbs g-aiPointText" style="top:20.0176%;margin-top:-10.2px;left:73.3742%;margin-left:-3.587%;width:35px;">
			<p class="g-pstyle0">Lake</p>
			<p class="g-pstyle0">Houston</p>
		</div>
		<div id="g-ai1-2" class="g-labels g-aiAbs g-aiPointText" style="top:45.7498%;margin-top:-11.1px;left:24.763%;margin-left:-4.1304%;width:40px;">
			<p class="g-pstyle1">Addicks</p>
			<p class="g-pstyle1">Reservoir</p>
		</div>
		<div id="g-ai1-3" class="g-labels g-aiAbs g-aiPointText" style="top:56.3506%;margin-top:-9px;left:52.7462%;margin-left:-14.5652%;width:136px;">
			<p class="g-pstyle2">HOUSTON</p>
		</div>
		<div id="g-ai1-4" class="g-labels g-aiAbs g-aiPointText" style="top:58.31%;margin-top:-11.1px;left:18.1588%;margin-left:-4.1304%;width:40px;">
			<p class="g-pstyle1">Barker</p>
			<p class="g-pstyle1">Reservoir</p>
		</div>
		<div id="g-ai1-5" class="g-labels g-aiAbs g-aiPointText" style="top:87.3272%;margin-top:-10.2px;left:94.1582%;margin-left:-4.2391%;width:41px;">
			<p class="g-pstyle0">Galveston</p>
			<p class="g-pstyle0">Bay</p>
		</div>
	</div>

	<!-- Artboard: 300 -->
	<div id="g-houston-rescue-map-300" class="g-artboard g-artboard-v3" data-min-width='180' data-max-width='459'>
		<img id="g-ai2-0" class="g-aiImg" data-src="https://static01.nyt.com/newsgraphics/2017/08/28/houston-maps/d864ede726708922ead4e602d03bc27cf4e9d150/houston-rescue-map-300.png" src="data:image/gif;base64,R0lGODlhCgAKAIAAAB8fHwAAACH5BAEAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw=="/>
		<div id="g-ai2-1" class="g-labels g-aiAbs g-aiPointText" style="top:59.2563%;margin-top:-8.1px;left:52.6497%;margin-left:-21%;width:128px;">
			<p class="g-pstyle0">HOUSTON</p>
		</div>
	</div>

</div>

<!-- SCOOP JS -->
<!-- Generated by ai2html v0.65.4 - 2017-08-30 13:33 -->
<!-- ai file: houston-rescue-map.ai -->
<!-- preview: 2017-08-28-houston-maps -->
<!-- scoop: houston-maps-hurricane-harvey -->
<script type="text/javascript">
	(function (scriptEnvironment, nameSpace) {
		// only want one resizer on the page
		if (document.documentElement.className.indexOf(nameSpace + "resizer-v3-init") > -1) return;
		document.documentElement.className += " " + nameSpace + "resizer-v3-init";
		// require IE9+
		if (!("querySelector" in document)) return;
		function updateSize() {
			var elements = Array.prototype.slice.call(document.querySelectorAll("." + nameSpace + "artboard-v3[data-min-width]")),
					widthById = {};
			elements.forEach(function(el) {
				var parent = el.parentNode,
						width = widthById[parent.id] || Math.round(parent.getBoundingClientRect().width),
						minwidth = el.getAttribute("data-min-width"),
						maxwidth = el.getAttribute("data-max-width");
				if (parent.id) widthById[parent.id] = width; // only if parent.id is set
				if (+minwidth <= width && (+maxwidth >= width || maxwidth === null)) {
					var img = el.querySelector("." + nameSpace + "aiImg");
					if (img.getAttribute("data-src") && img.getAttribute("src") != img.getAttribute("data-src")) {
						img.setAttribute("src", img.getAttribute("data-src"));
					}
					el.style.display = "block";
				} else {
					el.style.display = "none";
				}
			});

			if (scriptEnvironment=="nyt") {
				try {
					if (window.parent && window.parent.$) {
						window.parent.$("body").trigger("resizedcontent", [window]);
					}
					document.documentElement.dispatchEvent(new Event("resizedcontent"));
					if (window.require && document.querySelector("meta[name=sourceApp]") && document.querySelector("meta[name=sourceApp]").content == "nyt-v5") {
						require(["foundation/main"], function() {
							require(["shared/interactive/instances/app-communicator"], function(AppCommunicator) {
								AppCommunicator.triggerResize();
							});
						});
					}
				} catch(e) { console.log(e); }
			}
		}

		updateSize();

		window.addEventListener('nyt:embed:load', updateSize); // for nyt vi compatibility
		document.addEventListener("DOMContentLoaded", updateSize);

		window.addEventListener("resize", throttle(updateSize, 200));

		// based on underscore.js
		function throttle(func, wait) {
			var _now = Date.now || function() { return +new Date(); },
					timeout = null, previous = 0;
			var run = function() {
					previous = _now();
					timeout = null;
					func();
			};
			return function() {
				var remaining = wait - (_now() - previous);
				if (remaining <= 0 || remaining > wait) {
					if (timeout) {
						clearTimeout(timeout);
					}
					run();
				} else if (!timeout) {
					timeout = setTimeout(run, remaining);
				}
			};
		}
	})("nyt", "g-");
</script>
 


<div class="g-asset-source">
  
  
  <span class="g-credit">Source: Google</span>
</div>


</div>


    </div>

    

    
      <div class="g-item g-subhed ">
    

      <h2>Thousands were in shelters.</h2>


    </div>

    

    
      <div class="g-item g-text dateline">
    

      <p class="g-body"><strong>UPDATED </strong>Aug. 31</p>


    </div>

    

    
      <div class="g-item g-text ">
    

      <p class="g-body">Shelter populations grew through Wednesday morning, with the George R. Brown Convention Center holding the most people by far. Others were in schools and churches that housed anywhere from a dozen to several hundred people.</p>


    </div>

    

    
      <div class="g-item g-graphic ">
    

      <div class="g-item-ai2html" style="">





<!-- SCOOP CSS -->
<!-- Generated by ai2html v0.65.5 - 2017-08-31 17:10 -->
<!-- ai file: shelters-pop-houston.ai -->
<!-- preview: 2017-08-28-houston-maps -->
<!-- scoop: houston-maps-hurricane-harvey -->
<style type='text/css' media='screen,print'>
	#g-shelters-pop-houston-box {
		max-width:1050px;
	}
	#g-shelters-pop-houston-box .g-artboard {
		margin:0 auto;
	}
	#g-shelters-pop-houston-box .g-artboard p {
		margin:0;
	}
	.g-aiAbs {
		position:absolute;
	}
	.g-aiImg {
		display:block;
		width:100% !important;
	}
	.g-aiPointText p { white-space: nowrap; }
	#g-shelters-pop-houston-Artboard_2 {
		position:relative;
		overflow:hidden;
	}
	#g-shelters-pop-houston-Artboard_2 p {
		font-family:nyt-franklin,arial,helvetica,sans-serif;
		font-weight:500;
		font-size:16px;
		line-height:18px;
		filter:alpha(opacity=100);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity:1;
		letter-spacing:0em;
		text-align:left;
		color:rgb(0,0,0);
		text-transform:none;
		padding-bottom:0;
		padding-top:0;
		mix-blend-mode:normal;
		font-style:normal;
	}
	#g-shelters-pop-houston-Artboard_2 .g-pstyle0 {
		filter:alpha(opacity=80);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		opacity:0.8;
	}
	#g-shelters-pop-houston-Artboard_2 .g-pstyle1 {
		font-weight:700;
		filter:alpha(opacity=80);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		opacity:0.8;
	}
	#g-shelters-pop-houston-Artboard_2 .g-pstyle2 {
		font-size:21px;
		line-height:25px;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		letter-spacing:0.7em;
		text-align:center;
	}
	#g-shelters-pop-houston-Artboard_2 .g-pstyle3 {
		filter:alpha(opacity=80);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		opacity:0.8;
		text-align:right;
	}
	#g-shelters-pop-houston-Artboard_2 .g-pstyle4 {
		font-weight:700;
		filter:alpha(opacity=80);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		opacity:0.8;
		text-align:right;
	}
	#g-shelters-pop-houston-Artboard_2 .g-pstyle5 {
		font-weight:300;
		font-size:12px;
		line-height:14px;
		filter:alpha(opacity=60);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
		opacity:0.6;
	}
	#g-shelters-pop-houston-Artboard_4 {
		position:relative;
		overflow:hidden;
	}
	#g-shelters-pop-houston-Artboard_4 p {
		font-family:nyt-franklin,arial,helvetica,sans-serif;
		font-weight:500;
		font-size:16px;
		line-height:18px;
		filter:alpha(opacity=100);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity:1;
		letter-spacing:0em;
		text-align:left;
		color:rgb(0,0,0);
		text-transform:none;
		padding-bottom:0;
		padding-top:0;
		mix-blend-mode:normal;
		font-style:normal;
	}
	#g-shelters-pop-houston-Artboard_4 .g-pstyle0 {
		filter:alpha(opacity=80);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		opacity:0.8;
	}
	#g-shelters-pop-houston-Artboard_4 .g-pstyle1 {
		font-weight:700;
		filter:alpha(opacity=80);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		opacity:0.8;
	}
	#g-shelters-pop-houston-Artboard_4 .g-pstyle2 {
		font-size:18px;
		line-height:22px;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		letter-spacing:0.5em;
		text-align:center;
	}
	#g-shelters-pop-houston-Artboard_4 .g-pstyle3 {
		filter:alpha(opacity=80);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		opacity:0.8;
		text-align:right;
	}
	#g-shelters-pop-houston-Artboard_4 .g-pstyle4 {
		font-weight:700;
		filter:alpha(opacity=80);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		opacity:0.8;
		text-align:right;
	}
	#g-shelters-pop-houston-Artboard_4 .g-pstyle5 {
		font-weight:300;
		font-size:12px;
		line-height:14px;
		filter:alpha(opacity=60);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
		opacity:0.6;
	}
	#g-shelters-pop-houston-Artboard_5 {
		position:relative;
		overflow:hidden;
	}
	#g-shelters-pop-houston-Artboard_5 p {
		font-family:nyt-franklin,arial,helvetica,sans-serif;
		font-weight:500;
		font-size:14px;
		line-height:16px;
		filter:alpha(opacity=100);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity:1;
		letter-spacing:0em;
		text-align:left;
		color:rgb(0,0,0);
		text-transform:none;
		padding-bottom:0;
		padding-top:0;
		mix-blend-mode:normal;
		font-style:normal;
	}
	#g-shelters-pop-houston-Artboard_5 .g-pstyle0 {
		font-size:16px;
		line-height:18px;
		filter:alpha(opacity=80);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		opacity:0.8;
	}
	#g-shelters-pop-houston-Artboard_5 .g-pstyle1 {
		font-weight:700;
		font-size:16px;
		line-height:18px;
		filter:alpha(opacity=80);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		opacity:0.8;
	}
	#g-shelters-pop-houston-Artboard_5 .g-pstyle2 {
		filter:alpha(opacity=80);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		opacity:0.8;
	}
	#g-shelters-pop-houston-Artboard_5 .g-pstyle3 {
		font-weight:700;
		filter:alpha(opacity=80);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		opacity:0.8;
	}
	#g-shelters-pop-houston-Artboard_5 .g-pstyle4 {
		font-size:18px;
		line-height:22px;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		letter-spacing:0.5em;
		text-align:center;
	}
	#g-shelters-pop-houston-Artboard_5 .g-pstyle5 {
		filter:alpha(opacity=80);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		opacity:0.8;
		text-align:right;
	}
	#g-shelters-pop-houston-Artboard_5 .g-pstyle6 {
		font-weight:700;
		filter:alpha(opacity=80);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		opacity:0.8;
		text-align:right;
	}
	#g-shelters-pop-houston-Artboard_5 .g-pstyle7 {
		font-weight:300;
		font-size:12px;
		line-height:14px;
		filter:alpha(opacity=60);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
		opacity:0.6;
	}
	#g-shelters-pop-houston-Artboard_6 {
		position:relative;
		overflow:hidden;
	}
	#g-shelters-pop-houston-Artboard_6 p {
		font-family:nyt-franklin,arial,helvetica,sans-serif;
		font-weight:500;
		font-size:16px;
		line-height:18px;
		filter:alpha(opacity=100);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity:1;
		letter-spacing:0em;
		text-align:left;
		color:rgb(0,0,0);
		text-transform:none;
		padding-bottom:0;
		padding-top:0;
		mix-blend-mode:normal;
		font-style:normal;
	}
	#g-shelters-pop-houston-Artboard_6 .g-pstyle0 {
		filter:alpha(opacity=80);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		opacity:0.8;
	}
	#g-shelters-pop-houston-Artboard_6 .g-pstyle1 {
		font-weight:700;
		filter:alpha(opacity=80);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		opacity:0.8;
	}
	#g-shelters-pop-houston-Artboard_6 .g-pstyle2 {
		font-size:21px;
		line-height:25px;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		letter-spacing:0.7em;
		text-align:center;
	}
	#g-shelters-pop-houston-Artboard_6 .g-pstyle3 {
		filter:alpha(opacity=80);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		opacity:0.8;
		text-align:right;
	}
	#g-shelters-pop-houston-Artboard_6 .g-pstyle4 {
		font-weight:700;
		filter:alpha(opacity=80);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		opacity:0.8;
		text-align:right;
	}
	#g-shelters-pop-houston-Artboard_6 .g-pstyle5 {
		font-weight:300;
		font-style:italic;
		font-size:12px;
		line-height:13px;
		mix-blend-mode:multiply;
		text-align:center;
		color:rgb(155,184,215);
	}
	#g-shelters-pop-houston-Artboard_6 .g-pstyle6 {
		font-weight:300;
		font-size:12px;
		line-height:14px;
		filter:alpha(opacity=60);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
		opacity:0.6;
	}

		/* Custom CSS */
				.g-nytg-scale {
		    padding-bottom: 1px;
		    border-bottom: 1px solid rgba(0,0,0,0.6);
		}


</style>

<!-- SCOOP HTML -->
<!-- Generated by ai2html v0.65.5 - 2017-08-31 17:10 -->
<!-- ai file: shelters-pop-houston.ai -->
<!-- preview: 2017-08-28-houston-maps -->
<!-- scoop: houston-maps-hurricane-harvey -->
<div id="g-shelters-pop-houston-box" class="ai2html">

	<!-- Artboard: Artboard_2 -->
	<div id="g-shelters-pop-houston-Artboard_2" class="g-artboard g-artboard-v3" data-min-width='720' data-max-width='1049'>
		<img id="g-ai0-0" class="g-aiImg" data-src="https://static01.nyt.com/newsgraphics/2017/08/28/houston-maps/d864ede726708922ead4e602d03bc27cf4e9d150/shelters-pop-houston-Artboard_2.png" src="data:image/gif;base64,R0lGODlhCgAKAIAAAB8fHwAAACH5BAEAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw=="/>
		<div id="g-ai0-1" class="g-text g-aiAbs g-aiPointText" style="bottom:76.7404%;left:26.491%;width:103px;">
			<p class="g-pstyle0">Cypress Ranch</p>
			<p class="g-pstyle0">High School</p>
			<p class="g-pstyle1">1,000 people</p>
		</div>
		<div id="g-ai0-2" class="g-text g-aiAbs g-aiPointText" style="top:33.4527%;margin-top:-18.3px;left:63.13%;width:222px;">
			<p class="g-pstyle0">M.O. Campbell Education Center</p>
			<p class="g-pstyle1">2,000 people</p>
		</div>
		<div id="g-ai0-3" class="g-text g-aiAbs g-aiPointText" style="top:45.3798%;margin-top:-12.9px;left:51.791%;margin-left:-13.5417%;width:197px;">
			<p class="g-pstyle2">HOUSTON</p>
		</div>
		<div id="g-ai0-4" class="g-text g-aiAbs g-aiPointText" style="bottom:37.2877%;left:70.7902%;width:135px;">
			<p class="g-pstyle0">Bay Harbour United</p>
			<p class="g-pstyle0">Methodist Church</p>
			<p class="g-pstyle1">505 people</p>
		</div>
		<div id="g-ai0-5" class="g-text g-aiAbs g-aiPointText" style="top:56.8528%;margin-top:-18.3px;right:55.7707%;width:246px;">
			<p class="g-pstyle3">George R. Brown Convention Center</p>
			<p class="g-pstyle4">7,550 people</p>
		</div>
		<div id="g-ai0-6" class="g-nytg-scale g-aiAbs" style="top:92.8%;left:2.7778%;width:9.4444%;">
			<p class="g-pstyle5">10 MILES</p>
		</div>
	</div>

	<!-- Artboard: Artboard_4 -->
	<div id="g-shelters-pop-houston-Artboard_4" class="g-artboard g-artboard-v3" data-min-width='460' data-max-width='719'>
		<img id="g-ai1-0" class="g-aiImg" data-src="https://static01.nyt.com/newsgraphics/2017/08/28/houston-maps/d864ede726708922ead4e602d03bc27cf4e9d150/shelters-pop-houston-Artboard_4.png" src="data:image/gif;base64,R0lGODlhCgAKAIAAAB8fHwAAACH5BAEAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw=="/>
		<div id="g-ai1-1" class="g-text g-aiAbs g-aiPointText" style="bottom:81.116%;left:51.2945%;width:118px;">
			<p class="g-pstyle0">M.O. Campbell</p>
			<p class="g-pstyle0">Education Center</p>
			<p class="g-pstyle1">2,000 people</p>
		</div>
		<div id="g-ai1-2" class="g-text g-aiAbs g-aiPointText" style="bottom:77.9253%;left:20.0793%;width:103px;">
			<p class="g-pstyle0">Cypress Ranch</p>
			<p class="g-pstyle0">High School</p>
			<p class="g-pstyle1">1,000 people</p>
		</div>
		<div id="g-ai1-3" class="g-text g-aiAbs g-aiPointText" style="bottom:39.2529%;left:69.9286%;width:139px;">
			<p class="g-pstyle0">Bay Harbour United </p>
			<p class="g-pstyle0">Methodist Church</p>
			<p class="g-pstyle1">505 people</p>
		</div>
		<div id="g-ai1-4" class="g-text g-aiAbs g-aiPointText" style="top:55.0951%;margin-top:-11.3px;left:49.3422%;margin-left:-15.4348%;width:144px;">
			<p class="g-pstyle2">HOUSTON</p>
		</div>
		<div id="g-ai1-5" class="g-text g-aiAbs g-aiPointText" style="top:79.7956%;margin-top:-27.3px;right:40.5988%;width:128px;">
			<p class="g-pstyle3">George R. Brown</p>
			<p class="g-pstyle3">Convention Center</p>
			<p class="g-pstyle4">7,550  people</p>
		</div>
		<div id="g-ai1-6" class="g-nytg-scale g-aiAbs" style="top:91.6667%;left:4.3478%;width:21.7391%;">
			<p class="g-pstyle5">10 MILES</p>
		</div>
	</div>

	<!-- Artboard: Artboard_5 -->
	<div id="g-shelters-pop-houston-Artboard_5" class="g-artboard g-artboard-v3" data-min-width='300' data-max-width='459'>
		<img id="g-ai2-0" class="g-aiImg" data-src="https://static01.nyt.com/newsgraphics/2017/08/28/houston-maps/d864ede726708922ead4e602d03bc27cf4e9d150/shelters-pop-houston-Artboard_5.png" src="data:image/gif;base64,R0lGODlhCgAKAIAAAB8fHwAAACH5BAEAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw=="/>
		<div id="g-ai2-1" class="g-text g-aiAbs g-aiPointText" style="bottom:75.6605%;left:11.8905%;width:103px;">
			<p class="g-pstyle0">Cypress Ranch</p>
			<p class="g-pstyle0">High School</p>
			<p class="g-pstyle1">1,000 people</p>
		</div>
		<div id="g-ai2-2" class="g-text g-aiAbs g-aiPointText" style="bottom:76.3978%;left:53.5862%;width:104px;">
			<p class="g-pstyle2">M.O. Campbell </p>
			<p class="g-pstyle2">Education Center</p>
			<p class="g-pstyle3">2,000 people</p>
		</div>
		<div id="g-ai2-3" class="g-text g-aiAbs g-aiPointText" style="top:46.7807%;margin-top:-11.3px;left:50.8287%;margin-left:-23.6667%;width:144px;">
			<p class="g-pstyle4">HOUSTON</p>
		</div>
		<div id="g-ai2-4" class="g-text g-aiAbs g-aiPointText" style="top:78.7437%;margin-top:-24.2px;right:39.1765%;width:112px;">
			<p class="g-pstyle5">George R. Brown</p>
			<p class="g-pstyle5">Convention Center</p>
			<p class="g-pstyle6">7,550  people</p>
		</div>
		<div id="g-ai2-5" class="g-nytg-scale g-aiAbs" style="top:89%;left:6.7693%;width:22.3333%;">
			<p class="g-pstyle7">10 MILES</p>
		</div>
	</div>

	<!-- Artboard: Artboard_6 -->
	<div id="g-shelters-pop-houston-Artboard_6" class="g-artboard g-artboard-v3" data-min-width='1050'>
		<img id="g-ai3-0" class="g-aiImg" data-src="https://static01.nyt.com/newsgraphics/2017/08/28/houston-maps/d864ede726708922ead4e602d03bc27cf4e9d150/shelters-pop-houston-Artboard_6.png" src="data:image/gif;base64,R0lGODlhCgAKAIAAAB8fHwAAACH5BAEAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw=="/>
		<div id="g-ai3-1" class="g-text g-aiAbs g-aiPointText" style="bottom:76.1468%;left:27.43%;width:103px;">
			<p class="g-pstyle0">Cypress Ranch</p>
			<p class="g-pstyle0">High School</p>
			<p class="g-pstyle1">1,000 people</p>
		</div>
		<div id="g-ai3-2" class="g-text g-aiAbs g-aiPointText" style="top:33.0245%;margin-top:-18.3px;left:59.1578%;width:222px;">
			<p class="g-pstyle0">M.O. Campbell Education Center</p>
			<p class="g-pstyle1">2,000 people</p>
		</div>
		<div id="g-ai3-3" class="g-text g-aiAbs g-aiPointText" style="top:43.7163%;margin-top:-12.9px;left:51.5069%;margin-left:-9.2857%;width:197px;">
			<p class="g-pstyle2">HOUSTON</p>
		</div>
		<div id="g-ai3-4" class="g-text g-aiAbs g-aiPointText" style="top:55.8603%;margin-top:-18.3px;right:55.4803%;width:246px;">
			<p class="g-pstyle3">George R. Brown Convention Center</p>
			<p class="g-pstyle4">7,550 people</p>
		</div>
		<div id="g-ai3-5" class="g-text g-aiAbs g-aiPointText" style="bottom:34.9233%;left:69.3179%;width:259px;">
			<p class="g-pstyle0">Bay Harbour United Methodist Church</p>
			<p class="g-pstyle1">505 people</p>
		</div>
		<div id="g-ai3-6" class="g-text g-aiAbs g-aiPointText" style="top:78.2385%;margin-top:-13.2px;left:86.0614%;margin-left:-2.3333%;width:51px;">
			<p class="g-pstyle5">Galveston</p>
			<p class="g-pstyle5">Bay</p>
		</div>
		<div id="g-ai3-7" class="g-nytg-scale g-aiAbs" style="top:93.1343%;left:2.8571%;width:9.2381%;">
			<p class="g-pstyle6">10 MILES</p>
		</div>
	</div>

</div>

<!-- SCOOP JS -->
<!-- Generated by ai2html v0.65.5 - 2017-08-31 17:10 -->
<!-- ai file: shelters-pop-houston.ai -->
<!-- preview: 2017-08-28-houston-maps -->
<!-- scoop: houston-maps-hurricane-harvey -->
<script type="text/javascript">
	(function (scriptEnvironment, nameSpace) {
		// only want one resizer on the page
		if (document.documentElement.className.indexOf(nameSpace + "resizer-v3-init") > -1) return;
		document.documentElement.className += " " + nameSpace + "resizer-v3-init";
		// require IE9+
		if (!("querySelector" in document)) return;
		function updateSize() {
			var elements = Array.prototype.slice.call(document.querySelectorAll("." + nameSpace + "artboard-v3[data-min-width]")),
					widthById = {};
			elements.forEach(function(el) {
				var parent = el.parentNode,
						width = widthById[parent.id] || Math.round(parent.getBoundingClientRect().width),
						minwidth = el.getAttribute("data-min-width"),
						maxwidth = el.getAttribute("data-max-width");
				if (parent.id) widthById[parent.id] = width; // only if parent.id is set
				if (+minwidth <= width && (+maxwidth >= width || maxwidth === null)) {
					var img = el.querySelector("." + nameSpace + "aiImg");
					if (img.getAttribute("data-src") && img.getAttribute("src") != img.getAttribute("data-src")) {
						img.setAttribute("src", img.getAttribute("data-src"));
					}
					el.style.display = "block";
				} else {
					el.style.display = "none";
				}
			});

			if (scriptEnvironment=="nyt") {
				try {
					if (window.parent && window.parent.$) {
						window.parent.$("body").trigger("resizedcontent", [window]);
					}
					document.documentElement.dispatchEvent(new Event("resizedcontent"));
					if (window.require && document.querySelector("meta[name=sourceApp]") && document.querySelector("meta[name=sourceApp]").content == "nyt-v5") {
						require(["foundation/main"], function() {
							require(["shared/interactive/instances/app-communicator"], function(AppCommunicator) {
								AppCommunicator.triggerResize();
							});
						});
					}
				} catch(e) { console.log(e); }
			}
		}

		updateSize();

		window.addEventListener('nyt:embed:load', updateSize); // for nyt vi compatibility
		document.addEventListener("DOMContentLoaded", updateSize);

		window.addEventListener("resize", throttle(updateSize, 200));

		// based on underscore.js
		function throttle(func, wait) {
			var _now = Date.now || function() { return +new Date(); },
					timeout = null, previous = 0;
			var run = function() {
					previous = _now();
					timeout = null;
					func();
			};
			return function() {
				var remaining = wait - (_now() - previous);
				if (remaining <= 0 || remaining > wait) {
					if (timeout) {
						clearTimeout(timeout);
					}
					run();
				} else if (!timeout) {
					timeout = setTimeout(run, remaining);
				}
			};
		}
	})("nyt", "g-");
</script>
 


<div class="g-asset-source">
  
  
  <span class="g-credit">Source: Texas Department of Public Safety</span>
</div>


</div>


    </div>

    

    
      <div class="g-item g-ad ">
    

      <div class="g-ad-wrapper"></div>


    </div>

    

    
      <div class="g-item g-subhed ">
    

      <h2>Water channels throughout the city overflowed.</h2>


    </div>

    

    
      <div class="g-item g-text dateline">
    

      <p class="g-body"><strong>PUBLISHED </strong>Aug. 28</p>


    </div>

    

    
      <div class="g-item g-text ">
    

      <p class="g-body">Many of the bayous, flood channels and rivers around the city were well above the top of the water bank as of 4 p.m. Central time on Monday.</p>


    </div>

    

    
      <div class="g-item g-graphic ">
    

      <div class="g-item-ai2html" style="">




  <div class="g-map-key">
    
      <div class="g-key-row "><span class="g-key-circle" style="background-color:#cc0000;"></span><p>Overflowed</p></div>
    
      <div class="g-key-row "><span class="g-key-circle" style="background-color:#ff7900;"></span><p>Nearly overflowed</p></div>
    
      <div class="g-key-row "><span class="g-key-circle" style="background-color:#a0a0a0;"></span><p>Contained</p></div>
    
  </div>


<!-- SCOOP CSS -->
<!-- Generated by ai2html v0.65.4 - 2017-08-30 13:18 -->
<!-- ai file: gauges-3.ai -->
<!-- preview: 2017-08-28-houston-maps -->
<!-- scoop: houston-maps-hurricane-harvey -->
<style type='text/css' media='screen,print'>
	#g-gauges-3-box .g-artboard {
		margin:0 auto;
	}
	#g-gauges-3-box .g-artboard p {
		margin:0;
	}
	.g-aiAbs {
		position:absolute;
	}
	.g-aiImg {
		display:block;
		width:100% !important;
	}
	.g-aiPointText p { white-space: nowrap; }
	#g-gauges-3-desktop-small {
		position:relative;
		overflow:hidden;
	}
	#g-gauges-3-desktop-small p {
		font-family:nyt-franklin,arial,helvetica,sans-serif;
		font-weight:300;
		font-style:normal;
		font-size:12px;
		line-height:14px;
		filter:alpha(opacity=100);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity:1;
		letter-spacing:0em;
		text-align:left;
		color:rgb(0,0,0);
		text-transform:none;
		padding-bottom:0;
		padding-top:0;
		mix-blend-mode:normal;
	}
	#g-gauges-3-desktop-small .g-pstyle0 {
		font-style:italic;
		line-height:13px;
		mix-blend-mode:multiply;
		text-align:center;
		color:rgb(155,184,215);
	}
	#g-gauges-3-desktop-small .g-pstyle1 {
		font-weight:500;
		font-size:18px;
		line-height:22px;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		letter-spacing:0.7em;
		text-align:center;
	}
	#g-gauges-3-desktop-small .g-pstyle2 {
		font-style:italic;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		text-align:center;
	}
	#g-gauges-3-desktop-small .g-pstyle3 {
		filter:alpha(opacity=60);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
		opacity:0.6;
	}
	#g-gauges-3-tablet {
		position:relative;
		overflow:hidden;
	}
	#g-gauges-3-tablet p {
		font-family:nyt-franklin,arial,helvetica,sans-serif;
		font-weight:300;
		font-style:normal;
		font-size:12px;
		line-height:14px;
		filter:alpha(opacity=100);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity:1;
		letter-spacing:0em;
		text-align:left;
		color:rgb(0,0,0);
		text-transform:none;
		padding-bottom:0;
		padding-top:0;
		mix-blend-mode:normal;
	}
	#g-gauges-3-tablet .g-pstyle0 {
		font-style:italic;
		line-height:13px;
		mix-blend-mode:multiply;
		text-align:center;
		color:rgb(155,184,215);
	}
	#g-gauges-3-tablet .g-pstyle1 {
		font-weight:500;
		font-size:18px;
		line-height:22px;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		letter-spacing:0.7em;
		text-align:center;
	}
	#g-gauges-3-tablet .g-pstyle2 {
		font-style:italic;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		text-align:center;
	}
	#g-gauges-3-tablet .g-pstyle3 {
		filter:alpha(opacity=60);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
		opacity:0.6;
	}
	#g-gauges-3-mobile {
		position:relative;
		overflow:hidden;
	}
	#g-gauges-3-mobile p {
		font-family:nyt-franklin,arial,helvetica,sans-serif;
		font-weight:300;
		font-size:12px;
		line-height:14px;
		filter:alpha(opacity=100);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity:1;
		letter-spacing:0em;
		text-align:left;
		color:rgb(0,0,0);
		text-transform:none;
		padding-bottom:0;
		padding-top:0;
		mix-blend-mode:normal;
		font-style:normal;
	}
	#g-gauges-3-mobile .g-pstyle0 {
		font-weight:500;
		font-size:18px;
		line-height:22px;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		letter-spacing:0.7em;
		text-align:center;
	}
	#g-gauges-3-mobile .g-pstyle1 {
		filter:alpha(opacity=60);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
		opacity:0.6;
	}
	#g-gauges-3-desktop-large {
		position:relative;
		overflow:hidden;
	}
	#g-gauges-3-desktop-large p {
		font-family:nyt-franklin,arial,helvetica,sans-serif;
		font-weight:300;
		font-style:normal;
		font-size:12px;
		line-height:14px;
		filter:alpha(opacity=100);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity:1;
		letter-spacing:0em;
		text-align:left;
		color:rgb(0,0,0);
		text-transform:none;
		padding-bottom:0;
		padding-top:0;
		mix-blend-mode:normal;
	}
	#g-gauges-3-desktop-large .g-pstyle0 {
		font-style:italic;
		line-height:13px;
		mix-blend-mode:multiply;
		text-align:center;
		color:rgb(155,184,215);
	}
	#g-gauges-3-desktop-large .g-pstyle1 {
		font-weight:500;
		font-size:18px;
		line-height:22px;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		letter-spacing:0.7em;
		text-align:center;
	}
	#g-gauges-3-desktop-large .g-pstyle2 {
		font-style:italic;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		text-align:center;
	}
	#g-gauges-3-desktop-large .g-pstyle3 {
		filter:alpha(opacity=60);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
		opacity:0.6;
	}

		/* Custom CSS */
				.g-nytg-scale {
		    padding-bottom: 1px;
		    border-bottom: 1px solid rgba(0,0,0,0.6);
		}


</style>

<!-- SCOOP HTML -->
<!-- Generated by ai2html v0.65.4 - 2017-08-30 13:18 -->
<!-- ai file: gauges-3.ai -->
<!-- preview: 2017-08-28-houston-maps -->
<!-- scoop: houston-maps-hurricane-harvey -->
<div id="g-gauges-3-box" class="ai2html">

	<!-- Artboard: desktop-small -->
	<div id="g-gauges-3-desktop-small" class="g-artboard g-artboard-v3" data-min-width='720' data-max-width='720'>
		<img id="g-ai0-0" class="g-aiImg" data-src="https://static01.nyt.com/newsgraphics/2017/08/28/houston-maps/d864ede726708922ead4e602d03bc27cf4e9d150/gauges-3-desktop-small.jpg" src="data:image/gif;base64,R0lGODlhCgAKAIAAAB8fHwAAACH5BAEAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw=="/>
		<div id="g-ai0-1" class="g-labels g-aiAbs g-aiPointText" style="top:10.3903%;margin-top:-13.2px;left:73.3035%;margin-left:-2.9167%;width:44px;">
			<p class="g-pstyle0">Lake</p>
			<p class="g-pstyle0">Houston</p>
		</div>
		<div id="g-ai0-2" class="g-labels g-aiAbs g-aiPointText" style="top:40.3085%;margin-top:-11.3px;left:51.892%;margin-left:-11.5972%;width:169px;">
			<p class="g-pstyle1">HOUSTON</p>
		</div>
		<div id="g-ai0-3" class="g-labels g-aiAbs g-aiPointText" style="top:43.9535%;margin-top:-14.2px;left:24.0118%;margin-left:-3.2639%;width:49px;">
			<p class="g-pstyle2">Addicks</p>
			<p class="g-pstyle2">Reservoir</p>
		</div>
		<div id="g-ai0-4" class="g-labels g-aiAbs g-aiPointText" style="top:57.9765%;margin-top:-14.2px;left:17.4173%;margin-left:-3.2639%;width:49px;">
			<p class="g-pstyle2">Barker</p>
			<p class="g-pstyle2">Reservoir</p>
		</div>
		<div id="g-ai0-5" class="g-labels g-aiAbs g-aiPointText" style="top:89.2409%;margin-top:-13.2px;left:94.8893%;margin-left:-3.4028%;width:51px;">
			<p class="g-pstyle0">Galveston</p>
			<p class="g-pstyle0">Bay</p>
		</div>
		<div id="g-ai0-6" class="g-nytg-scale g-aiAbs" style="top:91.7241%;left:2.7778%;width:17.0833%;">
			<p class="g-pstyle3">10 MILES</p>
		</div>
	</div>

	<!-- Artboard: tablet -->
	<div id="g-gauges-3-tablet" class="g-artboard g-artboard-v3" data-min-width='460' data-max-width='719'>
		<img id="g-ai1-0" class="g-aiImg" data-src="https://static01.nyt.com/newsgraphics/2017/08/28/houston-maps/d864ede726708922ead4e602d03bc27cf4e9d150/gauges-3-tablet.jpg" src="data:image/gif;base64,R0lGODlhCgAKAIAAAB8fHwAAACH5BAEAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw=="/>
		<div id="g-ai1-1" class="g-labels g-aiAbs g-aiPointText" style="top:10.2022%;margin-top:-13.2px;left:78.5078%;margin-left:-4.5652%;width:44px;">
			<p class="g-pstyle0">Lake</p>
			<p class="g-pstyle0">Houston</p>
		</div>
		<div id="g-ai1-2" class="g-labels g-aiAbs g-aiPointText" style="top:37.4905%;margin-top:-11.3px;left:50.3938%;margin-left:-18.1522%;width:169px;">
			<p class="g-pstyle1">HOUSTON</p>
		</div>
		<div id="g-ai1-3" class="g-labels g-aiAbs g-aiPointText" style="top:43.8254%;margin-top:-14.2px;left:16.7727%;margin-left:-5.1087%;width:49px;">
			<p class="g-pstyle2">Addicks</p>
			<p class="g-pstyle2">Reservoir</p>
		</div>
		<div id="g-ai1-4" class="g-labels g-aiAbs g-aiPointText" style="top:58.0283%;margin-top:-14.2px;left:8.5152%;margin-left:-5.1087%;width:49px;">
			<p class="g-pstyle2">Barker</p>
			<p class="g-pstyle2">Reservoir</p>
		</div>
		<div id="g-ai1-5" class="g-nytg-scale g-aiAbs" style="top:88.9855%;left:4.3341%;width:21.5217%;">
			<p class="g-pstyle3">10 MILES</p>
		</div>
	</div>

	<!-- Artboard: mobile -->
	<div id="g-gauges-3-mobile" class="g-artboard g-artboard-v3" data-min-width='180' data-max-width='459'>
		<img id="g-ai2-0" class="g-aiImg" data-src="https://static01.nyt.com/newsgraphics/2017/08/28/houston-maps/d864ede726708922ead4e602d03bc27cf4e9d150/gauges-3-mobile.jpg" src="data:image/gif;base64,R0lGODlhCgAKAIAAAB8fHwAAACH5BAEAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw=="/>
		<div id="g-ai2-1" class="g-labels g-aiAbs g-aiPointText" style="top:43.7824%;margin-top:-11.3px;left:47.6732%;margin-left:-27.8333%;width:169px;">
			<p class="g-pstyle0">HOUSTON</p>
		</div>
		<div id="g-ai2-2" class="g-nytg-scale g-aiAbs" style="top:89.0845%;left:6.6667%;width:23%;">
			<p class="g-pstyle1">10 MILES</p>
		</div>
	</div>

	<!-- Artboard: desktop-large -->
	<div id="g-gauges-3-desktop-large" class="g-artboard g-artboard-v3" data-min-width='721'>
		<img id="g-ai3-0" class="g-aiImg" data-src="https://static01.nyt.com/newsgraphics/2017/08/28/houston-maps/d864ede726708922ead4e602d03bc27cf4e9d150/gauges-3-desktop-large.jpg" src="data:image/gif;base64,R0lGODlhCgAKAIAAAB8fHwAAACH5BAEAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw=="/>
		<div id="g-ai3-1" class="g-labels g-aiAbs g-aiPointText" style="top:15.8336%;margin-top:-13.2px;left:71.599%;margin-left:-2%;width:44px;">
			<p class="g-pstyle0">Lake</p>
			<p class="g-pstyle0">Houston</p>
		</div>
		<div id="g-ai3-2" class="g-labels g-aiAbs g-aiPointText" style="top:40.034%;margin-top:-11.3px;left:50.6828%;margin-left:-7.9524%;width:169px;">
			<p class="g-pstyle1">HOUSTON</p>
		</div>
		<div id="g-ai3-3" class="g-labels g-aiAbs g-aiPointText" style="top:43.1717%;margin-top:-14.2px;left:23.9234%;margin-left:-2.2381%;width:49px;">
			<p class="g-pstyle2">Addicks</p>
			<p class="g-pstyle2">Reservoir</p>
		</div>
		<div id="g-ai3-4" class="g-labels g-aiAbs g-aiPointText" style="top:58.658%;margin-top:-14.2px;left:17.1466%;margin-left:-2.2381%;width:49px;">
			<p class="g-pstyle2">Barker</p>
			<p class="g-pstyle2">Reservoir</p>
		</div>
		<div id="g-ai3-5" class="g-labels g-aiAbs g-aiPointText" style="top:92.1589%;margin-top:-13.2px;left:94.5525%;margin-left:-2.3333%;width:51px;">
			<p class="g-pstyle0">Galveston</p>
			<p class="g-pstyle0">Bay</p>
		</div>
		<div id="g-ai3-6" class="g-nytg-scale g-aiAbs" style="top:92.4437%;left:3.4751%;width:17.1429%;">
			<p class="g-pstyle3">10 MILES</p>
		</div>
	</div>

</div>

<!-- SCOOP JS -->
<!-- Generated by ai2html v0.65.4 - 2017-08-30 13:18 -->
<!-- ai file: gauges-3.ai -->
<!-- preview: 2017-08-28-houston-maps -->
<!-- scoop: houston-maps-hurricane-harvey -->
<script type="text/javascript">
	(function (scriptEnvironment, nameSpace) {
		// only want one resizer on the page
		if (document.documentElement.className.indexOf(nameSpace + "resizer-v3-init") > -1) return;
		document.documentElement.className += " " + nameSpace + "resizer-v3-init";
		// require IE9+
		if (!("querySelector" in document)) return;
		function updateSize() {
			var elements = Array.prototype.slice.call(document.querySelectorAll("." + nameSpace + "artboard-v3[data-min-width]")),
					widthById = {};
			elements.forEach(function(el) {
				var parent = el.parentNode,
						width = widthById[parent.id] || Math.round(parent.getBoundingClientRect().width),
						minwidth = el.getAttribute("data-min-width"),
						maxwidth = el.getAttribute("data-max-width");
				if (parent.id) widthById[parent.id] = width; // only if parent.id is set
				if (+minwidth <= width && (+maxwidth >= width || maxwidth === null)) {
					var img = el.querySelector("." + nameSpace + "aiImg");
					if (img.getAttribute("data-src") && img.getAttribute("src") != img.getAttribute("data-src")) {
						img.setAttribute("src", img.getAttribute("data-src"));
					}
					el.style.display = "block";
				} else {
					el.style.display = "none";
				}
			});

			if (scriptEnvironment=="nyt") {
				try {
					if (window.parent && window.parent.$) {
						window.parent.$("body").trigger("resizedcontent", [window]);
					}
					document.documentElement.dispatchEvent(new Event("resizedcontent"));
					if (window.require && document.querySelector("meta[name=sourceApp]") && document.querySelector("meta[name=sourceApp]").content == "nyt-v5") {
						require(["foundation/main"], function() {
							require(["shared/interactive/instances/app-communicator"], function(AppCommunicator) {
								AppCommunicator.triggerResize();
							});
						});
					}
				} catch(e) { console.log(e); }
			}
		}

		updateSize();

		window.addEventListener('nyt:embed:load', updateSize); // for nyt vi compatibility
		document.addEventListener("DOMContentLoaded", updateSize);

		window.addEventListener("resize", throttle(updateSize, 200));

		// based on underscore.js
		function throttle(func, wait) {
			var _now = Date.now || function() { return +new Date(); },
					timeout = null, previous = 0;
			var run = function() {
					previous = _now();
					timeout = null;
					func();
			};
			return function() {
				var remaining = wait - (_now() - previous);
				if (remaining <= 0 || remaining > wait) {
					if (timeout) {
						clearTimeout(timeout);
					}
					run();
				} else if (!timeout) {
					timeout = setTimeout(run, remaining);
				}
			};
		}
	})("nyt", "g-");
</script>
 


<div class="g-asset-source">
  
  
  <span class="g-credit">Source: Harris County Flood Control District</span>
</div>


</div>


    </div>

    

    
      <div class="g-item g-subhed ">
    

      <h2>Roadways flooded.</h2>


    </div>

    

    
      <div class="g-item g-text dateline">
    

      <p class="g-body"><strong>PUBLISHED </strong>Aug. 28</p>


    </div>

    

    
      <div class="g-item g-text ">
    

      <p class="g-body">Rising waters closed major roads, frontage lanes and exits.</p>


    </div>

    

    
      <div class="g-item g-graphic ">
    

      <div class="g-item-ai2html" style="">




  <div class="g-map-key">
    
      <div class="g-key-row "><span class="g-key-circle" style="background-color:#8056a8;"></span><p>High-water incidents</p></div>
    
  </div>


<!-- SCOOP CSS -->
<!-- Generated by ai2html v0.65.4 - 2017-08-30 13:17 -->
<!-- ai file: closures.ai -->
<!-- preview: 2017-08-28-houston-maps -->
<!-- scoop: houston-maps-hurricane-harvey -->
<style type='text/css' media='screen,print'>
	#g-closures-box .g-artboard {
		margin:0 auto;
	}
	#g-closures-box .g-artboard p {
		margin:0;
	}
	.g-aiAbs {
		position:absolute;
	}
	.g-aiImg {
		display:block;
		width:100% !important;
	}
	.g-aiPointText p { white-space: nowrap; }
	#g-closures-Artboard_1 {
		position:relative;
		overflow:hidden;
	}
	#g-closures-Artboard_1 p {
		font-family:nyt-franklin,arial,helvetica,sans-serif;
		font-weight:300;
		font-style:normal;
		font-size:12px;
		line-height:14px;
		filter:alpha(opacity=100);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity:1;
		letter-spacing:0em;
		text-align:left;
		color:rgb(0,0,0);
		text-transform:none;
		padding-bottom:0;
		padding-top:0;
		mix-blend-mode:normal;
	}
	#g-closures-Artboard_1 .g-pstyle0 {
		font-style:italic;
		line-height:13px;
		mix-blend-mode:multiply;
		text-align:center;
		color:rgb(155,184,215);
	}
	#g-closures-Artboard_1 .g-pstyle1 {
		font-weight:500;
		font-size:18px;
		line-height:22px;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		letter-spacing:0.7em;
		text-align:center;
	}
	#g-closures-Artboard_1 .g-pstyle2 {
		font-style:italic;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		text-align:center;
	}
	#g-closures-Artboard_1 .g-pstyle3 {
		filter:alpha(opacity=60);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
		opacity:0.6;
	}
	#g-closures-Artboard_3 {
		position:relative;
		overflow:hidden;
	}
	#g-closures-Artboard_3 p {
		font-family:nyt-franklin,arial,helvetica,sans-serif;
		font-weight:300;
		font-style:normal;
		font-size:12px;
		line-height:14px;
		filter:alpha(opacity=100);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity:1;
		letter-spacing:0em;
		text-align:left;
		color:rgb(0,0,0);
		text-transform:none;
		padding-bottom:0;
		padding-top:0;
		mix-blend-mode:normal;
	}
	#g-closures-Artboard_3 .g-pstyle0 {
		font-style:italic;
		line-height:13px;
		mix-blend-mode:multiply;
		text-align:center;
		color:rgb(155,184,215);
	}
	#g-closures-Artboard_3 .g-pstyle1 {
		font-weight:500;
		font-size:18px;
		line-height:22px;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		letter-spacing:0.7em;
		text-align:center;
	}
	#g-closures-Artboard_3 .g-pstyle2 {
		font-style:italic;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		text-align:center;
	}
	#g-closures-Artboard_3 .g-pstyle3 {
		filter:alpha(opacity=60);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
		opacity:0.6;
	}
	#g-closures-Artboard_5 {
		position:relative;
		overflow:hidden;
	}
	#g-closures-Artboard_5 p {
		font-family:nyt-franklin,arial,helvetica,sans-serif;
		font-weight:300;
		font-size:12px;
		line-height:14px;
		filter:alpha(opacity=100);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity:1;
		letter-spacing:0em;
		text-align:left;
		color:rgb(0,0,0);
		text-transform:none;
		padding-bottom:0;
		padding-top:0;
		mix-blend-mode:normal;
		font-style:normal;
	}
	#g-closures-Artboard_5 .g-pstyle0 {
		font-weight:500;
		font-size:18px;
		line-height:22px;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		letter-spacing:0.7em;
		text-align:center;
	}
	#g-closures-Artboard_5 .g-pstyle1 {
		filter:alpha(opacity=60);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
		opacity:0.6;
	}
	#g-closures-desktop-wide {
		position:relative;
		overflow:hidden;
	}
	#g-closures-desktop-wide p {
		font-family:nyt-franklin,arial,helvetica,sans-serif;
		font-weight:300;
		font-style:normal;
		font-size:12px;
		line-height:14px;
		filter:alpha(opacity=100);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity:1;
		letter-spacing:0em;
		text-align:left;
		color:rgb(0,0,0);
		text-transform:none;
		padding-bottom:0;
		padding-top:0;
		mix-blend-mode:normal;
	}
	#g-closures-desktop-wide .g-pstyle0 {
		font-style:italic;
		line-height:13px;
		mix-blend-mode:multiply;
		text-align:center;
		color:rgb(155,184,215);
	}
	#g-closures-desktop-wide .g-pstyle1 {
		font-weight:500;
		font-size:18px;
		line-height:22px;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		letter-spacing:0.7em;
		text-align:center;
	}
	#g-closures-desktop-wide .g-pstyle2 {
		font-style:italic;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		text-align:center;
	}
	#g-closures-desktop-wide .g-pstyle3 {
		filter:alpha(opacity=60);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
		opacity:0.6;
	}

		/* Custom CSS */
				.g-nytg-scale {
		    padding-bottom: 1px;
		    border-bottom: 1px solid rgba(0,0,0,0.6);
		}


</style>

<!-- SCOOP HTML -->
<!-- Generated by ai2html v0.65.4 - 2017-08-30 13:17 -->
<!-- ai file: closures.ai -->
<!-- preview: 2017-08-28-houston-maps -->
<!-- scoop: houston-maps-hurricane-harvey -->
<div id="g-closures-box" class="ai2html">

	<!-- Artboard: Artboard_1 -->
	<div id="g-closures-Artboard_1" class="g-artboard g-artboard-v3" data-min-width='720' data-max-width='720'>
		<img id="g-ai0-0" class="g-aiImg" data-src="https://static01.nyt.com/newsgraphics/2017/08/28/houston-maps/d864ede726708922ead4e602d03bc27cf4e9d150/closures-Artboard_1.jpg" src="data:image/gif;base64,R0lGODlhCgAKAIAAAB8fHwAAACH5BAEAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw=="/>
		<div id="g-ai0-1" class="g-labels g-aiAbs g-aiPointText" style="top:10.3903%;margin-top:-13.2px;left:73.3035%;margin-left:-2.9167%;width:44px;">
			<p class="g-pstyle0">Lake</p>
			<p class="g-pstyle0">Houston</p>
		</div>
		<div id="g-ai0-2" class="g-labels g-aiAbs g-aiPointText" style="top:38.0097%;margin-top:-11.3px;left:50.642%;margin-left:-11.5972%;width:169px;">
			<p class="g-pstyle1">HOUSTON</p>
		</div>
		<div id="g-ai0-3" class="g-labels g-aiAbs g-aiPointText" style="top:43.9535%;margin-top:-14.2px;left:24.0118%;margin-left:-3.2639%;width:49px;">
			<p class="g-pstyle2">Addicks</p>
			<p class="g-pstyle2">Reservoir</p>
		</div>
		<div id="g-ai0-4" class="g-labels g-aiAbs g-aiPointText" style="top:57.9765%;margin-top:-14.2px;left:17.4173%;margin-left:-3.2639%;width:49px;">
			<p class="g-pstyle2">Barker</p>
			<p class="g-pstyle2">Reservoir</p>
		</div>
		<div id="g-ai0-5" class="g-labels g-aiAbs g-aiPointText" style="top:89.2409%;margin-top:-13.2px;left:94.8893%;margin-left:-3.4028%;width:51px;">
			<p class="g-pstyle0">Galveston</p>
			<p class="g-pstyle0">Bay</p>
		</div>
		<div id="g-ai0-6" class="g-nytg-scale g-aiAbs" style="top:91.7241%;left:2.7778%;width:17.0833%;">
			<p class="g-pstyle3">10 MILES</p>
		</div>
	</div>

	<!-- Artboard: Artboard_3 -->
	<div id="g-closures-Artboard_3" class="g-artboard g-artboard-v3" data-min-width='460' data-max-width='719'>
		<img id="g-ai1-0" class="g-aiImg" data-src="https://static01.nyt.com/newsgraphics/2017/08/28/houston-maps/d864ede726708922ead4e602d03bc27cf4e9d150/closures-Artboard_3.jpg" src="data:image/gif;base64,R0lGODlhCgAKAIAAAB8fHwAAACH5BAEAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw=="/>
		<div id="g-ai1-1" class="g-labels g-aiAbs g-aiPointText" style="top:10.2022%;margin-top:-13.2px;left:78.5078%;margin-left:-4.5652%;width:44px;">
			<p class="g-pstyle0">Lake</p>
			<p class="g-pstyle0">Houston</p>
		</div>
		<div id="g-ai1-2" class="g-labels g-aiAbs g-aiPointText" style="top:37.4905%;margin-top:-11.3px;left:50.3938%;margin-left:-18.1522%;width:169px;">
			<p class="g-pstyle1">HOUSTON</p>
		</div>
		<div id="g-ai1-3" class="g-labels g-aiAbs g-aiPointText" style="top:43.8254%;margin-top:-14.2px;left:16.7727%;margin-left:-5.1087%;width:49px;">
			<p class="g-pstyle2">Addicks</p>
			<p class="g-pstyle2">Reservoir</p>
		</div>
		<div id="g-ai1-4" class="g-labels g-aiAbs g-aiPointText" style="top:58.0283%;margin-top:-14.2px;left:8.5152%;margin-left:-5.1087%;width:49px;">
			<p class="g-pstyle2">Barker</p>
			<p class="g-pstyle2">Reservoir</p>
		</div>
		<div id="g-ai1-5" class="g-nytg-scale g-aiAbs" style="top:88.9855%;left:4.3341%;width:21.5217%;">
			<p class="g-pstyle3">10 MILES</p>
		</div>
	</div>

	<!-- Artboard: Artboard_5 -->
	<div id="g-closures-Artboard_5" class="g-artboard g-artboard-v3" data-min-width='300' data-max-width='459'>
		<img id="g-ai2-0" class="g-aiImg" data-src="https://static01.nyt.com/newsgraphics/2017/08/28/houston-maps/d864ede726708922ead4e602d03bc27cf4e9d150/closures-Artboard_5.jpg" src="data:image/gif;base64,R0lGODlhCgAKAIAAAB8fHwAAACH5BAEAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw=="/>
		<div id="g-ai2-1" class="g-labels g-aiAbs g-aiPointText" style="top:45.8612%;margin-top:-11.3px;left:47.6732%;margin-left:-27.8333%;width:169px;">
			<p class="g-pstyle0">HOUSTON</p>
		</div>
		<div id="g-ai2-2" class="g-nytg-scale g-aiAbs" style="top:90.9091%;left:6.6667%;width:23%;">
			<p class="g-pstyle1">10 MILES</p>
		</div>
	</div>

	<!-- Artboard: desktop-wide -->
	<div id="g-closures-desktop-wide" class="g-artboard g-artboard-v3" data-min-width='721'>
		<img id="g-ai3-0" class="g-aiImg" data-src="https://static01.nyt.com/newsgraphics/2017/08/28/houston-maps/d864ede726708922ead4e602d03bc27cf4e9d150/closures-desktop-wide.jpg" src="data:image/gif;base64,R0lGODlhCgAKAIAAAB8fHwAAACH5BAEAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw=="/>
		<div id="g-ai3-1" class="g-labels g-aiAbs g-aiPointText" style="top:13.0265%;margin-top:-13.2px;left:72.7414%;margin-left:-2%;width:44px;">
			<p class="g-pstyle0">Lake</p>
			<p class="g-pstyle0">Houston</p>
		</div>
		<div id="g-ai3-2" class="g-labels g-aiAbs g-aiPointText" style="top:36.3458%;margin-top:-11.3px;left:49.3926%;margin-left:-7.9524%;width:169px;">
			<p class="g-pstyle1">HOUSTON</p>
		</div>
		<div id="g-ai3-3" class="g-labels g-aiAbs g-aiPointText" style="top:43.4545%;margin-top:-14.2px;left:24.37%;margin-left:-2.2381%;width:49px;">
			<p class="g-pstyle2">Addicks</p>
			<p class="g-pstyle2">Reservoir</p>
		</div>
		<div id="g-ai3-4" class="g-labels g-aiAbs g-aiPointText" style="top:57.0837%;margin-top:-14.2px;left:17.848%;margin-left:-2.2381%;width:49px;">
			<p class="g-pstyle2">Barker</p>
			<p class="g-pstyle2">Reservoir</p>
		</div>
		<div id="g-ai3-5" class="g-labels g-aiAbs g-aiPointText" style="top:89.7302%;margin-top:-13.2px;left:93.5432%;margin-left:-2.3333%;width:51px;">
			<p class="g-pstyle0">Galveston</p>
			<p class="g-pstyle0">Bay</p>
		</div>
		<div id="g-ai3-6" class="g-nytg-scale g-aiAbs" style="top:93.8193%;left:3.0476%;width:17.1429%;">
			<p class="g-pstyle3">10 MILES</p>
		</div>
	</div>

</div>

<!-- SCOOP JS -->
<!-- Generated by ai2html v0.65.4 - 2017-08-30 13:17 -->
<!-- ai file: closures.ai -->
<!-- preview: 2017-08-28-houston-maps -->
<!-- scoop: houston-maps-hurricane-harvey -->
<script type="text/javascript">
	(function (scriptEnvironment, nameSpace) {
		// only want one resizer on the page
		if (document.documentElement.className.indexOf(nameSpace + "resizer-v3-init") > -1) return;
		document.documentElement.className += " " + nameSpace + "resizer-v3-init";
		// require IE9+
		if (!("querySelector" in document)) return;
		function updateSize() {
			var elements = Array.prototype.slice.call(document.querySelectorAll("." + nameSpace + "artboard-v3[data-min-width]")),
					widthById = {};
			elements.forEach(function(el) {
				var parent = el.parentNode,
						width = widthById[parent.id] || Math.round(parent.getBoundingClientRect().width),
						minwidth = el.getAttribute("data-min-width"),
						maxwidth = el.getAttribute("data-max-width");
				if (parent.id) widthById[parent.id] = width; // only if parent.id is set
				if (+minwidth <= width && (+maxwidth >= width || maxwidth === null)) {
					var img = el.querySelector("." + nameSpace + "aiImg");
					if (img.getAttribute("data-src") && img.getAttribute("src") != img.getAttribute("data-src")) {
						img.setAttribute("src", img.getAttribute("data-src"));
					}
					el.style.display = "block";
				} else {
					el.style.display = "none";
				}
			});

			if (scriptEnvironment=="nyt") {
				try {
					if (window.parent && window.parent.$) {
						window.parent.$("body").trigger("resizedcontent", [window]);
					}
					document.documentElement.dispatchEvent(new Event("resizedcontent"));
					if (window.require && document.querySelector("meta[name=sourceApp]") && document.querySelector("meta[name=sourceApp]").content == "nyt-v5") {
						require(["foundation/main"], function() {
							require(["shared/interactive/instances/app-communicator"], function(AppCommunicator) {
								AppCommunicator.triggerResize();
							});
						});
					}
				} catch(e) { console.log(e); }
			}
		}

		updateSize();

		window.addEventListener('nyt:embed:load', updateSize); // for nyt vi compatibility
		document.addEventListener("DOMContentLoaded", updateSize);

		window.addEventListener("resize", throttle(updateSize, 200));

		// based on underscore.js
		function throttle(func, wait) {
			var _now = Date.now || function() { return +new Date(); },
					timeout = null, previous = 0;
			var run = function() {
					previous = _now();
					timeout = null;
					func();
			};
			return function() {
				var remaining = wait - (_now() - previous);
				if (remaining <= 0 || remaining > wait) {
					if (timeout) {
						clearTimeout(timeout);
					}
					run();
				} else if (!timeout) {
					timeout = setTimeout(run, remaining);
				}
			};
		}
	})("nyt", "g-");
</script>
 


<div class="g-asset-source">
  
  
  <span class="g-credit">Source: Houston TranStar, as of 3:15 p.m. Aug. 28.</span>
</div>


</div>


    </div>

    

    
      <div class="g-item g-subhed ">
    

      <h2>And infrastructure was shut down.</h2>


    </div>

    

    
      <div class="g-item g-text dateline">
    

      <p class="g-body"><strong>PUBLISHED </strong>Aug. 28</p>


    </div>

    

    
      <div class="g-item g-graphic ">
    

      <div class="g-item-ai2html" style="">





<!-- SCOOP CSS -->
<!-- Generated by ai2html v0.65.5 - 2017-08-28 18:54 -->
<!-- ai file: infrastructure.ai -->
<!-- preview: 2017-08-28-houston-maps -->
<!-- scoop: houston-maps-hurricane-harvey -->
<style type='text/css' media='screen,print'>
	#g-infrastructure-box .g-artboard {
		margin:0 auto;
	}
	#g-infrastructure-box .g-artboard p {
		margin:0;
	}
	.g-aiAbs {
		position:absolute;
	}
	.g-aiImg {
		display:block;
		width:100% !important;
	}
	.g-aiPointText p { white-space: nowrap; }
	#g-infrastructure-720 {
		position:relative;
		overflow:hidden;
	}
	#g-infrastructure-720 p {
		font-family:nyt-franklin,arial,helvetica,sans-serif;
		font-weight:300;
		font-size:14px;
		line-height:15px;
		filter:alpha(opacity=100);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity:1;
		letter-spacing:0em;
		text-align:left;
		color:rgb(0,0,0);
		text-transform:none;
		padding-bottom:0;
		padding-top:0;
		mix-blend-mode:normal;
		font-style:normal;
	}
	#g-infrastructure-720 .g-pstyle0 {
		text-align:right;
	}
	#g-infrastructure-720 .g-pstyle1 {
		font-size:9px;
		line-height:10px;
		text-align:center;
	}
	#g-infrastructure-720 .g-pstyle2 {
		font-style:italic;
		font-size:12px;
		line-height:13px;
		mix-blend-mode:multiply;
		text-align:center;
		color:rgb(155,184,215);
	}
	#g-infrastructure-720 .g-pstyle3 {
		font-weight:500;
		font-size:18px;
		line-height:22px;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		letter-spacing:0.7em;
		text-align:center;
	}
	#g-infrastructure-720 .g-pstyle4 {
		font-size:12px;
		line-height:14px;
		filter:alpha(opacity=60);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
		opacity:0.6;
	}
	#g-infrastructure-460 {
		position:relative;
		overflow:hidden;
	}
	#g-infrastructure-460 p {
		font-family:nyt-franklin,arial,helvetica,sans-serif;
		font-weight:300;
		font-size:14px;
		line-height:15px;
		filter:alpha(opacity=100);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity:1;
		letter-spacing:0em;
		text-align:left;
		color:rgb(0,0,0);
		text-transform:none;
		padding-bottom:0;
		padding-top:0;
		mix-blend-mode:normal;
		font-style:normal;
	}
	#g-infrastructure-460 .g-pstyle0 {
		text-align:right;
	}
	#g-infrastructure-460 .g-pstyle1 {
		font-size:8px;
		line-height:8px;
		text-align:center;
	}
	#g-infrastructure-460 .g-pstyle2 {
		font-style:italic;
		font-size:12px;
		line-height:13px;
		mix-blend-mode:multiply;
		text-align:center;
		color:rgb(155,184,215);
	}
	#g-infrastructure-460 .g-pstyle3 {
		font-weight:500;
		font-size:18px;
		line-height:22px;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		letter-spacing:0.7em;
		text-align:center;
	}
	#g-infrastructure-460 .g-pstyle4 {
		font-size:12px;
		line-height:14px;
		filter:alpha(opacity=60);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
		opacity:0.6;
	}
	#g-infrastructure-300 {
		position:relative;
		overflow:hidden;
	}
	#g-infrastructure-300 p {
		font-family:nyt-franklin,arial,helvetica,sans-serif;
		font-weight:300;
		font-size:14px;
		line-height:15px;
		filter:alpha(opacity=100);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity:1;
		letter-spacing:0em;
		text-align:left;
		color:rgb(0,0,0);
		text-transform:none;
		padding-bottom:0;
		padding-top:0;
		mix-blend-mode:normal;
		font-style:normal;
	}
	#g-infrastructure-300 .g-pstyle0 {
		text-align:right;
	}
	#g-infrastructure-300 .g-pstyle1 {
		font-size:5px;
		line-height:6px;
		text-align:center;
	}
	#g-infrastructure-300 .g-pstyle2 {
		font-weight:500;
		font-size:18px;
		line-height:22px;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		letter-spacing:0.7em;
		text-align:center;
	}
	#g-infrastructure-300 .g-pstyle3 {
		font-size:12px;
		line-height:14px;
		filter:alpha(opacity=60);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
		opacity:0.6;
	}

		/* Custom CSS */
				.g-nytg-scale {
		    padding-bottom: 1px;
		    border-bottom: 1px solid rgba(0,0,0,0.6);
		}


</style>

<!-- SCOOP HTML -->
<!-- Generated by ai2html v0.65.5 - 2017-08-28 18:54 -->
<!-- ai file: infrastructure.ai -->
<!-- preview: 2017-08-28-houston-maps -->
<!-- scoop: houston-maps-hurricane-harvey -->
<div id="g-infrastructure-box" class="ai2html">

	<!-- Artboard: 720 -->
	<div id="g-infrastructure-720" class="g-artboard g-artboard-v3" data-min-width='720'>
		<img id="g-ai0-0" class="g-aiImg" data-src="https://static01.nyt.com/newsgraphics/2017/08/28/houston-maps/d864ede726708922ead4e602d03bc27cf4e9d150/infrastructure-720.jpg" src="data:image/gif;base64,R0lGODlhCgAKAIAAAB8fHwAAACH5BAEAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw=="/>
		<div id="g-ai0-1" class="g-text g-aiAbs g-aiPointText" style="top:9.2565%;margin-top:-15.3px;right:48.4839%;width:137px;">
			<p class="g-pstyle0">George Bush</p>
			<p class="g-pstyle0">Intercontinental Airport</p>
		</div>
		<div id="g-ai0-2" class="g-numbers-w g-aiAbs g-aiPointText" style="top:7.9013%;margin-top:-5.4px;left:53.0349%;margin-left:-0.5556%;width:10px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai0-3" class="g-labels g-aiAbs g-aiPointText" style="top:10.3903%;margin-top:-13.2px;left:73.3035%;margin-left:-2.9167%;width:44px;">
			<p class="g-pstyle2">Lake</p>
			<p class="g-pstyle2">Houston</p>
		</div>
		<div id="g-ai0-4" class="g-text g-aiAbs g-aiPointText" style="top:19.8312%;margin-top:-15.3px;left:68.8009%;width:103px;">
			<p>Northeast Water</p>
			<p>Purification Plant</p>
		</div>
		<div id="g-ai0-5" class="g-numbers-w g-aiAbs g-aiPointText" style="top:18.2461%;margin-top:-5.4px;left:67.6586%;margin-left:-0.5556%;width:10px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai0-6" class="g-labels g-aiAbs g-aiPointText" style="top:38.0097%;margin-top:-11.3px;left:50.642%;margin-left:-11.5972%;width:169px;">
			<p class="g-pstyle3">HOUSTON</p>
		</div>
		<div id="g-ai0-7" class="g-labels g-aiAbs g-aiPointText" style="top:43.5095%;margin-top:-15.3px;right:72.9505%;width:58px;">
			<p class="g-pstyle0">Addicks</p>
			<p class="g-pstyle0">Reservoir</p>
		</div>
		<div id="g-ai0-8" class="g-numbers-w g-aiAbs g-aiPointText" style="top:48.3611%;margin-top:-5.4px;left:24.1472%;margin-left:-0.5556%;width:10px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai0-9" class="g-numbers-w g-aiAbs g-aiPointText" style="top:52.499%;margin-top:-5.4px;left:21.7992%;margin-left:-0.5556%;width:10px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai0-10" class="g-labels g-aiAbs g-aiPointText" style="top:56.153%;margin-top:-15.3px;right:78.9431%;width:58px;">
			<p class="g-pstyle0">Barker</p>
			<p class="g-pstyle0">Reservoir</p>
		</div>
		<div id="g-ai0-11" class="g-text g-aiAbs g-aiPointText" style="top:57.8772%;margin-top:-22.8px;left:88.5479%;width:70px;">
			<p>ExxonMobil</p>
			<p>Baytown</p>
			<p>refinery</p>
		</div>
		<div id="g-ai0-12" class="g-numbers-w g-aiAbs g-aiPointText" style="top:55.0277%;margin-top:-5.4px;left:87.3083%;margin-left:-0.5556%;width:10px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai0-13" class="g-text g-aiAbs g-aiPointText" style="top:58.2221%;margin-top:-15.3px;right:25.5497%;width:79px;">
			<p class="g-pstyle0">Royal Dutch</p>
			<p class="g-pstyle0">Shell refinery</p>
		</div>
		<div id="g-ai0-14" class="g-numbers-w g-aiAbs g-aiPointText" style="top:61.2346%;margin-top:-5.4px;left:75.2344%;margin-left:-0.5556%;width:10px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai0-15" class="g-text g-aiAbs g-aiPointText" style="top:62.7047%;margin-top:-7.8px;right:53.2336%;width:108px;">
			<p class="g-pstyle0">Ben Taub Hospital</p>
		</div>
		<div id="g-ai0-16" class="g-numbers-w g-aiAbs g-aiPointText" style="top:62.8438%;margin-top:-5.4px;left:47.9831%;margin-left:-0.5556%;width:10px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai0-17" class="g-text g-aiAbs g-aiPointText" style="top:68.222%;margin-top:-7.8px;right:29.2858%;width:150px;">
			<p class="g-pstyle0">Bayshore Medical Center</p>
		</div>
		<div id="g-ai0-18" class="g-numbers-w g-aiAbs g-aiPointText" style="top:71.5794%;margin-top:-5.4px;left:69.7557%;margin-left:-0.5556%;width:10px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai0-19" class="g-text g-aiAbs g-aiPointText" style="top:74.6588%;margin-top:-7.8px;right:40.9339%;width:141px;">
			<p class="g-pstyle0">William P. Hobby Airport</p>
		</div>
		<div id="g-ai0-20" class="g-numbers-w g-aiAbs g-aiPointText" style="top:75.0277%;margin-top:-5.4px;left:60.2214%;margin-left:-0.5556%;width:10px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai0-21" class="g-text g-aiAbs g-aiPointText" style="top:79.6014%;margin-top:-15.3px;left:74.6305%;width:103px;">
			<p>Southeast Water</p>
			<p>Purification Plant</p>
		</div>
		<div id="g-ai0-22" class="g-numbers-w g-aiAbs g-aiPointText" style="top:78.0162%;margin-top:-5.4px;left:73.3845%;margin-left:-0.5556%;width:10px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai0-23" class="g-labels g-aiAbs g-aiPointText" style="top:89.2409%;margin-top:-13.2px;left:94.8893%;margin-left:-3.4028%;width:51px;">
			<p class="g-pstyle2">Galveston</p>
			<p class="g-pstyle2">Bay</p>
		</div>
		<div id="g-ai0-24" class="g-nytg-scale g-aiAbs" style="top:91.954%;left:2.7778%;width:17.0833%;">
			<p class="g-pstyle4">10 MILES</p>
		</div>
	</div>

	<!-- Artboard: 460 -->
	<div id="g-infrastructure-460" class="g-artboard g-artboard-v3" data-min-width='460' data-max-width='719'>
		<img id="g-ai1-0" class="g-aiImg" data-src="https://static01.nyt.com/newsgraphics/2017/08/28/houston-maps/d864ede726708922ead4e602d03bc27cf4e9d150/infrastructure-460.jpg" src="data:image/gif;base64,R0lGODlhCgAKAIAAAB8fHwAAACH5BAEAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw=="/>
		<div id="g-ai1-1" class="g-text g-aiAbs g-aiPointText" style="top:9.6423%;margin-top:-15.3px;right:49.265%;width:137px;">
			<p class="g-pstyle0">George Bush</p>
			<p class="g-pstyle0">Intercontinental Airport</p>
		</div>
		<div id="g-ai1-2" class="g-numbers-w g-aiAbs g-aiPointText" style="top:8.09%;margin-top:-3.9px;left:53.0161%;margin-left:-0.6522%;width:8px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai1-3" class="g-labels g-aiAbs g-aiPointText" style="top:11.0718%;margin-top:-13.2px;left:78.5078%;margin-left:-4.5652%;width:44px;">
			<p class="g-pstyle2">Lake</p>
			<p class="g-pstyle2">Houston</p>
		</div>
		<div id="g-ai1-4" class="g-numbers-w g-aiAbs g-aiPointText" style="top:18.5248%;margin-top:-3.9px;left:71.395%;margin-left:-0.6522%;width:8px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai1-5" class="g-text g-aiAbs g-aiPointText" style="top:22.8308%;margin-top:-7.8px;left:67.1752%;width:70px;">
			<p>Water plant</p>
		</div>
		<div id="g-ai1-6" class="g-labels g-aiAbs g-aiPointText" style="top:38.3599%;margin-top:-11.3px;left:50.3938%;margin-left:-18.1522%;width:169px;">
			<p class="g-pstyle3">HOUSTON</p>
		</div>
		<div id="g-ai1-7" class="g-labels g-aiAbs g-aiPointText" style="top:42.9757%;margin-top:-15.3px;right:78.8315%;width:58px;">
			<p class="g-pstyle0">Addicks</p>
			<p class="g-pstyle0">Reservoir</p>
		</div>
		<div id="g-ai1-8" class="g-text g-aiAbs g-aiPointText" style="top:51.0916%;margin-top:-15.3px;right:4.9204%;width:47px;">
			<p class="g-pstyle0">Oil </p>
			<p class="g-pstyle0">refinery</p>
		</div>
		<div id="g-ai1-9" class="g-numbers-w g-aiAbs g-aiPointText" style="top:48.9597%;margin-top:-3.9px;left:16.7103%;margin-left:-0.6522%;width:8px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai1-10" class="g-numbers-w g-aiAbs g-aiPointText" style="top:53.3076%;margin-top:-3.9px;left:13.7591%;margin-left:-0.6522%;width:8px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai1-11" class="g-labels g-aiAbs g-aiPointText" style="top:58.338%;margin-top:-15.3px;right:86.4646%;width:58px;">
			<p class="g-pstyle0">Barker</p>
			<p class="g-pstyle0">Reservoir</p>
		</div>
		<div id="g-ai1-12" class="g-numbers-w g-aiAbs g-aiPointText" style="top:56.2061%;margin-top:-3.9px;left:95.7488%;margin-left:-0.6522%;width:8px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai1-13" class="g-numbers-w g-aiAbs g-aiPointText" style="top:62.2931%;margin-top:-3.9px;left:80.9163%;margin-left:-0.6522%;width:8px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai1-14" class="g-text g-aiAbs g-aiPointText" style="top:63.99%;margin-top:-7.8px;right:54.7444%;width:50px;">
			<p class="g-pstyle0">Hospital</p>
		</div>
		<div id="g-ai1-15" class="g-text g-aiAbs g-aiPointText" style="top:66.4538%;margin-top:-15.3px;right:24.6618%;width:49px;">
			<p class="g-pstyle0">Medical</p>
			<p class="g-pstyle0">center</p>
		</div>
		<div id="g-ai1-16" class="g-numbers-w g-aiAbs g-aiPointText" style="top:63.7424%;margin-top:-3.9px;left:46.6669%;margin-left:-0.6522%;width:8px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai1-17" class="g-text g-aiAbs g-aiPointText" style="top:67.9031%;margin-top:-15.3px;left:80.2284%;width:47px;">
			<p>Oil </p>
			<p>refinery</p>
		</div>
		<div id="g-ai1-18" class="g-numbers-w g-aiAbs g-aiPointText" style="top:72.438%;margin-top:-3.9px;left:74.0307%;margin-left:-0.6522%;width:8px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai1-19" class="g-numbers-w g-aiAbs g-aiPointText" style="top:76.2061%;margin-top:-3.9px;left:62.0478%;margin-left:-0.6522%;width:8px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai1-20" class="g-text g-aiAbs g-aiPointText" style="top:79.6422%;margin-top:-7.8px;right:35.9216%;width:41px;">
			<p class="g-pstyle0">Airport</p>
		</div>
		<div id="g-ai1-21" class="g-numbers-w g-aiAbs g-aiPointText" style="top:79.1047%;margin-top:-3.9px;left:78.5912%;margin-left:-0.6522%;width:8px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai1-22" class="g-text g-aiAbs g-aiPointText" style="top:85.5844%;margin-top:-15.3px;left:76.8877%;width:37px;">
			<p>Water</p>
			<p>plant</p>
		</div>
		<div id="g-ai1-23" class="g-nytg-scale g-aiAbs" style="top:90.1449%;left:4.3341%;width:21.5217%;">
			<p class="g-pstyle4">10 MILES</p>
		</div>
	</div>

	<!-- Artboard: 300 -->
	<div id="g-infrastructure-300" class="g-artboard g-artboard-v3" data-min-width='180' data-max-width='459'>
		<img id="g-ai2-0" class="g-aiImg" data-src="https://static01.nyt.com/newsgraphics/2017/08/28/houston-maps/d864ede726708922ead4e602d03bc27cf4e9d150/infrastructure-300.jpg" src="data:image/gif;base64,R0lGODlhCgAKAIAAAB8fHwAAACH5BAEAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw=="/>
		<div id="g-ai2-1" class="g-text g-aiAbs g-aiPointText" style="top:18.5654%;margin-top:-15.3px;right:51.6953%;width:137px;">
			<p class="g-pstyle0">George Bush</p>
			<p class="g-pstyle0">Intercontinental Airport</p>
		</div>
		<div id="g-ai2-2" class="g-numbers-w g-aiAbs g-aiPointText" style="top:24.3133%;margin-top:-3.2px;left:49.8799%;margin-left:-0.6667%;width:6px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai2-3" class="g-text g-aiAbs g-aiPointText" style="top:28.7169%;margin-top:-7.8px;left:70.4635%;width:70px;">
			<p>Water plant</p>
		</div>
		<div id="g-ai2-4" class="g-numbers-w g-aiAbs g-aiPointText" style="top:31.8891%;margin-top:-3.2px;left:69.5798%;margin-left:-0.6667%;width:6px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai2-5" class="g-labels g-aiAbs g-aiPointText" style="top:45.8613%;margin-top:-11.3px;left:47.6732%;margin-left:-27.8333%;width:169px;">
			<p class="g-pstyle2">HOUSTON</p>
		</div>
		<div id="g-ai2-6" class="g-text g-aiAbs g-aiPointText" style="top:51.8988%;margin-top:-15.3px;right:2.1898%;width:47px;">
			<p class="g-pstyle0">Oil </p>
			<p class="g-pstyle0">refinery</p>
		</div>
		<div id="g-ai2-7" class="g-numbers-w g-aiAbs g-aiPointText" style="top:54.3133%;margin-top:-3.2px;left:10.9648%;margin-left:-0.6667%;width:6px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai2-8" class="g-text g-aiAbs g-aiPointText" style="top:58.1109%;margin-top:-7.8px;left:10.3656%;width:64px;">
			<p>Reservoirs</p>
		</div>
		<div id="g-ai2-9" class="g-numbers-w g-aiAbs g-aiPointText" style="top:57.3436%;margin-top:-3.2px;left:7.8014%;margin-left:-0.6667%;width:6px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai2-10" class="g-numbers-w g-aiAbs g-aiPointText" style="top:58.8588%;margin-top:-3.2px;left:96.1738%;margin-left:-0.6667%;width:6px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai2-11" class="g-text g-aiAbs g-aiPointText" style="top:65.2322%;margin-top:-15.3px;right:26.1299%;width:49px;">
			<p class="g-pstyle0">Medical</p>
			<p class="g-pstyle0">center</p>
		</div>
		<div id="g-ai2-12" class="g-numbers-w g-aiAbs g-aiPointText" style="top:63.7072%;margin-top:-3.2px;left:79.2982%;margin-left:-0.6667%;width:6px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai2-13" class="g-text g-aiAbs g-aiPointText" style="top:65.0806%;margin-top:-7.8px;right:59.1113%;width:50px;">
			<p class="g-pstyle0">Hospital</p>
		</div>
		<div id="g-ai2-14" class="g-numbers-w g-aiAbs g-aiPointText" style="top:65.2224%;margin-top:-3.2px;left:43.0742%;margin-left:-0.6667%;width:6px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai2-15" class="g-text g-aiAbs g-aiPointText" style="top:68.8685%;margin-top:-15.3px;left:80.5703%;width:47px;">
			<p>Oil </p>
			<p>refinery</p>
		</div>
		<div id="g-ai2-16" class="g-numbers-w g-aiAbs g-aiPointText" style="top:71.586%;margin-top:-3.2px;left:72.4046%;margin-left:-0.6667%;width:6px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai2-17" class="g-numbers-w g-aiAbs g-aiPointText" style="top:74.0103%;margin-top:-3.2px;left:59.5605%;margin-left:-0.6667%;width:6px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai2-18" class="g-numbers-w g-aiAbs g-aiPointText" style="top:76.1315%;margin-top:-3.2px;left:77.293%;margin-left:-0.6667%;width:6px;">
			<p class="g-pstyle1">W</p>
		</div>
		<div id="g-ai2-19" class="g-text g-aiAbs g-aiPointText" style="top:77.8078%;margin-top:-7.8px;right:37.7682%;width:41px;">
			<p class="g-pstyle0">Airport</p>
		</div>
		<div id="g-ai2-20" class="g-text g-aiAbs g-aiPointText" style="top:80.232%;margin-top:-7.8px;left:74.7598%;width:70px;">
			<p>Water plant</p>
		</div>
		<div id="g-ai2-21" class="g-nytg-scale g-aiAbs" style="top:90.303%;left:6.6667%;width:23%;">
			<p class="g-pstyle3">10 MILES</p>
		</div>
	</div>

</div>

<!-- SCOOP JS -->
<!-- Generated by ai2html v0.65.5 - 2017-08-28 18:54 -->
<!-- ai file: infrastructure.ai -->
<!-- preview: 2017-08-28-houston-maps -->
<!-- scoop: houston-maps-hurricane-harvey -->
<script type="text/javascript">
	(function (scriptEnvironment, nameSpace) {
		// only want one resizer on the page
		if (document.documentElement.className.indexOf(nameSpace + "resizer-v3-init") > -1) return;
		document.documentElement.className += " " + nameSpace + "resizer-v3-init";
		// require IE9+
		if (!("querySelector" in document)) return;
		function updateSize() {
			var elements = Array.prototype.slice.call(document.querySelectorAll("." + nameSpace + "artboard-v3[data-min-width]")),
					widthById = {};
			elements.forEach(function(el) {
				var parent = el.parentNode,
						width = widthById[parent.id] || Math.round(parent.getBoundingClientRect().width),
						minwidth = el.getAttribute("data-min-width"),
						maxwidth = el.getAttribute("data-max-width");
				if (parent.id) widthById[parent.id] = width; // only if parent.id is set
				if (+minwidth <= width && (+maxwidth >= width || maxwidth === null)) {
					var img = el.querySelector("." + nameSpace + "aiImg");
					if (img.getAttribute("data-src") && img.getAttribute("src") != img.getAttribute("data-src")) {
						img.setAttribute("src", img.getAttribute("data-src"));
					}
					el.style.display = "block";
				} else {
					el.style.display = "none";
				}
			});

			if (scriptEnvironment=="nyt") {
				try {
					if (window.parent && window.parent.$) {
						window.parent.$("body").trigger("resizedcontent", [window]);
					}
					document.documentElement.dispatchEvent(new Event("resizedcontent"));
					if (window.require && document.querySelector("meta[name=sourceApp]") && document.querySelector("meta[name=sourceApp]").content == "nyt-v5") {
						require(["foundation/main"], function() {
							require(["shared/interactive/instances/app-communicator"], function(AppCommunicator) {
								AppCommunicator.triggerResize();
							});
						});
					}
				} catch(e) { console.log(e); }
			}
		}

		updateSize();

		window.addEventListener('nyt:embed:load', updateSize); // for nyt vi compatibility
		document.addEventListener("DOMContentLoaded", updateSize);

		window.addEventListener("resize", throttle(updateSize, 200));

		// based on underscore.js
		function throttle(func, wait) {
			var _now = Date.now || function() { return +new Date(); },
					timeout = null, previous = 0;
			var run = function() {
					previous = _now();
					timeout = null;
					func();
			};
			return function() {
				var remaining = wait - (_now() - previous);
				if (remaining <= 0 || remaining > wait) {
					if (timeout) {
						clearTimeout(timeout);
					}
					run();
				} else if (!timeout) {
					timeout = setTimeout(run, remaining);
				}
			};
		}
	})("nyt", "g-");
</script>
 



</div>


    </div>

    

    
      <div class="g-item g-column g-map-text">
    

      <div class="g-column-container">
  
    <div class="g-column-col" style="width: calc(20% - 20px);"> 
      
      
      <p class="g-column-hed g-num">Reservoirs filled to capacity</p>
      <p class="g-column-text 0">The Army Corps of Engineers began a controlled water release from the Addicks and Barker reservoirs into Buffalo Bayou early Monday. A voluntary evacuation order was put in place for adjacent residential areas.</p>
    </div>
  
    <div class="g-column-col" style="width: calc(20% - 20px);"> 
      
      
      <p class="g-column-hed g-num">Hospital patients evacuated</p>
      <p class="g-column-text 0">Bayshore Medical Center in Pasadena transferred almost 200 patients to nearby facilities and suspended its 24-hour emergency services on Sunday. Floodwaters have prevented rescuers from reaching patients at Ben Taub Hospital.</p>
    </div>
  
    <div class="g-column-col" style="width: calc(20% - 20px);"> 
      
      
      <p class="g-column-hed g-num">Major airports shut down</p>
      <p class="g-column-text 0">The storm halted nearly all operations at George Bush Intercontinental Airport, with flooding of the surrounding roads. William P. Hobby Airport also ceased all commercial flights Sunday morning.</p>
    </div>
  
    <div class="g-column-col" style="width: calc(20% - 20px);"> 
      
      
      <p class="g-column-hed g-num">Water plants not functioning</p>
      <p class="g-column-text 0">Mayor Sylvester Turner said that Houston’s Northeast Water Purification Plant was completely submerged as of 6 p.m. Sunday and that the Southeast Water Purification Plant was operating at 5 percent production.</p>
    </div>
  
    <div class="g-column-col" style="width: calc(20% - 20px);"> 
      
      
      <p class="g-column-hed g-num">Oil and gas facilities closed</p>
      <p class="g-column-text 0">ExxonMobil shut down operations at its Baytown refinery because of flooding and Royal Dutch Shell closed a large refining facility at Deer Park.</p>
    </div>
  
</div>


    </div>

    

    
      <div class="g-item g-ad ">
    

      <div class="g-ad-wrapper"></div>


    </div>

    

    
      <div class="g-item g-subhed ">
    

      <h2>While Houston is growing and vibrant economically, it is divided.</h2>


    </div>

    

    
      <div class="g-item g-text dateline">
    

      <p class="g-body"><strong>PUBLISHED </strong>Aug. 28</p>


    </div>

    

    
      <div class="g-item g-text ">
    

      <p class="g-body">The west and south sections of the city, along Brays and Buffalo Bayous, are prosperous. The east, along the ship channel toward Pasadena, and north are poorer.</p>


    </div>

    

    
      <div class="g-item g-graphic g-income-key">
    

      <div class="g-item-ai2html" style="">





<div class="g-income-key-container">
  <div class="g-hed">Median household income</div>
  <div class="g-steps">
    <div class="g-step g-step-1">
      <div class="g-label">$20k</div>
    </div>
    <div class="g-step g-step-2">
      <div class="g-label">$35k</div>
    </div>
    <div class="g-step g-step-3">
      <div class="g-label">$50k</div>
    </div>
    <div class="g-step g-step-4">
      <div class="g-label">$75k</div>
    </div>
    <div class="g-step g-step-5">
      <div class="g-label">$100k</div>
    </div>
    <div class="g-step g-step-6">
      <div class="g-label">$150k</div>
    </div>
    <div class="g-step g-step-7"></div>
  </div>
</div> 



</div>


    </div>

    

    
      <div class="g-item g-graphic ">
    

      <div class="g-item-ai2html" style="">





<!-- SCOOP CSS -->
<!-- Generated by ai2html v0.65.5 - 2017-08-28 18:23 -->
<!-- ai file: income.ai -->
<!-- preview: 2017-08-28-houston-maps -->
<!-- scoop: houston-maps-hurricane-harvey -->
<style type='text/css' media='screen,print'>
	#g-income-box .g-artboard {
		margin:0 auto;
	}
	#g-income-box .g-artboard p {
		margin:0;
	}
	.g-aiAbs {
		position:absolute;
	}
	.g-aiImg {
		display:block;
		width:100% !important;
	}
	.g-aiPointText p { white-space: nowrap; }
	#g-income-720 {
		position:relative;
		overflow:hidden;
	}
	#g-income-720 p {
		font-family:nyt-franklin,arial,helvetica,sans-serif;
		font-weight:300;
		font-style:normal;
		font-size:12px;
		line-height:14px;
		filter:alpha(opacity=100);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity:1;
		letter-spacing:0em;
		text-align:left;
		color:rgb(0,0,0);
		text-transform:none;
		padding-bottom:0;
		padding-top:0;
		mix-blend-mode:normal;
	}
	#g-income-720 .g-pstyle0 {
		font-style:italic;
		line-height:13px;
		mix-blend-mode:multiply;
		text-align:center;
		color:rgb(155,184,215);
	}
	#g-income-720 .g-pstyle1 {
		font-weight:500;
		font-size:18px;
		line-height:22px;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		letter-spacing:0.7em;
		text-align:center;
	}
	#g-income-720 .g-pstyle2 {
		font-style:italic;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		text-align:center;
	}
	#g-income-720 .g-pstyle3 {
		font-style:italic;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		text-align:right;
	}
	#g-income-720 .g-pstyle4 {
		filter:alpha(opacity=60);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
		opacity:0.6;
	}
	#g-income-460 {
		position:relative;
		overflow:hidden;
	}
	#g-income-460 p {
		font-family:nyt-franklin,arial,helvetica,sans-serif;
		font-weight:300;
		font-style:normal;
		font-size:12px;
		line-height:14px;
		filter:alpha(opacity=100);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity:1;
		letter-spacing:0em;
		text-align:left;
		color:rgb(0,0,0);
		text-transform:none;
		padding-bottom:0;
		padding-top:0;
		mix-blend-mode:normal;
	}
	#g-income-460 .g-pstyle0 {
		font-style:italic;
		line-height:13px;
		mix-blend-mode:multiply;
		text-align:center;
		color:rgb(155,184,215);
	}
	#g-income-460 .g-pstyle1 {
		font-weight:500;
		font-size:18px;
		line-height:22px;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		letter-spacing:0.7em;
		text-align:center;
	}
	#g-income-460 .g-pstyle2 {
		font-style:italic;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		text-align:center;
	}
	#g-income-460 .g-pstyle3 {
		filter:alpha(opacity=60);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
		opacity:0.6;
	}
	#g-income-300 {
		position:relative;
		overflow:hidden;
	}
	#g-income-300 p {
		font-family:nyt-franklin,arial,helvetica,sans-serif;
		font-weight:300;
		font-style:normal;
		font-size:12px;
		line-height:14px;
		filter:alpha(opacity=100);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity:1;
		letter-spacing:0em;
		text-align:left;
		color:rgb(0,0,0);
		text-transform:none;
		padding-bottom:0;
		padding-top:0;
		mix-blend-mode:normal;
	}
	#g-income-300 .g-pstyle0 {
		font-weight:500;
		font-size:18px;
		line-height:22px;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		letter-spacing:0.7em;
		text-align:center;
	}
	#g-income-300 .g-pstyle1 {
		font-style:italic;
		filter:alpha(opacity=30);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity:0.3;
		text-align:center;
	}
	#g-income-300 .g-pstyle2 {
		filter:alpha(opacity=60);
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
		opacity:0.6;
	}

		/* Custom CSS */
				.g-nytg-scale {
		    padding-bottom: 1px;
		    border-bottom: 1px solid rgba(0,0,0,0.6);
		}


</style>

<!-- SCOOP HTML -->
<!-- Generated by ai2html v0.65.5 - 2017-08-28 18:23 -->
<!-- ai file: income.ai -->
<!-- preview: 2017-08-28-houston-maps -->
<!-- scoop: houston-maps-hurricane-harvey -->
<div id="g-income-box" class="ai2html">

	<!-- Artboard: 720 -->
	<div id="g-income-720" class="g-artboard g-artboard-v3" data-min-width='720'>
		<img id="g-ai0-0" class="g-aiImg" data-src="https://static01.nyt.com/newsgraphics/2017/08/28/houston-maps/d864ede726708922ead4e602d03bc27cf4e9d150/income-720.jpg" src="data:image/gif;base64,R0lGODlhCgAKAIAAAB8fHwAAACH5BAEAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw=="/>
		<div id="g-ai0-1" class="g-labels g-aiAbs g-aiPointText" style="top:10.3903%;margin-top:-13.2px;left:73.3035%;margin-left:-2.9167%;width:44px;">
			<p class="g-pstyle0">Lake</p>
			<p class="g-pstyle0">Houston</p>
		</div>
		<div id="g-ai0-2" class="g-labels g-aiAbs g-aiPointText" style="top:38.0097%;margin-top:-11.3px;left:50.642%;margin-left:-11.5972%;width:169px;">
			<p class="g-pstyle1">HOUSTON</p>
		</div>
		<div id="g-ai0-3" class="g-labels g-aiAbs g-aiPointText" style="top:43.9535%;margin-top:-14.2px;left:24.0118%;margin-left:-3.2639%;width:49px;">
			<p class="g-pstyle2">Addicks</p>
			<p class="g-pstyle2">Reservoir</p>
		</div>
		<div id="g-ai0-4" class="g-labels g-aiAbs g-aiPointText" style="top:48.5512%;margin-top:-14.2px;right:62.1756%;width:37px;">
			<p class="g-pstyle3">Buffalo</p>
			<p class="g-pstyle3">Bayou</p>
		</div>
		<div id="g-ai0-5" class="g-labels g-aiAbs g-aiPointText" style="top:52.4593%;margin-top:-7.2px;left:75.3196%;margin-left:-4.5833%;width:68px;">
			<p class="g-pstyle2">Ship Channel</p>
		</div>
		<div id="g-ai0-6" class="g-labels g-aiAbs g-aiPointText" style="top:57.9765%;margin-top:-14.2px;left:17.4173%;margin-left:-3.2639%;width:49px;">
			<p class="g-pstyle2">Barker</p>
			<p class="g-pstyle2">Reservoir</p>
		</div>
		<div id="g-ai0-7" class="g-labels g-aiAbs g-aiPointText" style="top:63.9535%;margin-top:-14.2px;left:37.4733%;margin-left:-2.1528%;width:33px;">
			<p class="g-pstyle2">Brays</p>
			<p class="g-pstyle2">Bayou</p>
		</div>
		<div id="g-ai0-8" class="g-labels g-aiAbs g-aiPointText" style="top:89.2409%;margin-top:-13.2px;left:94.8893%;margin-left:-3.4028%;width:51px;">
			<p class="g-pstyle0">Galveston</p>
			<p class="g-pstyle0">Bay</p>
		</div>
		<div id="g-ai0-9" class="g-nytg-scale g-aiAbs" style="top:91.954%;left:2.7778%;width:17.0833%;">
			<p class="g-pstyle4">10 MILES</p>
		</div>
	</div>

	<!-- Artboard: 460 -->
	<div id="g-income-460" class="g-artboard g-artboard-v3" data-min-width='460' data-max-width='719'>
		<img id="g-ai1-0" class="g-aiImg" data-src="https://static01.nyt.com/newsgraphics/2017/08/28/houston-maps/d864ede726708922ead4e602d03bc27cf4e9d150/income-460.jpg" src="data:image/gif;base64,R0lGODlhCgAKAIAAAB8fHwAAACH5BAEAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw=="/>
		<div id="g-ai1-1" class="g-labels g-aiAbs g-aiPointText" style="top:11.0718%;margin-top:-13.2px;left:78.5078%;margin-left:-4.5652%;width:44px;">
			<p class="g-pstyle0">Lake</p>
			<p class="g-pstyle0">Houston</p>
		</div>
		<div id="g-ai1-2" class="g-labels g-aiAbs g-aiPointText" style="top:38.3599%;margin-top:-11.3px;left:50.3938%;margin-left:-18.1522%;width:169px;">
			<p class="g-pstyle1">HOUSTON</p>
		</div>
		<div id="g-ai1-3" class="g-labels g-aiAbs g-aiPointText" style="top:44.6951%;margin-top:-14.2px;left:16.7727%;margin-left:-5.1087%;width:49px;">
			<p class="g-pstyle2">Addicks</p>
			<p class="g-pstyle2">Reservoir</p>
		</div>
		<div id="g-ai1-4" class="g-labels g-aiAbs g-aiPointText" style="top:49.0428%;margin-top:-14.2px;left:29.6709%;margin-left:-3.8043%;width:37px;">
			<p class="g-pstyle2">Buffalo</p>
			<p class="g-pstyle2">Bayou</p>
		</div>
		<div id="g-ai1-5" class="g-labels g-aiAbs g-aiPointText" style="top:52.5209%;margin-top:-7.2px;left:79.7516%;margin-left:-7.1739%;width:68px;">
			<p class="g-pstyle2">Ship Channel</p>
		</div>
		<div id="g-ai1-6" class="g-labels g-aiAbs g-aiPointText" style="top:59.1876%;margin-top:-14.2px;left:8.5152%;margin-left:-5.1087%;width:49px;">
			<p class="g-pstyle2">Barker</p>
			<p class="g-pstyle2">Reservoir</p>
		</div>
		<div id="g-ai1-7" class="g-labels g-aiAbs g-aiPointText" style="top:63.2457%;margin-top:-14.2px;left:33.5923%;margin-left:-3.3696%;width:33px;">
			<p class="g-pstyle2">Brays</p>
			<p class="g-pstyle2">Bayou</p>
		</div>
		<div id="g-ai1-8" class="g-nytg-scale g-aiAbs" style="top:90.1449%;left:4.3341%;width:21.5217%;">
			<p class="g-pstyle3">10 MILES</p>
		</div>
	</div>

	<!-- Artboard: 300 -->
	<div id="g-income-300" class="g-artboard g-artboard-v3" data-min-width='180' data-max-width='459'>
		<img id="g-ai2-0" class="g-aiImg" data-src="https://static01.nyt.com/newsgraphics/2017/08/28/houston-maps/d864ede726708922ead4e602d03bc27cf4e9d150/income-300.jpg" src="data:image/gif;base64,R0lGODlhCgAKAIAAAB8fHwAAACH5BAEAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw=="/>
		<div id="g-ai2-1" class="g-labels g-aiAbs g-aiPointText" style="top:45.8613%;margin-top:-11.3px;left:47.6732%;margin-left:-27.8333%;width:169px;">
			<p class="g-pstyle0">HOUSTON</p>
		</div>
		<div id="g-ai2-2" class="g-labels g-aiAbs g-aiPointText" style="top:51.5751%;margin-top:-7.2px;left:16.3639%;margin-left:-11.5%;width:71px;">
			<p class="g-pstyle1">Buffalo Bayou</p>
		</div>
		<div id="g-ai2-3" class="g-labels g-aiAbs g-aiPointText" style="top:55.2113%;margin-top:-7.2px;left:79.3311%;margin-left:-11%;width:68px;">
			<p class="g-pstyle1">Ship Channel</p>
		</div>
		<div id="g-ai2-4" class="g-labels g-aiAbs g-aiPointText" style="top:64.6054%;margin-top:-7.2px;left:31.1081%;margin-left:-10.3333%;width:64px;">
			<p class="g-pstyle1">Brays Bayou</p>
		</div>
		<div id="g-ai2-5" class="g-nytg-scale g-aiAbs" style="top:90.303%;left:6.6667%;width:23%;">
			<p class="g-pstyle2">10 MILES</p>
		</div>
	</div>

</div>

<!-- SCOOP JS -->
<!-- Generated by ai2html v0.65.5 - 2017-08-28 18:23 -->
<!-- ai file: income.ai -->
<!-- preview: 2017-08-28-houston-maps -->
<!-- scoop: houston-maps-hurricane-harvey -->
<script type="text/javascript">
	(function (scriptEnvironment, nameSpace) {
		// only want one resizer on the page
		if (document.documentElement.className.indexOf(nameSpace + "resizer-v3-init") > -1) return;
		document.documentElement.className += " " + nameSpace + "resizer-v3-init";
		// require IE9+
		if (!("querySelector" in document)) return;
		function updateSize() {
			var elements = Array.prototype.slice.call(document.querySelectorAll("." + nameSpace + "artboard-v3[data-min-width]")),
					widthById = {};
			elements.forEach(function(el) {
				var parent = el.parentNode,
						width = widthById[parent.id] || Math.round(parent.getBoundingClientRect().width),
						minwidth = el.getAttribute("data-min-width"),
						maxwidth = el.getAttribute("data-max-width");
				if (parent.id) widthById[parent.id] = width; // only if parent.id is set
				if (+minwidth <= width && (+maxwidth >= width || maxwidth === null)) {
					var img = el.querySelector("." + nameSpace + "aiImg");
					if (img.getAttribute("data-src") && img.getAttribute("src") != img.getAttribute("data-src")) {
						img.setAttribute("src", img.getAttribute("data-src"));
					}
					el.style.display = "block";
				} else {
					el.style.display = "none";
				}
			});

			if (scriptEnvironment=="nyt") {
				try {
					if (window.parent && window.parent.$) {
						window.parent.$("body").trigger("resizedcontent", [window]);
					}
					document.documentElement.dispatchEvent(new Event("resizedcontent"));
					if (window.require && document.querySelector("meta[name=sourceApp]") && document.querySelector("meta[name=sourceApp]").content == "nyt-v5") {
						require(["foundation/main"], function() {
							require(["shared/interactive/instances/app-communicator"], function(AppCommunicator) {
								AppCommunicator.triggerResize();
							});
						});
					}
				} catch(e) { console.log(e); }
			}
		}

		updateSize();

		window.addEventListener('nyt:embed:load', updateSize); // for nyt vi compatibility
		document.addEventListener("DOMContentLoaded", updateSize);

		window.addEventListener("resize", throttle(updateSize, 200));

		// based on underscore.js
		function throttle(func, wait) {
			var _now = Date.now || function() { return +new Date(); },
					timeout = null, previous = 0;
			var run = function() {
					previous = _now();
					timeout = null;
					func();
			};
			return function() {
				var remaining = wait - (_now() - previous);
				if (remaining <= 0 || remaining > wait) {
					if (timeout) {
						clearTimeout(timeout);
					}
					run();
				} else if (!timeout) {
					timeout = setTimeout(run, remaining);
				}
			};
		}
	})("nyt", "g-");
</script>
 


<div class="g-asset-source">
  
  
  <span class="g-credit">Source: socialexplorer.com</span>
</div>


</div>


    </div>

    

    
      <div class="g-item g-text g-refer">
    

      <p class="g-body">We are continuing to provide <a href="https://www.nytimes.com/2017/09/01/us/harvey-texas-flooding.html">updates</a> on the storm’s impact on the region. Here are more <a href="https://www.nytimes.com/interactive/2017/08/24/us/hurricane-harvey-texas.html">maps on Harvey’s destructive path</a>.</p>


    </div>

    

  

</div>

<script>
  var _gaq = _gaq || [];
  define('_nytg/2017-08-28-houston-maps/assets', function() { return 'https://static01.nyt.com/newsgraphics/2017/08/28/houston-maps/d864ede726708922ead4e602d03bc27cf4e9d150/'; });
  define('_nytg/2017-08-28-houston-maps/big-assets', function() { return 'https://static01.nyt.com/newsgraphics/2017/08/28/houston-maps/assets/'; });

  require(['foundation/main'], function() {
    require(['https://static01.nyt.com/newsgraphics/2017/08/28/houston-maps/d864ede726708922ead4e602d03bc27cf4e9d150/build.js']); // generated from src/script.js
  });
</script>
<!-- Pipeline: 2017-08-28-houston-maps | September 1, 2017, 09:27AM | d864ede726708922ead4e602d03bc27cf4e9d150 -->
</div>
        <footer class="story-footer">
          
          
          <div class="interactive-byline">
    <p class="byline-dateline">
      <span class="byline" itemprop="author creator" itemscope itemtype="http://schema.org/Person" itemid="https://www.nytimes.com/by/sarah-almukhtar">
      By <a href="https://www.nytimes.com/by/sarah-almukhtar" title="More Articles by Sarah Almukhtar"><span class="byline-author" data-byline-name="SARAH ALMUKHTAR" itemprop="name">SARAH ALMUKHTAR</span></a>, 
    </span><span class="byline" itemprop="author creator" itemscope itemtype="http://schema.org/Person" itemid="https://www.nytimes.com/by/matthew-bloch">
      <a href="https://www.nytimes.com/by/matthew-bloch" title="More Articles by Matthew Bloch"><span class="byline-author" data-byline-name="MATTHEW BLOCH" itemprop="name">MATTHEW BLOCH</span></a>, 
    </span><span class="byline" itemprop="author creator" itemscope itemtype="http://schema.org/Person" itemid="https://www.nytimes.com/by/audrey-carlsen">
      <a href="https://www.nytimes.com/by/audrey-carlsen" title="More Articles by Audrey Carlsen"><span class="byline-author" data-byline-name="AUDREY CARLSEN" itemprop="name">AUDREY CARLSEN</span></a>, 
    </span><span class="byline" itemprop="author creator" itemscope itemtype="http://schema.org/Person" itemid="https://www.nytimes.com/by/ford-fessenden">
      <a href="https://www.nytimes.com/by/ford-fessenden" title="More Articles by Ford Fessenden"><span class="byline-author" data-byline-name="FORD FESSENDEN" itemprop="name">FORD FESSENDEN</span></a>, 
    </span><span class="byline" itemprop="author creator" itemscope itemtype="http://schema.org/Person" itemid="https://www.nytimes.com/by/troy-griggs">
      <a href="https://www.nytimes.com/by/troy-griggs" title="More Articles by Troy Griggs"><span class="byline-author" data-byline-name="TROY GRIGGS" itemprop="name">TROY GRIGGS</span></a>, 
    </span><span class="byline" itemprop="author creator" itemscope itemtype="http://schema.org/Person" itemid="https://www.nytimes.com/by/kk-rebecca-lai">
      <a href="https://www.nytimes.com/by/kk-rebecca-lai" title="More Articles by K.K. Rebecca Lai"><span class="byline-author" data-byline-name="K.K. REBECCA LAI" itemprop="name">K.K. REBECCA LAI</span></a>, 
    </span><span class="byline" itemprop="author creator" itemscope itemtype="http://schema.org/Person" itemid="https://www.nytimes.com/by/haeyoun-park">
      <a href="https://www.nytimes.com/by/haeyoun-park" title="More Articles by Haeyoun Park"><span class="byline-author" data-byline-name="HAEYOUN PARK" itemprop="name">HAEYOUN PARK</span></a>, 
    </span><span class="byline" itemprop="author creator" itemscope itemtype="http://schema.org/Person" itemid="https://www.nytimes.com/by/adam-pearce">
      <a href="https://www.nytimes.com/by/adam-pearce" title="More Articles by Adam Pearce"><span class="byline-author" data-byline-name="ADAM PEARCE" itemprop="name">ADAM PEARCE</span></a>, 
    </span><span class="byline" itemprop="author creator" itemscope itemtype="http://schema.org/Person" itemid="https://www.nytimes.com/by/jeremy-white">
      <a href="https://www.nytimes.com/by/jeremy-white" title="More Articles by Jeremy White"><span class="byline-author" data-byline-name="JEREMY WHITE" itemprop="name">JEREMY WHITE</span></a> and 
    </span><span class="byline last-byline" itemprop="author creator" itemscope itemtype="http://schema.org/Person" itemid="https://www.nytimes.com/by/karen-yourish">
      <a href="https://www.nytimes.com/by/karen-yourish" title="More Articles by Karen Yourish"><span class="byline-author" data-byline-name="KAREN YOURISH" itemprop="name">KAREN YOURISH</span></a>
    </span>
      
    </p>
  </div>
          
          
          <div id="sharetools-footer" aria-label="tools" role="group" class="sharetools theme-classic  sharetools-footer   layout-horizontal"
            data-shares="email|,facebook|,twitter|,show-all|More"
            data-url="https://www.nytimes.com/interactive/2017/08/28/us/houston-maps-hurricane-harvey.html"
            data-title="Mapping the Devastation of Harvey in Houston"
            data-author="By SARAH ALMUKHTAR, MATTHEW BLOCH, AUDREY CARLSEN, FORD FESSENDEN, TROY GRIGGS, K.K. REBECCA LAI, HAEYOUN PARK, ADAM PEARCE, JEREMY WHITE and KAREN YOURISH"
            data-media="https://static01.nyt.com/images/icons/t_logo_291_black.png"
            data-description="Pounding rains and rapidly rising floodwaters caused by Hurricane Harvey pummeled the city of Houston, a metropolitan area of 6.6 million."
            data-publish-date="August 28, 2017">
            <div class="ad sharetools-inline-article-ad hidden nocontent robots-nocontent"></div>
          </div>
        </footer>
        <section id="related-coverage" class="related-coverage nocontent robots-nocontent">
  <div class="nocontent robots-nocontent">
    <header>
      <h2 class="section-heading"></h2>
    </header>
    <ul class="menu layout-horizontal theme-story">
      <li>
            <article class="story theme-summary ">
              <a href="https://www.nytimes.com/2017/08/29/us/hurricane-harvey-storm-flooding.html">
                <div class="wide-thumb"><img src="https://static01.nyt.com/images/2017/08/30/us/30live-storm2/30live-storm2-mediumThreeByTwo225.jpg" alt="Record Rainfall in Texas, With More to Come" /></div>
                <h2 class="story-heading">Record Rainfall in Texas, With More to Come</h2>
                <time class="dateline" datetime="2018-01-20T07:05:52.000Z" itemprop="dateModified" content="">Jan. 20, 2018</time>
                
              </a>
            </article>
          </li>
    </ul>
  </div>
</section>
        <div class="accessibility-ad-header visually-hidden">
  <p>Advertisement</p>
</div>
<div id="BottomAd" class="ad bottom-ad nocontent robots-nocontent"></div>
      </article>
    </main>
    <footer id="page-footer" class="page-footer" role="contentinfo">
  <nav>
    <h2 class="visually-hidden">Site Information Navigation</h2>
    <ul>
      <li>
        <a href="http://www.nytimes.com/content/help/rights/copyright/copyright-notice.html" itemprop="copyrightNotice">
            &copy; <span itemprop="copyrightYear">2018</span><span itemprop="copyrightHolder provider sourceOrganization" itemscope itemtype="http://schema.org/Organization" itemid="http://www.nytimes.com"><span itemprop="name"> The New York Times Company</span><meta itemprop="tickerSymbol" content="NYSE NYT"/></span>
        </a>
      </li>
      <li class="visually-hidden">
        <a href="http://www.nytimes.com">Home</a>
      </li>
      <li class="visually-hidden">
        <a href="https://www.nytimes.com/search/">Search</a>
      </li>
      <li class="visually-hidden">Accessibility concerns? Email us at <a href="mailto:accessibility@nytimes.com">accessibility@nytimes.com</a>. We would love to hear from you.</li>
      <li class="wide-viewport-item">
        <a href="http://www.nytimes.com/ref/membercenter/help/infoservdirectory.html">Contact Us</a>
      </li>
      <li class="wide-viewport-item">
        <a href="http://www.nytco.com/careers">Work With Us</a>
      </li>
      <li class="wide-viewport-item">
        <a href="http://nytmediakit.com/">Advertise</a>
      </li>
      <li class="wide-viewport-item">
        <a href="http://www.nytimes.com/content/help/rights/privacy/policy/privacy-policy.html#pp">Your Ad Choices</a>
      </li>
      <li>
        <a href="http://www.nytimes.com/privacy">Privacy</a>
      </li>
      <li>
        <a href="http://www.nytimes.com/ref/membercenter/help/agree.html" itemprop="usageTerms">Terms of Service</a>
      </li>
      <li class="wide-viewport-item last-item">
        <a href="http://www.nytimes.com/content/help/rights/sale/terms-of-sale.html">Terms of Sale</a>
      </li>
    </ul>
  </nav>
  <nav class="last-nav">
    <h2 class="visually-hidden">Site Information Navigation</h2>
    <ul>
      <li>
        <a href="http://spiderbites.nytimes.com">Site Map</a>
      </li>
      <li>
        <a href="http://www.nytimes.com/membercenter/sitehelp.html">Help</a>
      </li>
      <li>
        <a href="https://myaccount.nytimes.com/membercenter/feedback.html">Site Feedback</a>
      </li>
      <li class="wide-viewport-item last-item">
        <a href="http://www.nytimes.com/subscriptions/Multiproduct/lp5558.html?campaignId=37WXW">Subscriptions</a>
      </li>
    </ul>
  </nav>
</footer>
  </div>
</div>
<script>
require(['foundation/main'], function () {
  require(['interactive/main']);
  require(['jquery/nyt', 'foundation/views/page-manager'], function ($, pageManager) {
    if (window.location.search.indexOf('disable_tagx') > 0) {
        return;
    }
    $(document).ready(function () {
        require(['https://a1.nyt.com/analytics/json-kidd.min.js'], function () {
            pageManager.trackingFireEventQueue();
        });
    });
  });
});
</script>
<script>
(function (w, d){
    // scoped state
    var MutationObserver = w.MutationObserver || w.WebKitMutationObserver || w.MozMutationObserver;
    var hasResized = false;
    var resizeFallbackDelay = 1500;
    var interactive = {
        id: '100000005396030',
        slug: 'houston-maps-hurricane-harvey',
    };
    // vanilla JS $(document).ready()
    function ready(fn) {
        if (d.readyState != 'loading'){
            fn();
        } else {
            d.addEventListener('DOMContentLoaded', fn);
        }
    }
    // send resize message to parent
    function sendResizeMessage(opts){
        if (!(w.parent && w.parent.postMessage)) { return; }
        var rect, width, height, message;
        rect = d.documentElement.getBoundingClientRect();
        width = Math.ceil(rect.width);
        height = Math.ceil(rect.height);
        message = {
            type: 'resize',
            id: interactive.id,
            width: width,
            height: height
        };
        w.parent.postMessage(message, '*');
        // don't update hasResized if this message was forced
        if (opts && opts.forced) { return; }
        hasResized = true;
    }
    // send message to parent to indicate that this interactive is listening for messages
    function sendListeningMessage(){
        if (!(w.parent && w.parent.postMessage)) { return; }
        var message = {
            type: 'listening',
            id: interactive.id,
        };
        w.parent.postMessage(message, '*');
    }
    // observe mutations to the interactive graphics node and send resize message
    function initializeMutationObservers(){
        if (!MutationObserver) { return; }

        // select the target node
        var target = d.getElementById(interactive.slug);
        if (!target) { return; }
        // create an observer instance
        var observer = new MutationObserver(sendResizeMessage.bind(null, null));
        // configuration of the observer
        var config = {
            attributes: true,
            childList: true,
            characterData: true,
            subtree: true,
        };
        // pass in the target node, as well as the observer options
        observer.observe(target, config);
    }
    // update theme in response to message from parent
    function updateTheme(previous, current){
        var root = d.documentElement;
        if (!(previous && current && root)) { return; }
        root.classList.remove(previous);
        root.classList.add(current);
    }
    // handle messages from parent
    function onMessage(event) {
        var data = event.data;
        var type = data.type;
        if (type === 'themechange') {
            if (data.previous && data.current) {
                updateTheme(data.previous, data.current);
            }
        }
    }
    // hook into the resizedcontent event that some embedded interactives dispatch
    function attachEventListeners(){
        d.documentElement.addEventListener('resizedcontent', sendResizeMessage.bind(null, null));
    }
    // always resize at least once
    // @see https://a1.nyt.com/assets/interactive/20170123-034410/js/shared/interactive/views/app-communicator.js
    function initializeResizeFallback(){
        if (!hasResized) {
            setTimeout(sendResizeMessage.bind(null, null), resizeFallbackDelay);
        }
    }
    // initialize the interactive if it has been embedded
    function init() {
        if (w.parent) {
            sendResizeMessage({ forced: true });
            attachEventListeners();
            initializeMutationObservers();
            initializeResizeFallback();
        }
    }
    // initialization that should occur before DOMContentLoaded
    function preReady() {
        if (w.parent) {
            w.addEventListener('load', sendResizeMessage.bind(null, { forced: true }));
            w.addEventListener('message', onMessage, false);
            sendListeningMessage();
        }
    }
    preReady();
    ready(init);
})(window, document);
</script>
<script src="https://tags.bluekai.com/site/50550?ret=js&limit=1" type="text/javascript" async></script>
<script src="https://cdn.optimizely.com/public/3013110282/s/article_prod.js" type="text/javascript" async></script>
<div id="Inv1" class="ad inv1-ad hidden"></div>
<div id="Inv2" class="ad inv2-ad hidden"></div>
<div id="Inv3" class="ad inv3-ad hidden"></div>
<div id="ab1" class="ad ab1-ad hidden"></div>
<div id="ab2" class="ad ab2-ad hidden"></div>
<div id="ab3" class="ad ab3-ad hidden"></div>
<div id="prop1" class="ad prop1-ad hidden"></div>
<div id="prop2" class="ad prop2-ad hidden"></div>
<div id="Anchor" class="ad anchor-ad hidden"></div>
<div id="ADX_CLIENTSIDE" class="ad adx-clientside-ad hidden"></div
</body>
</html>