HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. So you don't have access to higher-up elements like the <html>
tag. If you want to add classes there that can affect the whole document, this is the place to do it.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. If you need things in the <head>
of the document, put that code here.
The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.
CSS preprocessors help make authoring CSS easier. All of them offer things like variables and mixins to provide convenient abstractions.
It's a common practice to apply CSS to a page that styles elements such that they are consistent across all browsers. We offer two of the most popular choices: normalize.css and a reset. Or, choose Neither and nothing will be applied.
To get the best cross-browser support, it is a common practice to apply vendor prefixes to CSS properties and values that require them to work. For instance -webkit-
or -moz-
.
We offer two popular choices: Autoprefixer (which processes your CSS server-side) and -prefix-free (which applies prefixes via a script, client-side).
Any URLs added here will be added as <link>
s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.
You can apply CSS to your Pen from any stylesheet on the web. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself.
You can also link to another Pen here (use the .css
URL Extension) and we'll pull the CSS from that Pen and include it. If it's using a matching preprocessor, use the appropriate URL Extension and we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
JavaScript preprocessors can help make authoring JavaScript easier and more convenient.
Babel includes JSX processing.
Any URL's added here will be added as <script>
s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.
You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you have them, before the JavaScript in the Pen itself.
If the script you link to has the file extension of a preprocessor, we'll attempt to process it before applying.
You can also link to another Pen here, and we'll pull the JavaScript from that Pen and include it. If it's using a matching preprocessor, we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
Search for and use JavaScript packages from npm here. By selecting a package, an import
statement will be added to the top of the JavaScript editor for this package.
Using packages here is powered by esm.sh, which makes packages from npm not only available on a CDN, but prepares them for native JavaScript ESM usage.
All packages are different, so refer to their docs for how they work.
If you're using React / ReactDOM, make sure to turn on Babel for the JSX processing.
If active, Pens will autosave every 30 seconds after being saved once.
If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.
If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.
Visit your global Editor Settings.
<body>
<svg class="shadow" width="510" height="936">
<defs>
<pattern id="pattern-stripe" width="4" height="4" patternTransform="rotate(45)" patternUnits="userSpaceOnUse">
<rect width="2" height="4" transform="translate(0,0)" fill="white"></rect>
</pattern>
<mask id="mask-stripe">
<rect x="0" y="0" width="100%" height="100%" fill="url(#pattern-stripe)"></rect>
</mask>
</defs>
<g>
<path class="nhd" data-name="Franz Park" data-nhd_num="43" fill="#fee08b" d="M119.95539788463248,587.0921532900247L123.4708233781439,590.1356237397995L129.34460154413318,599.2827289536945L97.8725031380418,614.6304290526023L89.94597346555565,618.0084415476886L83.80954925974584,622.7743155367789L86.49351192786162,611.266327276011L89.05690147306268,579.446210115013L110.93530026603366,581.0365452653787L112.29173189110224,585.3532605209912Z"></path>
<path class="nhd" data-name="Tiffany" data-nhd_num="29" fill="#fdae61" d="M291.295397934231,570.851774404553L287.18237343016153,590.8059333023557L285.8379907292383,605.4899558851612L270.113370058094,604.2445715158246L270.82056279475,587.7520285899227L273.20220242369214,581.449984940089L276.0333306651828,567.8194612012303Z"></path>
<path class="nhd" data-name="Botanical Heights" data-nhd_num="28" fill="#66bd63" d="M276.0333306651828,567.8194612012303L273.20220242369214,581.449984940089L270.82056279475,587.7520285899227L270.113370058094,604.2445715158246L239.0311422535815,602.4325533242372L228.11417616795552,602.0373087859771L243.63200024006437,581.7461115237966L250.94515368569773,573.650330386241L260.4829058266314,564.7158006504469Z"></path>
<path class="nhd" data-name="Kings Oak" data-nhd_num="40" fill="url(#pattern-stripe)" d="M213.29876331142077,565.3717131116719L212.5574362991356,575.972285064694L204.04343635638907,578.3337718789408L192.58393994095968,583.0718291190278L183.23324135841904,585.0432848019409L185.28513047859087,563.8081099829578Z"></path>
<path class="nhd" data-name="Cheltenham" data-nhd_num="41" fill="#d9ef8b" d="M185.28513047859087,563.8081099829578L183.23324135841904,585.0432848019409L149.05838683700858,592.5555974425224L149.06272258809986,583.846936660877L149.97794048805372,566.6389619058464L150.80577641947275,561.4872544425889Z"></path>
<path class="nhd" data-name="Clayton-Tamm" data-nhd_num="42" fill="#fee08b" d="M150.80577641947275,561.4872544425889L149.97794048805372,566.6389619058464L149.06272258809986,583.846936660877L149.05838683700858,592.5555974425224L137.74914302201068,595.0830665479298L129.34460154413318,599.2827289536945L123.4708233781439,590.1356237397995L119.95539788463248,587.0921532900247L122.1387038706016,567.9609933877364L123.58207127204878,559.5177934155508Z"></path>
<path class="nhd" data-name="Forest Park South East" data-nhd_num="39" fill="#a6d96a" d="M271.5935244743523,550.2316241534136L260.4829058266314,564.7158006504469L250.94515368569773,573.650330386241L243.63200024006437,581.7461115237966L228.11417616795552,602.0373087859771L212.522595074739,602.9796227989136L210.0329123326228,603.4818669745L212.5574362991356,575.972285064694L213.29876331142077,565.3717131116719L212.46524263022002,560.3201128884684L210.28340875475078,556.4935102039599L215.9604466076944,553.599518618692L223.7080480702134,552.6913761538453L233.6888231528137,555.7822730150656L238.99501257216616,556.1649252482457L245.30761003336374,554.3753729073505L255.93728003203796,554.0834706641617L271.8078556253404,549.0750686287356Z"></path>
<path class="nhd" data-name="Hi-Pointe" data-nhd_num="44" fill="#fdae61" d="M101.19994064117418,558.3106788122968L112.9244381315657,558.662536100921L123.58207127204878,559.5177934155508L122.1387038706016,567.9609933877364L119.95539788463248,587.0921532900247L112.29173189110224,585.3532605209912L110.93530026603366,581.0365452653787L89.05690147306268,579.446210115013L89.99726585537428,567.3389906239172L92.0295310012425,559.2125662697363L95.67485070810835,554.9476879192807Z"></path>
<path class="nhd" data-name="Downtown West" data-nhd_num="36" fill="#d9ef8b" d="M404.14907093127295,530.107985523442L400.6063572844905,545.2792523698008L398.1058286548887,558.8912953923282L390.2800668279888,591.1261169823701L370.20792133293617,587.2492573917843L342.5114778953557,581.6361860398029L343.48791971166975,574.9791481042048L342.8900368746581,565.1632026376901L345.5242615381012,557.7014353699051L351.36662027952116,543.534533480939L355.17920950122243,532.7460258302162L355.39563912283666,527.6307100461272L354.9094161658868,519.6553030163632Z"></path>
<path class="nhd" data-name="Midtown" data-nhd_num="37" fill="#66bd63" d="M355.39563912283666,527.6307100461272L355.17920950122243,532.7460258302162L351.36662027952116,543.534533480939L345.5242615381012,557.7014353699051L342.8900368746581,565.1632026376901L343.48791971166975,574.9791481042048L342.5114778953557,581.6361860398029L291.295397934231,570.851774404553L276.0333306651828,567.8194612012303L260.4829058266314,564.7158006504469L271.5935244743523,550.2316241534136L272.28966328144634,547.6383935955237L276.75358531536403,524.760366626404L306.1642025801684,530.6275187760766L320.0480773360305,533.7418231348274L322.8782125182461,520.8144450615509Z"></path>
<path class="nhd" data-name="Columbus Square" data-nhd_num="62" fill="#d9ef8b" d="M426.2495718224036,512.745269715786L429.5958342562535,521.6011502231413L430.218491410702,531.7674332238093L430.4868782317717,536.149453661812L426.1825096444318,534.2138221704517L404.12763428929793,529.7574219068629L406.277989997252,519.069684834627L405.40032835539205,514.0211829916516L406.46588613364474,508.853836001741Z"></path>
<path class="nhd" data-name="Carr Square" data-nhd_num="61" fill="#fdae61" d="M406.46588613364474,508.853836001741L405.40032835539205,514.0211829916516L406.277989997252,519.069684834627L404.12763428929793,529.7574219068629L404.14907093127295,530.107985523442L354.9094161658868,519.6553030163632L354.10814121507246,501.8467479799292L353.5576107095185,497.4819387490861Z"></path>
<path class="nhd" data-name="Wydown Skinker" data-nhd_num="45" fill="#fdae61" d="M107.86514247931154,502.1424338335055L106.92616997759797,514.2496604026237L104.23929437504012,525.6701305187598L102.96919722451457,537.0055503457843L102.5334327986111,548.0270135294413L101.19994064117418,558.3106788122968L95.67485070810835,554.9476879192807L98.21477218433029,522.7770221176324L100.96656221167541,513.1119803779293L101.77335830111224,502.85993303818395Z"></path>
<path class="nhd" data-name="Covenant Blu-Grand Center" data-nhd_num="77" fill="#a6d96a" d="M322.8782125182461,520.8144450615509L320.0480773360305,533.7418231348274L306.1642025801684,530.6275187760766L276.75358531536403,524.760366626404L284.403463263101,508.19835215454805L297.74531231886976,479.678768556274L305.80278524089954,483.2355412163888L322.75783247846084,504.81179879175033L323.50975531810036,517.1693753976433Z"></path>
<path class="nhd" data-name="Central West End" data-nhd_num="38" fill="#d9ef8b" d="M211.08764820004762,482.37871659576194L227.63351867413257,483.22559240210103L235.16462632554249,483.4736304396356L262.2386856090852,497.1397011928493L284.403463263101,508.19835215454805L276.75358531536403,524.760366626404L272.28966328144634,547.6383935955237L271.8078556253404,549.0750686287356L255.93728003203796,554.0834706641617L245.30761003336374,554.3753729073505L238.99501257216616,556.1649252482457L233.6888231528137,555.7822730150656L223.7080480702134,552.6913761538453L215.9604466076944,553.599518618692L210.28340875475078,556.4935102039599L207.07135669629315,549.7383212881978L206.65315490680587,542.8143737439241L208.35300321792056,515.7945301275468L209.1529694859637,510.2044345792674L202.4096746647774,509.5561799017014L181.36690521172386,508.27517563008587L183.3237665661636,480.09664684237214L186.9898456023584,480.93103119381703Z"></path>
<path class="nhd" data-name="Old North St. Louis" data-nhd_num="63" fill="#fee08b" d="M401.84746748674115,460.57772373675834L423.4419980217972,507.37513863816275L426.2495718224036,512.745269715786L406.46588613364474,508.853836001741L407.13377341675005,505.82205351881566L404.7089023394128,502.71552671535756L401.58937285461616,502.20254336993094L398.6597659882191,499.478703769244L396.95359714504775,494.83271563079325L386.0543908529653,471.3955127665249L380.3286185990746,460.13350436338806L377.5301173947191,455.5541487788141L378.6634204403945,455.4849404729903Z"></path>
<path class="nhd" data-name="Vandeventer" data-nhd_num="58" fill="#fee08b" d="M297.74531231886976,479.678768556274L284.403463263101,508.19835215454805L262.2386856090852,497.1397011928493L247.870456224784,490.0054722863715L261.21495981035696,461.48777438508114Z"></path>
<path class="nhd" data-name="St. Louis Place" data-nhd_num="60" fill="#fee08b" d="M377.5301173947191,455.5541487788141L380.3286185990746,460.13350436338806L386.0543908529653,471.3955127665249L396.95359714504775,494.83271563079325L398.6597659882191,499.478703769244L401.58937285461616,502.20254336993094L404.7089023394128,502.71552671535756L407.13377341675005,505.82205351881566L406.46588613364474,508.853836001741L353.5576107095185,497.4819387490861L350.37591976991644,453.9561507704784L351.2015774111278,449.5074544858653L354.7129227322257,447.7979098937358L365.10874720138054,453.0575771370495Z"></path>
<path class="nhd" data-name="Visitation Park" data-nhd_num="49" fill="#fdae61" d="M185.13057501432922,454.82997570119915L183.3237665661636,480.09664684237214L179.89529958791172,479.1599185667583L167.30284342892992,478.5116851775965L168.88941991792854,453.6103468120855Z"></path>
<path class="nhd" data-name="Lewis Place" data-nhd_num="54" fill="#a6d96a" d="M237.0080062793295,449.4955640754197L237.2913255755211,449.4784130548942L261.21495981035696,461.48777438508114L247.870456224784,490.0054722863715L235.16462632554249,483.4736304396356L227.63351867413257,483.22559240210103L230.13353692143028,446.65692929940997Z"></path>
<path class="nhd" data-name="Fountain Park" data-nhd_num="53" fill="#fee08b" d="M230.13353692143028,446.65692929940997L227.63351867413257,483.22559240210103L211.08764820004762,482.37871659576194L213.91091460125062,441.0407352120965L214.15183938157315,440.3224563591066Z"></path>
<path class="nhd" data-name="Jeff Vanderlou" data-nhd_num="59" fill="#a6d96a" d="M349.25362837133434,444.87598290402093L354.7129227322257,447.7979098937358L351.2015774111278,449.5074544858653L350.37591976991644,453.9561507704784L353.5576107095185,497.4819387490861L354.10814121507246,501.8467479799292L354.9094161658868,519.6553030163632L355.39563912283666,527.6307100461272L322.8782125182461,520.8144450615509L323.50975531810036,517.1693753976433L322.75783247846084,504.81179879175033L305.80278524089954,483.2355412163888L297.74531231886976,479.678768556274L300.1484806404078,477.7734198193939L321.89625745709964,431.23611902148696Z"></path>
<path class="nhd" data-name="The Ville" data-nhd_num="57" fill="#d9ef8b" d="M285.67235009090655,473.5506791185762L261.21495981035696,461.48777438508114L252.55495680577042,457.3504820865346L265.6966129019838,429.54848610045156L298.771177523171,445.7494596646284Z"></path>
<path class="nhd" data-name="Academy" data-nhd_num="51" fill="#fee08b" d="M214.15183938157315,440.3224563591066L213.91091460125062,441.0407352120965L211.08764820004762,482.37871659576194L186.9898456023584,480.93103119381703L183.3237665661636,480.09664684237214L185.13057501432922,454.82997570119915L185.41164619155643,450.06297006763634L196.31764430676049,431.5479845671507L204.41644607540002,436.51258444361156Z"></path>
<path class="nhd" data-name="Hyde Park" data-nhd_num="65" fill="#fee08b" d="M380.67093495080917,411.2025323838752L390.0495442740521,427.0794378450664L395.5425075096864,439.85089078362216L397.60208204358605,450.2811413356685L401.84746748674115,460.57772373675834L378.6634204403945,455.4849404729903L377.5301173947191,455.5541487788141L365.10874720138054,453.0575771370495L354.7129227322257,447.7979098937358L349.25362837133434,444.87598290402093L361.1233495096549,419.6972075024096L360.1398158361553,417.5580316608248L373.7080342813879,410.92404837923823Z"></path>
<path class="nhd" data-name="Fairground Park" data-nhd_num="83" fill="url(#pattern-stripe)" d="M322.86798735730554,415.1670736032538L345.3071302295066,426.1156610561884L339.16846073212764,440.0366440897633L321.89625745709964,431.23611902148696L304.0586482328108,422.4689188604825L310.5085163460499,408.9697518493922Z"></path>
<path class="nhd" data-name="West End" data-nhd_num="48" fill="#d9ef8b" d="M185.41164619155643,450.06297006763634L185.13057501432922,454.82997570119915L168.88941991792854,453.6103468120855L167.30284342892992,478.5116851775965L152.74112862198854,477.54161858704174L123.84522612268483,475.3215452427394L103.67697542755923,474.3338596667163L133.2253839618279,417.8457280616276L136.1495878842743,419.86888756003464L173.2336654533192,442.7928271802375Z"></path>
<path class="nhd" data-name="Greater Ville" data-nhd_num="56" fill="#fee08b" d="M273.82333308435227,407.5039449597243L304.0586482328108,422.4689188604825L321.89625745709964,431.23611902148696L300.1484806404078,477.7734198193939L297.74531231886976,479.678768556274L285.67235009090655,473.5506791185762L298.771177523171,445.7494596646284L265.6966129019838,429.54848610045156L252.55495680577042,457.3504820865346L237.2913255755211,449.4784130548942L237.0080062793295,449.4955640754197L259.79039478228697,401.14201037446037Z"></path>
<path class="nhd" data-name="Fairground Neighborhood" data-nhd_num="67" fill="#fee08b" d="M360.1398158361553,417.5580316608248L361.1233495096549,419.6972075024096L349.25362837133434,444.87598290402093L339.16846073212764,440.0366440897633L345.3071302295066,426.1156610561884L322.86798735730554,415.1670736032538L325.80538655809323,408.0389086137293L332.2986898839772,395.9439518827712L343.52282071423906,401.50571451181895L349.55075474199475,408.4395048742299L353.87394929854963,410.7269266845833L358.5660426504219,414.3992541063926Z"></path>
<path class="nhd" data-name="Hamilton Heights" data-nhd_num="78" fill="#d9ef8b" d="M196.31764430676049,431.5479845671507L185.41164619155643,450.06297006763634L173.2336654533192,442.7928271802375L136.1495878842743,419.86888756003464L133.2253839618279,417.8457280616276L143.26239504207842,399.03351556076086L173.40083714084903,417.27333837159676Z"></path>
<path class="nhd" data-name="Kingsway East" data-nhd_num="55" fill="#d9ef8b" d="M259.79039478228697,401.14201037446037L237.0080062793295,449.4955640754197L230.13353692143028,446.65692929940997L214.15183938157315,440.3224563591066L218.31670589667738,431.2742108635721L228.04402445469168,412.125309494877L238.18241125202985,390.40011754460284Z"></path>
<path class="nhd" data-name="Kingsway West" data-nhd_num="52" fill="#a6d96a" d="M238.18241125202985,390.40011754460284L228.04402445469168,412.125309494877L218.31670589667738,431.2742108635721L214.15183938157315,440.3224563591066L204.41644607540002,436.51258444361156L196.31764430676049,431.5479845671507L219.7415703033039,380.96042035217397L225.5429813744795,384.21599099051673Z"></path>
<path class="nhd" data-name="Patch" data-nhd_num="2" fill="#d9ef8b" d="M268.3623410057007,856.550937162945L266.59703454806186,859.6487178759126L264.1272905292208,873.9609424000373L254.25689706778758,895.7583294701471L246.3232454849167,912.6000000000058L239.3684355250134,908.6220980939397L236.3770907551352,910.2983078902762L231.93834666864495,910.9183598098753L227.36725297420344,909.3471698595677L223.7144770358791,904.1138397231116L220.4777766182633,897.0080606729607L215.01150863729708,894.0832616162661L213.5483962959952,888.7176629978057L215.73398383578387,883.1318653329799L211.9494635956471,871.6607837320771L215.40221886289692,868.1976647408155L221.69410137627528,861.2203646375274L239.56811607215604,837.884957719536L245.64878961370596,841.5637321765244L244.61796968034832,842.6816706341051L255.770245307398,851.5074173561588L258.12962485873504,848.8135929227283Z"></path>
<path class="nhd" data-name="Carondelet Park" data-nhd_num="80" fill="url(#pattern-stripe)" d="M241.50892907070738,805.3959913256695L253.70435720156092,812.663196863432L247.93427978531145,818.8181007237872L243.61090735676225,826.0289430241683L234.90640485311633,820.6614598380984L203.87517418847892,802.5670586026681L211.95545931450215,788.1808772093209L235.47146785004225,802.4182989111869Z"></path>
<path class="nhd" data-name="Carondelet" data-nhd_num="1" fill="#a6d96a" d="M283.48463837456984,787.8999213447969L300.03041743973336,797.8041362291551L296.7957482899383,804.1581608722336L268.3623410057007,856.550937162945L258.12962485873504,848.8135929227283L255.770245307398,851.5074173561588L244.61796968034832,842.6816706341051L245.64878961370596,841.5637321765244L239.56811607215604,837.884957719536L221.69410137627528,861.2203646375274L215.40221886289692,868.1976647408155L211.9494635956471,871.6607837320771L208.07883855018554,858.0836884182063L211.09264828061714,857.4620102493209L212.35943477082765,841.3757744609611L219.83528008105714,839.8688885935117L234.90640485311633,820.6614598380984L243.61090735676225,826.0289430241683L247.93427978531145,818.8181007237872L253.70435720156092,812.663196863432L241.50892907070738,805.3959913256695L261.2261140738683,770.9515393580077L280.70437397220485,782.966395795549L280.31235692226073,785.8930733063316Z"></path>
<path class="nhd" data-name="Holly Hills" data-nhd_num="3" fill="#66bd63" d="M261.2261140738683,770.9515393580077L241.50892907070738,805.3959913256695L235.47146785004225,802.4182989111869L211.95545931450215,788.1808772093209L211.93429681052294,787.8302920284914L214.99103154226577,782.5437485045986L219.97345337698607,777.4927294829977L226.23930552405182,765.4147591575456L243.07041770137766,775.3930214879219L247.32839447457627,763.0840642981639Z"></path>
<path class="nhd" data-name="Boulevard Heights" data-nhd_num="4" fill="#d9ef8b" d="M211.93429681052294,787.8302920284914L211.95545931450215,788.1808772093209L203.87517418847892,802.5670586026681L234.90640485311633,820.6614598380984L219.83528008105714,839.8688885935117L212.35943477082765,841.3757744609611L211.09264828061714,857.4620102493209L208.07883855018554,858.0836884182063L204.03399562894083,855.7766878253024L192.88494302315485,851.6988044074969L186.7009469193963,846.969493108365L175.37839618649377,839.9985212341999L166.43871964645223,835.4346934259811L158.891636273509,830.3469954704342L137.370057717304,812.0246807656367L144.735569454484,804.6329011433991L165.20808335795482,786.6003279528231L176.59689270576928,771.7522723363363L182.9294090682415,765.477111618995L189.85534055638345,759.6058345421043L194.99454375143978,766.5970739591285L190.22853740609025,775.2411309084855L211.67177702378285,788.198001076642Z"></path>
<path class="nhd" data-name="Mount Pleasant" data-nhd_num="17" fill="#d9ef8b" d="M324.7566476288757,740.1787378500158L334.9428711927485,746.5086850606313L322.8205965957368,758.5057730307453L314.3037744453268,770.2832246202452L300.03041743973336,797.8041362291551L283.48463837456984,787.8999213447969L288.6751174440633,776.2373845787079L292.72193665790655,737.0224266373261Z"></path>
<path class="nhd" data-name="Princeton Heights" data-nhd_num="6" fill="#d9ef8b" d="M189.85534055638345,759.6058345421043L182.9294090682415,765.477111618995L176.59689270576928,771.7522723363363L165.20808335795482,786.6003279528231L144.735569454484,804.6329011433991L138.66109756424703,791.539417503489L137.94031021798946,784.2817004128592L138.61843226076962,777.2917872569233L140.14663783255855,774.2971375518246L140.9352645464187,769.1478223304148L143.3598553187785,739.7979977329378L147.49110993308204,738.8459007059864L183.71610107960805,741.4152711177012L189.1986037647148,725.7788884716865L189.7693127471157,735.2446988748852L192.49988152692276,743.4367376085138L193.2873593664499,756.496057565615Z"></path>
<path class="nhd" data-name="St. Louis Hills" data-nhd_num="8" fill="#d9ef8b" d="M138.1391536928768,698.9446773730451L137.79322911946474,702.6599501013698L138.77218565900148,714.2123435192043L144.4764781967442,721.1704477648891L143.3598553187785,739.7979977329378L140.9352645464187,769.1478223304148L140.14663783255855,774.2971375518246L138.61843226076962,777.2917872569233L137.94031021798946,784.2817004128592L126.60057379029786,776.9580852537474L122.77292515751287,773.4934028215648L119.34592510938091,767.8934969618276L110.34149285214517,766.9383921941917L109.03183426733267,763.4104446335405L104.29072872881625,763.6947742451448L101.66788906490001,757.2547826902883L100.79582096671584,752.2051941243699L98.43584332143473,750.1475871756847L98.50407060761609,746.5370053428051L96.97549773688661,740.0313920739572L94.96756542913499,739.0961822610989L93.85253745136106,734.0611474242469L90.09569268991982,727.6890421510034L87.1882810271909,725.3123041140207L90.64193601452826,722.5544597755943L121.71214782091556,700.2833610197704L125.49607696351268,698.2968660580809ZM97.14754936653844,765.97022640871L87.5552806515825,755.1977284799796L79.06206762834518,734.2434150578047L82.99393357565532,729.96168004215L85.96960246762501,733.477894525684L88.54463035600929,739.1291947668942L90.50359378385292,752.8220284802373L95.77128430352786,757.2563873804465L99.46029993154661,762.4889970167715L100.79609781087856,766.4552332756866Z"></path>
<path class="nhd" data-name="Wilmore Park" data-nhd_num="88" fill="url(#pattern-stripe)" d="M137.94031021798946,784.2817004128592L138.66109756424703,791.539417503489L144.735569454484,804.6329011433991L137.370057717304,812.0246807656367L105.2471112345138,774.8967450964265L97.14754936653844,765.97022640871L100.79609781087856,766.4552332756866L99.46029993154661,762.4889970167715L95.77128430352786,757.2563873804465L90.50359378385292,752.8220284802373L88.54463035600929,739.1291947668942L85.96960246762501,733.477894525684L82.99393357565532,729.96168004215L87.1882810271909,725.3123041140207L90.09569268991982,727.6890421510034L93.85253745136106,734.0611474242469L94.96756542913499,739.0961822610989L96.97549773688661,740.0313920739572L98.50407060761609,746.5370053428051L98.43584332143473,750.1475871756847L100.79582096671584,752.2051941243699L101.66788906490001,757.2547826902883L104.29072872881625,763.6947742451448L109.03183426733267,763.4104446335405L110.34149285214517,766.9383921941917L119.34592510938091,767.8934969618276L122.77292515751287,773.4934028215648L126.60057379029786,776.9580852537474Z"></path>
<path class="nhd" data-name="Dutchtown" data-nhd_num="16" fill="#d9ef8b" d="M277.87030661823155,708.718243134208L277.8915623762132,709.0688212301757L327.36300117491555,714.1577278116602L324.7566476288757,740.1787378500158L292.72193665790655,737.0224266373261L288.6751174440633,776.2373845787079L283.48463837456984,787.8999213447969L280.31235692226073,785.8930733063316L280.70437397220485,782.966395795549L261.2261140738683,770.9515393580077L247.32839447457627,763.0840642981639L249.4217839324774,756.0080612987222L249.18312104311008,752.0640201430942L244.67538224267446,737.3825068931619L238.15698572827205,726.4291677648143L236.3679039847102,720.3797446562967L235.18330840179806,705.4971800316707Z"></path>
<path class="nhd" data-name="Bevo Mill" data-nhd_num="5" fill="#d9ef8b" d="M235.18330840179806,705.4971800316707L236.3679039847102,720.3797446562967L238.15698572827205,726.4291677648143L244.67538224267446,737.3825068931619L249.18312104311008,752.0640201430942L249.4217839324774,756.0080612987222L247.32839447457627,763.0840642981639L243.07041770137766,775.3930214879219L226.23930552405182,765.4147591575456L219.97345337698607,777.4927294829977L214.99103154226577,782.5437485045986L211.93429681052294,787.8302920284914L211.67177702378285,788.198001076642L190.22853740609025,775.2411309084855L194.99454375143978,766.5970739591285L189.85534055638345,759.6058345421043L193.2873593664499,756.496057565615L192.49988152692276,743.4367376085138L189.7693127471157,735.2446988748852L189.1986037647148,725.7788884716865L189.81164085913952,717.7371146065125L197.01582934908583,702.3485720772878L229.89537300717893,705.4650256391615Z"></path>
<path class="nhd" data-name="South Hampton" data-nhd_num="7" fill="#d9ef8b" d="M197.01582934908583,702.3485720772878L189.81164085913952,717.7371146065125L189.1986037647148,725.7788884716865L183.71610107960805,741.4152711177012L147.49110993308204,738.8459007059864L143.3598553187785,739.7979977329378L144.4764781967442,721.1704477648891L138.77218565900148,714.2123435192043L137.79322911946474,702.6599501013698L138.1391536928768,698.9446773730451L187.81939162885465,702.9032005353365Z"></path>
<path class="nhd" data-name="Marine Villa" data-nhd_num="18" fill="#fee08b" d="M360.6635110162206,692.0736182692926L374.70022474510733,706.8761651526729L334.9428711927485,746.5086850606313L324.7566476288757,740.1787378500158L327.36300117491555,714.1577278116602L329.6988186419494,687.7133073999139L356.9458531754226,690.4528397729737Z"></path>
<path class="nhd" data-name="Gravois Park" data-nhd_num="19" fill="#d9ef8b" d="M329.6988186419494,687.7133073999139L327.36300117491555,714.1577278116602L277.8915623762132,709.0688212301757L277.87030661823155,708.718243134208L278.7607744264933,695.9090798167745L278.911493323174,693.7007736359083L282.5613887909858,689.5209226996521L297.2185788778079,691.1825608176296L297.6297322326591,684.5600725646364Z"></path>
<path class="nhd" data-name="North Hampton" data-nhd_num="14" fill="#a6d96a" d="M204.63111258287427,662.1288235534157L201.93138693783112,691.4961732009833L197.01582934908583,702.3485720772878L187.81939162885465,702.9032005353365L138.1391536928768,698.9446773730451L141.41710127687838,688.5438259997172L143.2105694259899,662.9264796879143L144.87026248595794,658.0766267669096L171.211368953489,659.3939936406678L186.14940529044907,661.0446969332988Z"></path>
<path class="nhd" data-name="Benton Park West" data-nhd_num="30" fill="#d9ef8b" d="M329.6988186419494,687.7133073999139L297.6297322326591,684.5600725646364L297.2185788778079,691.1825608176296L282.5613887909858,689.5209226996521L285.39564204547605,685.302530180139L295.42081499794403,675.6335712739383L304.83022522260035,665.2098925555183L313.3636110380994,658.445740106341L334.0659371399506,645.2231173499604Z"></path>
<path class="nhd" data-name="Tower Grove South" data-nhd_num="15" fill="#a6d96a" d="M280.81958645333725,656.1112729849992L280.8408502536331,656.4618495583709L278.7607744264933,695.9090798167745L277.87030661823155,708.718243134208L235.18330840179806,705.4971800316707L229.89537300717893,705.4650256391615L197.01582934908583,702.3485720772878L201.93138693783112,691.4961732009833L204.63111258287427,662.1288235534157L205.41573413687001,652.229374139948L212.94969962841787,651.774443443428L234.24705847849873,653.0382624902995Z"></path>
<path class="nhd" data-name="Lindenwood Park" data-nhd_num="9" fill="#a6d96a" d="M150.2005291656369,648.6957305475953L144.87026248595794,658.0766267669096L143.2105694259899,662.9264796879143L141.41710127687838,688.5438259997172L138.1391536928768,698.9446773730451L125.49607696351268,698.2968660580809L121.71214782091556,700.2833610197704L90.64193601452826,722.5544597755943L87.1882810271909,725.3123041140207L82.99393357565532,729.96168004215L79.06206762834518,734.2434150578047L65.00271049001458,700.427624139702L68.58837166751982,685.6113159245579L74.44830841669318,680.9504009857192L83.61777156065546,675.2114859051944L86.74517883259068,671.7695027285372L93.40769785649536,661.5183872574125L103.67461774120602,651.0508911700163L106.97455681454267,645.7510673602228Z"></path>
<path class="nhd" data-name="Benton Park" data-nhd_num="22" fill="#d9ef8b" d="M362.272900045391,631.1014891726372L359.4592475565769,639.6299852989032L354.85880798250764,674.2179200739774L356.15494697136273,682.1440497617878L360.9257235466157,691.7057636092359L360.6635110162206,692.0736182692926L356.9458531754226,690.4528397729737L329.6988186419494,687.7133073999139L334.0659371399506,645.2231173499604L342.3571074895208,639.1764364561532L349.47904313995787,636.6314536765276L362.2515267216859,630.7509196684987Z"></path>
<path class="nhd" data-name="Tower Grove Park" data-nhd_num="81" fill="url(#pattern-stripe)" d="M221.74927430621392,635.9368511027715L236.07704259113234,636.9178384416155L282.35797591271694,639.9200759982923L280.81958645333725,656.1112729849992L234.24705847849873,653.0382624902995L212.94969962841787,651.774443443428L205.41573413687001,652.229374139948L206.9004160607019,635.0745256913069Z"></path>
<path class="nhd" data-name="Tower Grove East" data-nhd_num="25" fill="#a6d96a" d="M315.75505390891885,633.5815890566737L313.3636110380994,658.445740106341L304.83022522260035,665.2098925555183L295.42081499794403,675.6335712739383L285.39564204547605,685.302530180139L282.5613887909858,689.5209226996521L278.911493323174,693.7007736359083L280.8408502536331,656.4618495583709L280.81958645333725,656.1112729849992L282.35797591271694,639.9200759982923L283.42307209388855,630.0032082190737Z"></path>
<path class="nhd" data-name="McKinley Heights" data-nhd_num="23" fill="#a6d96a" d="M364.7097283629082,620.396729683358L362.53504027298004,630.7336344218056L362.2515267216859,630.7509196684987L349.47904313995787,636.6314536765276L342.3571074895208,639.1764364561532L334.0659371399506,645.2231173499604L337.14102834528785,612.9277744650899L343.2991038843993,613.256561221031L349.2836191454826,614.7393614596804Z"></path>
<path class="nhd" data-name="Soulard" data-nhd_num="21" fill="#a6d96a" d="M361.18259352836867,691.2502659276943L360.9257235466157,691.7057636092359L356.15494697136273,682.1440497617878L354.85880798250764,674.2179200739774L359.4592475565769,639.6299852989032L362.272900045391,631.1014891726372L362.53504027298004,630.7336344218056L364.7097283629082,620.396729683358L371.3065985736357,623.2492027411063L373.5127525529606,622.7627372423303L378.77784220274043,622.4414518061676L383.1419558113903,620.6796007199155L389.8403815129186,615.8721521085536L404.16433831679205,608.1353482002742L403.29052675074126,611.7954890323745L391.6490643570214,631.5080812986998L378.0238660230534,660.0500200154493L376.6969134559222,666.2887871153653L366.2063500424101,686.2816954149166Z"></path>
<path class="nhd" data-name="Fox Park" data-nhd_num="24" fill="#d9ef8b" d="M337.14102834528785,612.9277744650899L334.0659371399506,645.2231173499604L313.3636110380994,658.445740106341L315.75505390891885,633.5815890566737L317.81113530419134,611.9046249065432Z"></path>
<path class="nhd" data-name="Compton Heights" data-nhd_num="26" fill="#d9ef8b" d="M317.81113530419134,611.9046249065432L315.75505390891885,633.5815890566737L283.42307209388855,630.0032082190737L285.8379907292383,605.4899558851612L293.98016745142013,605.6994603878993L306.5194468533773,610.0399193735211Z"></path>
<path class="nhd" data-name="Kosciusko" data-nhd_num="20" fill="url(#pattern-stripe)" d="M430.7590872564506,604.3090036759968L428.8277065311504,613.9279583786265L418.0665960693441,643.3525219616713L411.7917549192116,659.7467156905914L401.5629083090953,675.3267361481267L388.71179090965416,693.265633291885L374.70022474510733,706.8761651526729L360.6635110162206,692.0736182692926L361.18259352836867,691.2502659276943L366.2063500424101,686.2816954149166L376.6969134559222,666.2887871153653L378.0238660230534,660.0500200154493L391.6490643570214,631.5080812986998L403.29052675074126,611.7954890323745L404.16433831679205,608.1353482002742L410.66970713732553,604.8346090702107L415.204233846498,601.2144277074258L417.7786993666941,597.4501879094169Z"></path>
<path class="nhd" data-name="Missouri Botanical Garden" data-nhd_num="87" fill="url(#pattern-stripe)" d="M238.51477719687318,608.0056247439352L236.07704259113234,636.9178384416155L221.74927430621392,635.9368511027715L222.55238099099915,625.6843401284423L229.689907733984,609.9468704702158L229.81969684850083,607.3880266669148Z"></path>
<path class="nhd" data-name="Shaw" data-nhd_num="27" fill="#d9ef8b" d="M270.113370058094,604.2445715158246L285.8379907292383,605.4899558851612L283.42307209388855,630.0032082190737L282.35797591271694,639.9200759982923L236.07704259113234,636.9178384416155L238.51477719687318,608.0056247439352L239.0311422535815,602.4325533242372Z"></path>
<path class="nhd" data-name="Southwest Garden" data-nhd_num="13" fill="#66bd63" d="M228.11417616795552,602.0373087859771L239.0311422535815,602.4325533242372L238.51477719687318,608.0056247439352L229.81969684850083,607.3880266669148L229.689907733984,609.9468704702158L222.55238099099915,625.6843401284423L221.74927430621392,635.9368511027715L206.9004160607019,635.0745256913069L205.41573413687001,652.229374139948L204.63111258287427,662.1288235534157L186.14940529044907,661.0446969332988L171.211368953489,659.3939936406678L144.87026248595794,658.0766267669096L150.2005291656369,648.6957305475953L151.0304885073565,644.2476023369818L151.75367394854584,633.2965682763606L152.66622391823876,629.5471746919502L186.5873176087989,631.9020028827363L192.41782200762827,630.8466232317151L207.9875919776714,624.8049414689594L210.0329123326228,603.4818669745L212.522595074739,602.9796227989136Z"></path>
<path class="nhd" data-name="Clifton Heights" data-nhd_num="11" fill="#d9ef8b" d="M152.66622391823876,629.5471746919502L151.75367394854584,633.2965682763606L151.0304885073565,644.2476023369818L150.2005291656369,648.6957305475953L106.97455681454267,645.7510673602228L109.75256043646914,635.8204771122546L114.79630412906954,627.0732860584976L121.98211556678507,620.8362303719914L137.3171530292948,611.5582068921067L149.58704976762965,606.0701953469252L153.06220383424625,613.1620707749389L153.4960446771147,625.099044658331Z"></path>
<path class="nhd" data-name="LaSalle Park" data-nhd_num="34" fill="#fee08b" d="M417.7786993666941,597.4501879094169L415.204233846498,601.2144277074258L410.66970713732553,604.8346090702107L404.16433831679205,608.1353482002742L389.8403815129186,615.8721521085536L383.1419558113903,620.6796007199155L378.77784220274043,622.4414518061676L373.5127525529606,622.7627372423303L388.5184724147457,598.8869773109036L390.2800668279888,591.1261169823701L413.7784193940952,595.8475643027632Z"></path>
<path class="nhd" data-name="Peabody Darst Webbe" data-nhd_num="33" fill="#66bd63" d="M390.2800668279888,591.1261169823701L388.5184724147457,598.8869773109036L373.5127525529606,622.7627372423303L371.3065985736357,623.2492027411063L364.7097283629082,620.396729683358L366.4027387299084,611.4966686932312L367.42172121204567,600.8783427057788L370.20792133293617,587.2492573917843Z"></path>
<path class="nhd" data-name="Lafayette Square" data-nhd_num="32" fill="#a6d96a" d="M370.20792133293617,587.2492573917843L367.42172121204567,600.8783427057788L366.4027387299084,611.4966686932312L364.7097283629082,620.396729683358L349.2836191454826,614.7393614596804L343.2991038843993,613.256561221031L337.14102834528785,612.9277744650899L338.9162360961327,596.0178948946414L342.5114778953557,581.6361860398029Z"></path>
<path class="nhd" data-name="Ellendale" data-nhd_num="10" fill="#a6d96a" d="M149.58704976762965,606.0701953469252L137.3171530292948,611.5582068921067L121.98211556678507,620.8362303719914L114.79630412906954,627.0732860584976L109.75256043646914,635.8204771122546L106.97455681454267,645.7510673602228L103.67461774120602,651.0508911700163L93.40769785649536,661.5183872574125L86.74517883259068,671.7695027285372L83.61777156065546,675.2114859051944L74.44830841669318,680.9504009857192L68.58837166751982,685.6113159245579L83.80954925974584,622.7743155367789L89.94597346555565,618.0084415476886L97.8725031380418,614.6304290526023L129.34460154413318,599.2827289536945L137.74914302201068,595.0830665479298L149.05838683700858,592.5555974425224L148.51510861033785,602.4402160783065Z"></path>
<path class="nhd" data-name="The Hill" data-nhd_num="12" fill="#a6d96a" d="M210.0329123326228,603.4818669745L207.9875919776714,624.8049414689594L192.41782200762827,630.8466232317151L186.5873176087989,631.9020028827363L152.66622391823876,629.5471746919502L153.4960446771147,625.099044658331L153.06220383424625,613.1620707749389L149.58704976762965,606.0701953469252L148.51510861033785,602.4402160783065L149.05838683700858,592.5555974425224L183.23324135841904,585.0432848019409L192.58393994095968,583.0718291190278L204.04343635638907,578.3337718789408L212.5574362991356,575.972285064694Z"></path>
<path class="nhd" data-name="The Gate District" data-nhd_num="31" fill="#a6d96a" d="M342.5114778953557,581.6361860398029L338.9162360961327,596.0178948946414L337.14102834528785,612.9277744650899L317.81113530419134,611.9046249065432L306.5194468533773,610.0399193735211L293.98016745142013,605.6994603878993L285.8379907292383,605.4899558851612L287.18237343016153,590.8059333023557L291.295397934231,570.851774404553Z"></path>
<path class="nhd" data-name="College Hill" data-nhd_num="66" fill="#fee08b" d="M380.67093495080917,411.2025323838752L373.7080342813879,410.92404837923823L360.1398158361553,417.5580316608248L358.5660426504219,414.3992541063926L353.87394929854963,410.7269266845833L349.55075474199475,408.4395048742299L343.52282071423906,401.50571451181895L332.2986898839772,395.9439518827712L346.68117874243217,375.36297692355583L347.1835371846555,374.27674740893417L350.36786148118335,371.88340992399026L359.7134007357545,378.614597992826L363.90810826930647,383.46071586193284L371.01309754369504,394.7266540763667Z"></path>
<path class="nhd" data-name="O'Fallon" data-nhd_num="68" fill="#d9ef8b" d="M347.1835371846555,374.27674740893417L346.68117874243217,375.36297692355583L332.2986898839772,395.9439518827712L325.80538655809323,408.0389086137293L322.86798735730554,415.1670736032538L310.5085163460499,408.9697518493922L304.0586482328108,422.4689188604825L282.2042232421554,411.7453654524579L282.7303124989903,411.7134233599063L291.16694787140295,394.13568174125976L296.56883350227145,382.10799219927867L297.89450923977347,380.53200045778067L312.2879769427891,369.45268351305276L315.74392845366674,376.19173038352164L322.40867555268414,384.9345911073324L332.0220799569761,377.39986091593164L336.2589576092123,382.9475473499915Z"></path>
<path class="nhd" data-name="O'Fallon Park" data-nhd_num="85" fill="url(#pattern-stripe)" d="M350.36786148118335,371.88340992399026L347.1835371846555,374.27674740893417L336.2589576092123,382.9475473499915L332.0220799569761,377.39986091593164L322.40867555268414,384.9345911073324L315.74392845366674,376.19173038352164L312.2879769427891,369.45268351305276L310.1485435925715,366.32809293680475L321.8610216376346,357.25855686626164L327.1826355334324,357.28640074055875L332.292691520619,359.174320250866L350.34648333976656,371.5328462260368Z"></path>
<path class="nhd" data-name="Penrose" data-nhd_num="69" fill="#d9ef8b" d="M303.4678505681659,361.9842473527242L310.1485435925715,366.32809293680475L312.2879769427891,369.45268351305276L297.89450923977347,380.53200045778067L296.56883350227145,382.10799219927867L291.16694787140295,394.13568174125976L282.7303124989903,411.7134233599063L282.2042232421554,411.7453654524579L273.82333308435227,407.5039449597243L259.79039478228697,401.14201037446037L238.18241125202985,390.40011754460284L247.5542250081471,370.12834554782603L251.61183814733158,372.0815695206693L253.59288462793302,367.9151105789351L257.3268198974529,369.8878676017921L262.51545227331917,359.01742516231025L268.58635037657405,362.6955342256697L273.4479351170885,364.5116789947788L280.43385955293525,364.527417702775Z"></path>
<path class="nhd" data-name="Near North Riverfront" data-nhd_num="64" fill="#fdae61" d="M444.56363983803567,533.0876777206722L430.218491410702,531.7674332238093L429.5958342562535,521.6011502231413L426.2495718224036,512.745269715786L423.4419980217972,507.37513863816275L401.84746748674115,460.57772373675834L397.60208204358605,450.2811413356685L395.5425075096864,439.85089078362216L390.0495442740521,427.0794378450664L380.67093495080917,411.2025323838752L371.01309754369504,394.7266540763667L363.90810826930647,383.46071586193284L359.7134007357545,378.614597992826L350.36786148118335,371.88340992399026L383.6412131043726,345.4852365552215L411.10413375220924,383.47902602000977L422.2766028290371,420.005586334737L438.2731832696154,476.2052567444043L443.95634829326445,514.5633595936815L444.9972895099854,526.9032323130523Z"></path>
<path class="nhd" data-name="Wells Goodfellow" data-nhd_num="50" fill="#d9ef8b" d="M219.7415703033039,380.96042035217397L196.31764430676049,431.5479845671507L173.40083714084903,417.27333837159676L143.26239504207842,399.03351556076086L155.28046821302814,376.0552249008033L170.30737391558068,347.792999388068L179.21297453800616,356.75581629225053L197.91534419973505,370.5805151537643Z"></path>
<path class="nhd" data-name="Mark Twain I-70 Industrial" data-nhd_num="70" fill="#a6d96a" d="M208.1704822492502,313.8399408867117L209.5488732053036,318.50664402154507L210.20299249014352,324.62455693035736L213.1511045497482,331.74728881550254L218.21316895645577,336.89489254527143L228.25172160405782,341.7412481032952L242.06463956844527,348.557743151614L240.12606615562254,353.4252531952807L242.703574014502,354.41266207772424L242.35827900444565,362.7902140527149L241.24803628955306,367.25569434883073L247.5542250081471,370.12834554782603L238.18241125202985,390.40011754460284L225.5429813744795,384.21599099051673L219.7415703033039,380.96042035217397L197.91534419973505,370.5805151537643L179.21297453800616,356.75581629225053L170.30737391558068,347.792999388068L171.05128893609435,345.9888741343748L194.09552069527854,302.6395190175099L201.27566372661204,305.90015903816675L205.0719253457246,308.92536433786154Z"></path>
<path class="nhd" data-name="Walnut Park East" data-nhd_num="72" fill="#d9ef8b" d="M263.6241472438378,313.03249448598945L228.25172160405782,341.7412481032952L218.21316895645577,336.89489254527143L213.1511045497482,331.74728881550254L210.20299249014352,324.62455693035736L209.5488732053036,318.50664402154507L208.1704822492502,313.8399408867117L210.43481545271243,309.65670454586507L229.4527229205105,292.4966053706012L238.1694390500943,279.56577910642955Z"></path>
<path class="nhd" data-name="Bellefontaine/Calvary Cemetery" data-nhd_num="86" fill="url(#pattern-stripe)" d="M297.969162468602,299.599082300032L307.2749470165436,319.08929708687356L314.8827388697646,338.68262702875654L318.88352968221807,345.0365813644894L323.0343121310034,349.1822024966823L312.0888064037954,357.50142142691766L309.2728755024,361.27933335787384L303.4678505681659,361.9842473527242L297.36130435054474,358.39704043447273L272.83318160622366,326.2841534341569L269.40753557077187,320.686377164704L263.6241472438378,313.03249448598945L238.1694390500943,279.56577910642955L251.96403445507713,258.67388156231027L254.25760214123147,259.67833604020416L256.26275529222767,260.6123003534158L268.82619677088405,264.951958812715L275.96064750328696,268.12537255411735L281.78714664994004,271.81788618071005L287.6372697730367,276.56442855583737L292.11235210627274,281.39443809050135L293.0302296435748,287.14435404376127Z"></path>
<path class="nhd" data-name="Walnut Park West" data-nhd_num="76" fill="#d9ef8b" d="M238.1694390500943,279.56577910642955L229.4527229205105,292.4966053706012L210.43481545271243,309.65670454586507L208.1704822492502,313.8399408867117L205.0719253457246,308.92536433786154L201.27566372661204,305.90015903816675L194.09552069527854,302.6395190175099L218.83423076679355,255.22690349127515L221.21249360136244,257.63392801288865Z"></path>
<path class="nhd" data-name="North Pointe" data-nhd_num="73" fill="#d9ef8b" d="M257.5874398358519,250.32807973213494L238.1694390500943,279.56577910642955L221.21249360136244,257.63392801288865L218.83423076679355,255.22690349127515L229.11974103705325,236.04395363898948L243.3782782707276,227.52727864781627L261.18500756982394,217.29911071513197L259.68936267945173,229.44097395401332L258.2613110206348,247.38437711365987Z"></path>
<path class="nhd" data-name="Baden" data-nhd_num="74" fill="#d9ef8b" d="M312.1935886454994,193.79100435235887L303.2863391867322,203.48148600646527L300.536157950306,208.31094927314552L299.5419893650869,215.32066530062002L297.7716687363554,240.93822557595558L296.76235792368425,261.05566996210837L297.83772859701094,265.3885441694001L302.46743235342547,272.7599709588103L313.70956942202247,287.38197099466925L297.969162468602,299.599082300032L293.0302296435748,287.14435404376127L292.11235210627274,281.39443809050135L287.6372697730367,276.56442855583737L281.78714664994004,271.81788618071005L275.96064750328696,268.12537255411735L268.82619677088405,264.951958812715L256.26275529222767,260.6123003534158L254.25760214123147,259.67833604020416L251.96403445507713,258.67388156231027L257.5874398358519,250.32807973213494L258.2613110206348,247.38437711365987L259.68936267945173,229.44097395401332L261.18500756982394,217.29911071513197L276.2694365046045,208.37857273427653L283.8096997775192,204.2259550433373L292.113629406389,198.61924049427034L303.0148254589767,194.34963604918448L309.1848550360246,190.36758251409628Z"></path>
<path class="nhd" data-name="Riverview" data-nhd_num="75" fill="#a6d96a" d="M331.54143870673215,200.26543271943228L317.5170825700461,198.56885453741415L312.1935886454994,193.79100435235887L309.1848550360246,190.36758251409628L314.826183291123,182.37116591824451L319.5302925571341,176.9826945499517L333.953647660981,166.60348205274204L346.2160220995884,152.74868770170724L359.626775486131,135.1285562478588L373.5777150958729,116.41903813224053L378.3236203162469,107.77209085470531L387.06916081968666,95.53763836118742L395.2265318807822,82.98699719560682L401.69096520201674,70.62772355374182L404.2885354454993,58.065338710235665L406.3084090231314,36.74167213853798L404.3958066148916,23.39999999999418L430.1331656633083,25.076652977906633L416.1402586229178,74.0527361286513L413.2931853613918,95.77911730634514L411.928499534788,101.31669273908483L408.9683505332541,107.3038780677307L405.3777214145812,112.27404031102196L398.82745342688395,119.27266625571065L390.5926016703597,125.93436585465679L371.51431089692414,142.40721837666933L351.497138469138,161.4868831158965L339.87010141721476,176.44672791982885L336.0368645017079,182.13435184469563L332.62235155008966,190.69925443825196Z"></path>
<path class="nhd" data-name="Forest Park" data-nhd_num="82" fill="url(#pattern-stripe)" d="M181.36690521172386,508.27517563008587L202.4096746647774,509.5561799017014L209.1529694859637,510.2044345792674L208.35300321792056,515.7945301275468L206.65315490680587,542.8143737439241L207.07135669629315,549.7383212881978L210.28340875475078,556.4935102039599L212.46524263022002,560.3201128884684L213.29876331142077,565.3717131116719L185.28513047859087,563.8081099829578L150.80577641947275,561.4872544425889L123.58207127204878,559.5177934155508L112.9244381315657,558.662536100921L101.19994064117418,558.3106788122968L102.5334327986111,548.0270135294413L102.96919722451457,537.0055503457843L104.23929437504012,525.6701305187598L106.92616997759797,514.2496604026237L107.86514247931154,502.1424338335055L108.7784153049688,503.14315360289766L148.83792129613175,505.83687682347954L149.09870106627022,500.71930957306176L151.04183802811713,500.60234251705697L153.00608131935587,500.8359438475454L152.7664824661988,506.30409791125567Z"></path>
<path class="nhd" data-name="DeBaliviere Place" data-nhd_num="47" fill="#f46d43" d="M167.30284342892992,478.5116851775965L179.89529958791172,479.1599185667583L183.3237665661636,480.09664684237214L181.36690521172386,508.27517563008587L152.7664824661988,506.30409791125567L153.00608131935587,500.8359438475454L151.04183802811713,500.60234251705697L152.74112862198854,477.54161858704174Z"></path>
<path class="nhd" data-name="Skinker DeBaliviere" data-nhd_num="46" fill="#d73027" d="M152.74112862198854,477.54161858704174L151.04183802811713,500.60234251705697L149.09870106627022,500.71930957306176L148.83792129613175,505.83687682347954L108.7784153049688,503.14315360289766L107.86514247931154,502.1424338335055L101.77335830111224,502.85993303818395L103.67697542755923,474.3338596667163L123.84522612268483,475.3215452427394Z"></path>
<path class="nhd" data-name="Downtown" data-nhd_num="35" fill="#d9ef8b" d="M430.218491410702,531.7674332238093L444.56363983803567,533.0876777206722L444.7394969789584,549.8790708711022L430.7590872564506,604.3090036759968L417.7786993666941,597.4501879094169L413.7784193940952,595.8475643027632L390.2800668279888,591.1261169823701L398.1058286548887,558.8912953923282L400.6063572844905,545.2792523698008L404.14907093127295,530.107985523442L404.12763428929793,529.7574219068629L426.1825096444318,534.2138221704517L430.4868782317717,536.149453661812Z"></path>
<path class="nhd" data-name="North Riverfront" data-nhd_num="79" fill="#d73027" d="M331.54143870673215,200.26543271943228L327.85174888276015,217.64359705822426L327.1575248553454,251.5527123021311L332.2577784541663,271.29818852673634L339.1452816875135,288.3836708033923L340.63276681605385,290.14028291756404L360.50567959778346,318.3968591847224L358.95937687488185,320.33853264249046L383.6412131043726,345.4852365552215L350.36786148118335,371.88340992399026L350.34648333976656,371.5328462260368L332.292691520619,359.174320250866L327.1826355334324,357.28640074055875L321.8610216376346,357.25855686626164L310.1485435925715,366.32809293680475L303.4678505681659,361.9842473527242L309.2728755024,361.27933335787384L312.0888064037954,357.50142142691766L323.0343121310034,349.1822024966823L318.88352968221807,345.0365813644894L314.8827388697646,338.68262702875654L307.2749470165436,319.08929708687356L297.969162468602,299.599082300032L313.70956942202247,287.38197099466925L302.46743235342547,272.7599709588103L297.83772859701094,265.3885441694001L296.76235792368425,261.05566996210837L297.7716687363554,240.93822557595558L299.5419893650869,215.32066530062002L300.536157950306,208.31094927314552L303.2863391867322,203.48148600646527L312.1935886454994,193.79100435235887L317.5170825700461,198.56885453741415Z"></path>
<path class="nhd" data-name="Mark Twain" data-nhd_num="71" fill="#d9ef8b" d="M303.4678505681659,361.9842473527242L280.43385955293525,364.527417702775L273.4479351170885,364.5116789947788L268.58635037657405,362.6955342256697L262.51545227331917,359.01742516231025L256.14025087128175,355.0057787618716L242.06463956844527,348.557743151614L228.25172160405782,341.7412481032952L263.6241472438378,313.03249448598945L269.40753557077187,320.686377164704L272.83318160622366,326.2841534341569L297.36130435054474,358.39704043447273Z"></path>
<path class="nhd" data-name="Penrose Park" data-nhd_num="84" fill="url(#pattern-stripe)" d="M262.51545227331917,359.01742516231025L257.3268198974529,369.8878676017921L253.59288462793302,367.9151105789351L251.61183814733158,372.0815695206693L247.5542250081471,370.12834554782603L241.24803628955306,367.25569434883073L242.35827900444565,362.7902140527149L242.703574014502,354.41266207772424L240.12606615562254,353.4252531952807L242.06463956844527,348.557743151614L256.14025087128175,355.0057787618716Z"></path>
</g>
</svg>
</body>
svg {
-webkit-filter: drop-shadow( 2px 2px 4px rgba(0,0,0,.4) );
filter: drop-shadow( 2px 2px 4px rgba(0,0,0,.4) );
}
Also see: Tab Triggers