CINXE.COM

<!DOCTYPE html> <html lang="en"> <head>  <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-S29F242MJD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-S29F242MJD'); </script>  <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '382690307568233'); fbq('track', 'PageView'); </script>  <meta content="fa07d6152edde8d3" name="yandex-verification"/> <meta content="sq2rkar39fo53k44oywkshf8k4rklq" name="facebook-domain-verification"/> <meta content="ca-pub-5201768345651154" name="google-adsense-account"/> <meta charset="utf-8"/> <meta content="IE=edge" http-equiv="X-UA-Compatible"/> <meta content="width=device-width, initial-scale=1" name="viewport"/> <meta content="all,follow" name="robots"/> <meta content="en" http-equiv="Content-Language"/> <meta content="CartoChrome" name="author"/> <meta content="notranslate" name="google"/> <meta content="CartoChrome" property="og:site_name"/> <meta content="website" property="og:type"/> <meta content="en_US" property="og:locale"/> <meta content="Global" name="distribution"/> <meta content="contact@CartoChrome.com" http-equiv="Reply-to"/>  <link href="https://cartochrome.s3-us-west-1.amazonaws.com/static/img/cartochrome-logo-icon-transparent.png" rel="shortcut icon"/> <link href="https://www.cartochrome.com/healthscore/overall-health-score/MA/02176/" rel="canonical"> <link href="https://www.cartochrome.com/healthscore/overall-health-score/MA/02176/" hreflang="en-US" rel="alternate"/> <link href="https://www.cartochrome.com/healthscore/overall-health-score/MA/02176/" hreflang="x-default" rel="alternate"/>  <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "url": "https://www.CartoChrome.com/", "name": "CartoChrome - Your Health. Your Home.", "description": "Move to the areas with access to healthcare on CartoChrome. Find ZIP Codes with a better commute, healthcare resources, and transportation choices.", "publisher": { "@type": "Organization", "name": "CartoChrome", "logo": { "@type": "ImageObject", "url": "https://cartochrome.s3-us-west-1.amazonaws.com/static/img/cartochrome-logo-icon-transparent.png" } } } </script> <script async="" crossorigin="anonymous" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5201768345651154"></script> <title>02176, Melrose, MA - Overall Health Score - CartoChrome</title> <meta content="ZIP Code 02176, Melrose, Massachusetts has Health Score of 87 for you and your family." name="description"/> <meta content="real estate near top healthcare in 02176, zip code, zip code 02176, 02176, 02176 zip code, zip code map, healthcare, Melrose, Melrose zip code, Massachusetts, health score, health care, real estate, community health, medicine, Overall Health Score" name="keywords"/>  <meta content=">02176, Melrose, MA - Overall Health Score - CartoChrome" property="og:title"/> <meta content="ZIP Code 02176, Melrose, Massachusetts has Health Score of 87 for you and your family." property="og:description"/> <meta content="https://www.cartochrome.com/healthscore/overall-health-score/MA/02176/" property="og:url"/> <meta content="https://cartochrome.s3-us-west-1.amazonaws.com/media/healthscore/healthscore_images/healthcare-community-13.webp" property="og:image"/>  <meta content="summary_large_image" name="twitter:card"/> <meta content="02176, Melrose, MA - Overall Health Score - CartoChrome" name="twitter:title"/> <meta content="ZIP Code 02176, Melrose, Massachusetts has Health Score of 87 for you and your family." name="twitter:description"/> <meta content="https://cartochrome.s3-us-west-1.amazonaws.com/media/healthscore/healthscore_images/healthcare-community-13.webp" name="twitter:image"/> <meta content="@CartoChrome" name="twitter:site"/> <meta content="@CartoChrome" name="twitter:creator"/> <link href="https://cartochrome.s3-us-west-1.amazonaws.com/static/img/cartochrome-logo-icon-transparent.png" rel="icon" type="image/png"/>  <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebPage", "url": "/healthscore/overall-health-score/MA/02176/", "name": "02176, Melrose, MA - Overall Health Score - CartoChrome", "description": "ZIP Code 02176, Melrose, Massachusetts has Health Score of 87 for you and your family.", "breadcrumb": { "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Home", "item": "/" }, { "@type": "ListItem", "position": 2, "name": "Health Score", "item": "https://www.cartochrome.com/healthscore/overall-health-score/MA/02176/" } ] } } </script> <link href="https://api.mapbox.com/mapbox-gl-js/v2.6.1/mapbox-gl.css" rel="stylesheet"> <link href="https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v4.7.0/mapbox-gl-geocoder.css" rel="stylesheet" type="text/css"/> <link href="https://unpkg.com/swiper/swiper-bundle.min.css" rel="stylesheet"/>  <link crossorigin="" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" rel="stylesheet"/>  <link href="https://cartochrome.s3-us-west-1.amazonaws.com/static/vendor/nouislider/nouislider.css" rel="stylesheet"/>  <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700" rel="stylesheet"/>  <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,400i,700" rel="stylesheet"/>  <link href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.4.1/css/swiper.min.css" rel="stylesheet"/>  <link href="https://cartochrome.s3-us-west-1.amazonaws.com/static/vendor/magnific-popup/magnific-popup.css" rel="stylesheet"/>  <link href="https://cartochrome.s3-us-west-1.amazonaws.com/static/css/style.green.min.css" id="theme-stylesheet" rel="stylesheet"/>  <link href="https://cartochrome.s3-us-west-1.amazonaws.com/static/css/custom.css" rel="stylesheet"/>  <link href="https://cartochrome.s3-us-west-1.amazonaws.com/static/css/search.css" rel="stylesheet"/>  <link href="https://cartochrome.s3-us-west-1.amazonaws.com/static/img/cartochrome-logo-icon-transparent.png" rel="shortcut icon"/>  <link crossorigin="anonymous" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" rel="stylesheet"/> </link></link></head> <body class="d-flex flex-column min-vh-100" style="padding-top: 72px;"> <header class="header">  <nav class="navbar navbar-expand-lg fixed-top shadow navbar-light bg-white"> <div class="container-fluid"> <div class="d-flex align-items-center"><a class="navbar-brand py-1" href="/"><img alt="Directory logo" src="https://cartochrome.s3-us-west-1.amazonaws.com/static/img/cartochrome-logo-resized.png"/></a> <form action="#" class="form-inline d-none d-sm-flex app-search" id="search-form-nav"> <div class="input-label-absolute input-label-absolute-left input-expand ms-lg-2 ms-xl-3"> <label class="label-absolute" for="search-input-nav"><i class="fa fa-search"></i><span class="sr-only">Search ZIP Code</span></label> <input aria-label="Search" class="form-control form-control-sm border-0 shadow-0 bg-gray-200" id="search-input-nav" maxlength="5" placeholder="Search ZIP Code" type="search"/> </div> </form> </div> <button aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler navbar-toggler-right" data-bs-target="#navbarCollapse" data-bs-toggle="collapse" type="button"><i class="fa fa-bars"></i></button>  <div class="collapse navbar-collapse" id="navbarCollapse"> <form action="#" class="form-inline mt-4 mb-2 d-sm-none" id="searchcollapsed"> <input name="csrfmiddlewaretoken" type="hidden" value="5x1scYoZRzzbN6t6GKJ3hqKzrEzctkhH63fBzKHVpeeXdMeKkI6VLxSleYgnPVgb"/> <div class="input-label-absolute input-label-absolute-left w-100"> <label class="label-absolute" for="searchcollapsed_search"><i class="fa fa-search"></i><span class="sr-only">Search</span></label> <input aria-label="Search" class="form-control form-control-sm border-0 shadow-0 bg-gray-200" id="searchcollapsed_search" maxlength="5" placeholder="Search ZIP Code" type="search"/> </div> </form> <ul class="navbar-nav ms-auto"> <li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true" class="nav-link dropdown-toggle active" data-bs-toggle="dropdown" href="/" id="homeDropdownMenuLink"> Menu</a> <div aria-labelledby="homeDropdownMenuLink" class="dropdown-menu"> <a class="dropdown-item" href="/about-us/">About Us</a> <a class="dropdown-item" href="/blog/">Blog</a>  <a class="dropdown-item" href="/contact/">Contact</a> </div> </li>  <li class="nav-item"><a class="nav-link" href="/accounts/login/">Sign in</a></li> <li class="nav-item"><a class="nav-link" href="/accounts/signup/">Sign up</a></li> <li class="nav-item mt-3 mt-lg-0 ms-lg-3 d-lg-none d-xl-inline-block"><a class="btn btn-outline-primary" href="/add-listing/">Add Your Practice</a></li> </ul> </div> </div> </nav>  <div class="result-card not-visible" id="result-box-nav"></div> </header> <script> document.addEventListener('DOMContentLoaded', function() { const url = "/search-result-nav/"; // Replace with your Django URL for the AJAX endpoint const searchInputNav = document.getElementById('search-input-nav'); const searchInputMobile = document.getElementById('searchcollapsed_search'); const resultsDiv = document.getElementById('result-box-nav'); // Function to construct the URL for the health score overview function constructHealthScoreUrl(healthscoreSlug, state, zipCode) { return `/healthscore/${healthscoreSlug}/${state}/${zipCode}/`; // Update this to match your URL pattern } let timeout = null; const debounce = (func, delay) => { clearTimeout(timeout); timeout = setTimeout(func, delay); }; const clearOtherSearchInput = (currentInput) => { if (currentInput === searchInputNav) { searchInputMobile.value = ''; } else { searchInputNav.value = ''; } }; const sendSearchData = (zipCode, currentInput) => { clearOtherSearchInput(currentInput); if (zipCode.trim() === '') { resultsDiv.style.display = 'none'; return; } resultsDiv.style.display = 'block'; fetch(url, { method: 'POST', headers: { 'X-Requested-With': 'XMLHttpRequest', 'X-CSRFToken': document.querySelector('[name=csrfmiddlewaretoken]').value, 'Content-Type': 'application/x-www-form-urlencoded' }, body: `zip_code=${encodeURIComponent(zipCode)}` }) .then(response => response.json()) .then(data => { let results = data.data; resultsDiv.innerHTML = ''; // Clear previous results let list = document.createElement('ul'); list.classList.add('result-list'); resultsDiv.appendChild(list); if (Array.isArray(results) && results.length > 0) { results.forEach(item => { let listItem = document.createElement('li'); listItem.classList.add('result-list-item'); // Add a class for styling // Text content let textContent = document.createElement('span'); textContent.textContent = `${item.zip_code}, ${item.city}, ${item.state}`; listItem.appendChild(textContent); // Image let img = document.createElement('img'); img.src = item.healthscore_number_image; // The URL of the image img.classList.add('result-image'); // Add a class for styling listItem.appendChild(img); let anchor = document.createElement('a'); anchor.classList.add('result-item'); anchor.classList.add('link'); anchor.href = constructHealthScoreUrl(item.healthcare_slug, item.state_id, item.zip_code); anchor.appendChild(listItem); list.appendChild(anchor); }); } else { let listItem = document.createElement('li'); listItem.textContent = 'No results found'; list.appendChild(listItem); } }) .catch(error => { console.error('Error:', error); }); }; const handleInputEvent = (e, searchInput) => { debounce(() => sendSearchData(e.target.value, searchInput), 200); }; if (searchInputNav) { searchInputNav.addEventListener('input', (e) => handleInputEvent(e, searchInputNav)); } if (searchInputMobile) { searchInputMobile.addEventListener('input', (e) => handleInputEvent(e, searchInputMobile)); } }); </script>  <section class="pt-5 pb-5 d-flex align-items-end dark-overlay bg-cover" style="background-image: url('https://cartochrome.s3-us-west-1.amazonaws.com/media/healthscore/healthscore_images/healthcare-community-13.webp');"> <div class="container overlay-content"> <div class="d-flex justify-content-between align-items-start flex-column flex-lg-row align-items-lg-end"> <div class="text-white mb-4 mb-lg-0"> <div class="badge badge-pill badge-transparent px-3 py-2 mb-4">Overall Health Score</div> <h1 class="text-shadow verified"> <i class="fas fa-map-marker-alt me-2"></i> 02176, Melrose, Massachusetts <span class="h4 d-block">Overall Health Score</span> </h1> <p class="mb-0 d-flex align-items-center h5">Average Rating: 0.0 / 5 stars </p> <p class="h5"> 0 Reviews </p> </div> <div class="calltoactions"><a class="btn btn-primary" data-smooth-scroll="" href="#leaveReview" onclick="$('#leaveReview').collapse('show')">Leave a Review</a></div> </div> </div> </section> <section class="py-4"> <div class="container"> <h5>Health Scores</h5> <ul class="nav nav-pills-custom"> <li class="nav-item"><small><a class="nav-link active" href="/healthscore/overall-health-score/MA/02176/">Overview</a></small></li> <li class="nav-item"><small><a class="nav-link" href="/healthscore/overall-health-score/MA/02176/people-score/">People Score</a></small></li> <li class="nav-item"><small><a class="nav-link" href="/healthscore/overall-health-score/MA/02176/provider-score/">Provider Score</a></small></li> <li class="nav-item"><small><a class="nav-link" href="/healthscore/overall-health-score/MA/02176/hospital-score/">Hospital Score</a></small></li> <li class="nav-item"><small><a class="nav-link" href="/healthscore/overall-health-score/MA/02176/travel-score/">Travel Score</a></small></li> </ul> <div class="row"> <div class="col-lg-12">  <div class="text-block"> <h3 class="mb-3">About</h3> <div class="row"> <div class="col-lg-8"> <p class="text-muted">The Overall Health Score in 02176, Melrose, Massachusetts is 87 out of 100 when comparing 34,000 ZIP Codes in the United States.</p> <p class="text-muted">67.22 percent of the population in 02176 drive to work alone. 23.85 percent of the people take some form of public transportation like the bus or the train to work. Approximately 37.00 percent of the residents get to work in less than 30 minutes. 15.60 percent of the residents in 02176 get to work in more than 60 minutes. The average household size is approximately 2.41 members with about 1.95 cars available per household.</p> <p class="text-muted">An estimate of 97.74 percent of the residents in 02176 has some form of health insurance. 26.03 percent of the residents have some type of public health insurance like <a class="fw-bold" href="https://www.medicare.gov/basics/get-started-with-medicare" target="_blank">Medicare</a>, <a class="fw-bold" href="https://www.medicaid.gov/" target="_blank">Medicaid</a>, <a class="fw-bold" href="https://www.va.gov/health-care/" target="_blank">Veterans Affairs (VA)</a>, or <a class="fw-bold" href="https://tricare.mil/" target="_blank">TRICARE</a>. About 85.67 percent of the residents have private health insurance, either through their employer or direct purchase.</p> <p class="text-muted">A resident in 02176 would have to travel an average of 0.14 miles to reach the nearest hospital with an emergency room, <a class="fw-bold" href="/facilities/2286/"> MELROSEWAKEFIELD HEALTHCARE </a> . In a 20-mile radius, there are 5,880 healthcare providers accessible to residents in 02176, Melrose, Massachusetts. </p> </div> <div class="col-lg-4"> <div class="ps-xl-4">  <div class="card border-0 shadow mb-5"> <div class="card-header bg-gray-100 py-4 border-0"> <div class="d-flex align-items-center justify-content-between"> <div> <p class="subtitle text-sm text-primary">Health Scores in 02176, Melrose, Massachusetts</p> </div> <svg class="svg-icon svg-icon svg-icon-light w-3rem h-3rem ms-3 text-muted flex-shrink-0"> <use xlink:href="#map-location-1"></use> </svg> </div> </div> <div class="card-body table-responsive"> <table class="table text-sm table-sm mb-0"> <tr> <th class="ps-0">Overall Health Score</th> <td class="pe-0 text-end"><span class="circular-badge text-white" style="background-color: #51CC00;">87</span></td> </tr> <tr> <th class="ps-0">People Score</th> <td class="pe-0 text-end"><span class="circular-badge text-white" style="background-color: #CDA301;"> 46</span></td> </tr> <tr> <th class="ps-0">Provider Score</th> <td class="pe-0 text-end"><span class="circular-badge text-white" style="background-color: #03CF03;"> 100</span></td> </tr> <tr> <th class="ps-0">Hospital Score</th> <td class="pe-0 text-end"><span class="circular-badge text-white" style="background-color: #CD7A00;">34</span></td> </tr> <tr> <th class="ps-0">Travel Score</th> <td class="pe-0 text-end"><span class="circular-badge text-white" style="background-color: #29CC01;">90</span></td> </tr> </table> </div> </div> </div> </div> </div> </div> <div class="text-block">  <h3 class="mb-4">Location</h3> <div class="map-wrapper-300 mb-3"> <div class="h-100" id="detailMap"></div> </div> </div>  <div class="text-block"> <h3 class="mb-3">General Statistics</h3> <div class="row"> <div class="col-lg-7"> <div class="card shadow mb-5"> <div class="card-body table-responsive"> <table class="table table-hover text-sm mb-0"> <thead class="thead-dark"> <tr class="bg-gray-100"> <th class=""> <svg class="svg-icon svg-icon svg-icon-light w-2rem h-2rem ms-1 text-muted flex-shrink-0"> <use xlink:href="#user-1"></use> </svg></th> <th class="col">02176</th> <th class="col">Melrose</th> <th class="col">Massachusetts</th> </tr> </thead> <tbody> <tr> <td class="">Population</td> <td class="">29,401</td> <td class="">29,401</td> <td class="">6,991,492</td> </tr> <tr> <td class="">Female median age</td> <td class="">43.6</td> <td class="">43.6</td> <td class="">41.3</td> </tr> <tr> <td class="">Male median age</td> <td class="">41.4</td> <td class="">41.4</td> <td class="">39.2</td> </tr> <tr> <td class="">Male:Female ratio</td> <td class="">0.93 : 1</td> <td class="">0.93 : 1</td> <td class="">0.95 : 1</td> </tr> <tr> <td class="">Married (15yrs & older)</td> <td class="">40.86%</td> <td class="">40.86%</td> <td class="">40.43%</td> </tr> </tbody> </table> </div> </div> </div> <div class="col-lg-5"> <div class="ps-xl-4">  <div class="card border-0 shadow mb-5"> <div class="card-header bg-gray-100 py-4 border-0"> <div class="d-flex align-items-center justify-content-between"> <div> <p class="subtitle text-sm text-primary">Racial Breakdown in 02176, Melrose, Massachusetts</p> </div> <svg class="svg-icon svg-icon svg-icon-light w-3rem h-3rem ms-3 text-muted flex-shrink-0"> <use xlink:href="#map-location-1"></use> </svg> </div> </div> <div class="card-body table-responsive"> <table class="table table-hover table-sm text-md mb-0"> <thead class="thead-dark"> <tr class="bg-gray-100"> <th class="col"> <svg class="svg-icon svg-icon svg-icon-light w-2rem h-2rem ms-1 text-muted flex-shrink-0"> <use xlink:href="#user-1"></use> </svg> (%)</th> <th class="col">02176</th> <th class="col">Melrose</th> <th class="col">Massachusetts</th> </tr> </thead> <tbody> <tr> <td class="">White</td> <td class="">80.7</td> <td class="">80.7</td> <td class="">69.7</td> </tr> <tr> <td class="">Black</td> <td class="">3.4</td> <td class="">3.4</td> <td class="">6.7</td> </tr> <tr> <td class="">Hispanic or Latino origin</td> <td class="">3.6</td> <td class="">3.6</td> <td class="">12.4</td> </tr> <tr> <td class="">Asian</td> <td class="">8.3</td> <td class="">8.3</td> <td class="">6.8</td> </tr> <tr> <td class="">American Indian</td> <td class="">0.0</td> <td class="">0.0</td> <td class="">0.1</td> </tr> <tr> <td class="">Native Hawaiian</td> <td class="">0.0</td> <td class="">0.0</td> <td class="">0.0</td> </tr> <tr> <td class="">Mixed race</td> <td class="">3.7</td> <td class="">3.7</td> <td class="">3.4</td> </tr> <tr> <td class="">Other race</td> <td class="">0.3</td> <td class="">0.3</td> <td class="">0.9</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> </div>  <div class="text-block"> <h3 class="mb-3">Median Income</h3> <div class="row"> <div class="col-lg-8"> <div class="card shadow mb-5"> <div class="card-body table-responsive"> <table class="table table-hover text-sm mb-0"> <thead class="thead-dark"> <tr class="bg-gray-100"> <th class=""> <svg class="svg-icon svg-icon svg-icon-light w-2rem h-2rem ms-1 text-muted flex-shrink-0"> <use xlink:href="#user-1"></use> </svg> (%)</th> <th class="col">02176</th> <th class="col">Melrose</th> <th class="col">Massachusetts</th> </tr> </thead> <tbody> <tr> <td class="">Under $25,000</td> <td class="">10.59</td> <td class="">10.59</td> <td class="">15.17</td> </tr> <tr> <td class="">$25,000 to $49,999</td> <td class="">12.23</td> <td class="">12.23</td> <td class="">14.53</td> </tr> <tr> <td class="">$50,000 to $74,999</td> <td class="">9.74</td> <td class="">9.74</td> <td class="">13.48</td> </tr> <tr> <td class="">$75,000 to $99,999</td> <td class="">8.13</td> <td class="">8.13</td> <td class="">11.65</td> </tr> <tr> <td class="">$100,000 to $149,999</td> <td class="">17.47</td> <td class="">17.47</td> <td class="">17.81</td> </tr> <tr> <td class="">$150,000 to $199,999</td> <td class="">18.15</td> <td class="">18.15</td> <td class="">11.05</td> </tr> <tr> <td class="">$200,000 and More</td> <td class="">23.71</td> <td class="">23.71</td> <td class="">16.30</td> </tr> </tbody> </table> </div> </div> <p class="text-muted"> As of <script>document.write(new Date().getFullYear())</script>, an estimate of 29,401 residents live in 02176 with a median age of 42.1 years. 19.92 percent of the population is under the age of 18, and 18.71 percent of the population is at least 65 years of age. 40.86 percent of the residents in 02176 is currently married, and 19.24 percent of the population has never been married. </p> <p class="text-muted">The monthly median household income in 02176 is $13,484.58. The monthly median housing costs for residents in 02176 is approximately $2,027. The median household spends about 15.03 percent of their income on housing.</p> </div> <div class="col-lg-4"> <div class="ps-xl-4">  <div class="card border-0 shadow mb-5"> <div class="card-header bg-gray-100 py-4 border-0"> <div class="d-flex align-items-center justify-content-between"> <div> <p class="subtitle text-sm text-primary">Monthly Housing Costs in 02176, Melrose, Massachusetts</p> </div> <svg class="svg-icon svg-icon svg-icon-light w-3rem h-3rem ms-3 text-muted flex-shrink-0"> <use xlink:href="#map-location-1"></use> </svg> </div> </div> <div class="card-body"> <canvas id="incomeChart"></canvas> <canvas id="housingCostChart"></canvas> <canvas id="housingToIncomeRatioChart"></canvas> </div> </div> </div> </div> </div> </div>  <div class="text-block"> <h3 class="mb-3">Education</h3> <div class="card shadow mb-5"> <div class="card-body"> <div class="row"> <div class="col-lg-12"> <div class="chart-container" style="position: relative; height:60vh"> <canvas id="educationChart"></canvas> </div> </div> </div> </div> </div> <div class="my-5"> <p class="text-muted">69.51 percent of the residents have at least a Bachelor's Degree in Overall Health Score. 25.54 percent have Graduate or Professional Degree.</p> <p class="text-muted"></p> <p class="text-muted"></p> </div> </div>  <div class="text-block"> <h3 class="mb-3">Our Review of 02176, Melrose, Massachusetts</h3> <div class="row"> <div class="col-lg-12"> <p class="text-muted">Melrose, Massachusetts, located in ZIP Code 02176, is a vibrant and welcoming city with a strong focus on healthcare amenities for its residents. As potential movers consider this area, it's important to understand the healthcare accessibility, unique local health initiatives, and community features that make Melrose a great place to live, especially for those with long-term illnesses or disabilities.</p><p class="text-muted"></p><p class="text-muted">The history of Melrose dates back to the 17th century when European settlers first arrived in the area. Over time, it evolved from a rural farming community to a bustling suburban city. Today, Melrose is known for its charming neighborhoods, excellent schools, and strong sense of community.</p><p class="text-muted"></p><p class="text-muted">When it comes to healthcare access, Melrose offers a variety of options for residents. The city is home to several medical facilities, including the Melrose-Wakefield Hospital. This full-service hospital provides a wide range of healthcare services, from emergency care to specialized treatments. Additionally, Melrose is conveniently located near several major medical centers in Boston, ensuring residents have access to top-tier medical care.</p><p class="text-muted"></p><p class="text-muted">For those with disabilities or mobility challenges, Melrose is committed to providing accessible healthcare options. Many medical facilities in the area offer accommodations for individuals with disabilities, such as wheelchair ramps, accessible parking spaces, and ADA-compliant facilities. Public transportation options also cater to those with disabilities, with accessible buses and paratransit services available for residents who require special assistance.</p><p class="text-muted"></p><p class="text-muted">In addition to traditional healthcare amenities, Melrose boasts unique local health initiatives aimed at promoting wellness and community engagement. The city's parks and recreation department organizes various fitness classes, wellness workshops, and community health fairs throughout the year. These initiatives not only encourage healthy living but also foster a strong sense of camaraderie among residents.</p><p class="text-muted"></p><p class="text-muted">Locals typically access healthcare through a combination of personal vehicles, public transportation, and ride-sharing services. Many residents own cars and utilize them to reach medical appointments and facilities within the city and surrounding areas. Public transportation options such as buses provide convenient access to medical centers in Boston for those without personal vehicles. Additionally, ride-sharing services like <a class="fw-bold" href="https://www.uber.com/" target="_blank">Uber</a> and <a class="fw-bold" href="https://www.lyft.com/" target="_blank">Lyft</a> offer an alternative mode of transportation for residents seeking medical care.</p><p class="text-muted"></p><p class="text-muted">For potential movers considering Melrose as their new home, the city's commitment to healthcare accessibility and wellness initiatives makes it an attractive choice. Whether you're in need of specialized medical treatment or simply looking to prioritize your overall well-being, Melrose has the resources and support systems in place to ensure that all residents can lead healthy and fulfilling lives.</p><p class="text-muted"></p><p class="text-muted">In conclusion, Melrose offers a robust healthcare infrastructure with a focus on accessibility and community wellness. From top-tier medical facilities to unique local health initiatives, the city provides comprehensive healthcare amenities for its residents. With its rich history and commitment to promoting well-being for all members of the community, Melrose is an ideal destination for those seeking a supportive and health-conscious environment.</p><p class="text-muted"></p> </div> </div> </div> <div class="text-block" id="reviews-section"> <p class="subtitle text-sm text-primary">Reviews</p> <h5 class="mb-4">Recent Reviews </h5> <p>No reviews yet.</p>  <nav aria-label="Provider Navigation" class="my-3"> <ul class="pagination"> <li class="page-item active"><a class="page-link" href="#reviews-section">1</a></li> </ul> </nav> <div class="py-5"> <button aria-controls="leaveReview" aria-expanded="false" class="btn btn-outline-primary" data-bs-target="#leaveReview" data-bs-toggle="collapse" type="button">Leave a review</button> <div class="collapse mt-4" id="leaveReview"> <h5 class="mb-4">Leave a review</h5> <form action="" class="form" id="contact-form" method="post"> <input name="csrfmiddlewaretoken" type="hidden" value="5x1scYoZRzzbN6t6GKJ3hqKzrEzctkhH63fBzKHVpeeXdMeKkI6VLxSleYgnPVgb"/> <p> <label for="id_stars">How would you rate the health care access in this area? *:</label> <select class="form-select focus-shadow-0" id="id_stars" name="stars"> <option value="5">★★★★★ (5/5)</option> <option value="4">★★★★☆ (4/5)</option> <option value="3">★★★☆☆ (3/5)</option> <option value="2">★★☆☆☆ (2/5)</option> <option value="1">★☆☆☆☆ (1/5)</option> </select> </p> <p> <label for="id_access">How would you describe your health care access in this area? *:</label> <select aria-label="Default select example" class="form-select" id="id_access" name="access" required=""> <option selected="" value="">Open this select menu</option> <option value="3">Adequate</option> <option value="9">Community-Driven</option> <option value="18">Culturally Sensitive</option> <option value="20">Elderly-Focused</option> <option value="11">Emergency-Focused</option> <option value="1">Excellent</option> <option value="8">Expensive</option> <option value="14">Fragmented</option> <option value="2">Good</option> <option value="13">Holistic</option> <option value="4">Inconsistent</option> <option value="5">Limited</option> <option value="7">Non-existent</option> <option value="15">Overburdened</option> <option value="6">Poor</option> <option value="12">Privileged</option> <option value="16">Rural-Centric</option> <option value="10">Technology-Dependent</option> <option value="17">Urban-Centric</option> <option value="19">Youth-Focused</option> </select> </p> <p> <label for="id_subject">Review subject: *:</label> <input class="form-control" id="id_subject" maxlength="50" minlength="4" name="subject" required="" type="text"/> </p> <p> <label for="id_review">Describe your health care access in this area? How was the traffic? How was the public transporation? *:</label> <textarea class="form-control" cols="40" id="id_review" name="review" placeholder="Enter your review" required="" rows="4"> </textarea> </p> <p> <label>(Optional) Can we display your name next to the review? *:</label> <div id="id_allowed_name_display"><div> <label for="id_allowed_name_display_0"><input id="id_allowed_name_display_0" name="allowed_name_display" required="" type="radio" value="True"/> Yes</label> </div><div> <label for="id_allowed_name_display_1"><input checked="" id="id_allowed_name_display_1" name="allowed_name_display" required="" type="radio" value="False"/> No</label> </div> </div> </p> <p> <label for="id_terms_accept">I verify that I or my family member have received treatment in this geolocation and agree to the CartoChrome's User Agreement, Editorial Policy and Privacy Policy. *:</label> <input class="form-check-input" id="id_terms_accept" name="terms_accept" required="" type="checkbox"/> </p> <button class="btn btn-primary" type="submit">Post review</button> </form> </div> </div> </div> </div> </div> </div> </section> <div class="py-6 bg-gray-100"> <div class="container"> <h5 class="mb-0">Health Scores Near 02176, Melrose, Massachusetts</h5> <p class="subtitle text-sm text-primary mb-4">You may also like</p>  <div class="swiper-container swiper-container-mx-negative swiper-init" data-swiper='{"slidesPerView":3,"spaceBetween":20,"loop":true,"roundLengths":true,"breakpoints":{"991":{"slidesPerView":2},"565":{"slidesPerView":1}},"pagination":{"el":".swiper-pagination","clickable":true,"dynamicBullets":true}}'>  <div class="swiper-wrapper pb-5">  <div class="swiper-slide h-auto px-2">  <div class="w-100 h-100" data-marker-id="5pSEOEa5BGRaDyx"> <div class="card h-100 border-0 shadow"> <div class="card-img-top overflow-hidden dark-overlay bg-cover" style="background-image: url('https://cartochrome.s3-us-west-1.amazonaws.com/media/healthscore/healthscore_images/healthcare-community-34.webp'); min-height: 200px;"> <a class="tile-link" href="/healthscore/overall-health-score/MA/02180/"></a> <div class="card-img-overlay-bottom z-index-20"> <h5 class="text-white text-shadow">02180, Stoneham, Massachusetts</h5> </div> <div class="card-img-overlay-top d-flex justify-content-between align-items-center"> <div class="badge badge-transparent badge-pill px-3 py-2">Overall Health Score</div> <a class="position-relative z-index-40" href="javascript: void();"> <img alt="Overall Health Score" class="avatar flex-shrink-0 me-2" loading="lazy" src="https://cartochrome.s3-us-west-1.amazonaws.com/media/healthscore/healthscore_images/healthscore-colored-number-images/healthscore_image-87.webp"> </img></a> </div> </div> <div class="card-body"> <p class="text-sm text-muted mb-3">Distance from 02176: 2.26 Miles</p> <p class="text-sm text-muted mb-3">Total Population: 23,077</p> <p class="text-sm text-muted mb-3"></p> </div> </div> </div> </div> <div class="swiper-slide h-auto px-2">  <div class="w-100 h-100" data-marker-id="l0RkCsIzGVtL8Ir"> <div class="card h-100 border-0 shadow"> <div class="card-img-top overflow-hidden dark-overlay bg-cover" style="background-image: url('https://cartochrome.s3-us-west-1.amazonaws.com/media/healthscore/healthscore_images/healthcare-community-48.webp'); min-height: 200px;"> <a class="tile-link" href="/healthscore/overall-health-score/MA/02148/"></a> <div class="card-img-overlay-bottom z-index-20"> <h5 class="text-white text-shadow">02148, Malden, Massachusetts</h5> </div> <div class="card-img-overlay-top d-flex justify-content-between align-items-center"> <div class="badge badge-transparent badge-pill px-3 py-2">Overall Health Score</div> <a class="position-relative z-index-40" href="javascript: void();"> <img alt="Overall Health Score" class="avatar flex-shrink-0 me-2" loading="lazy" src="https://cartochrome.s3-us-west-1.amazonaws.com/media/healthscore/healthscore_images/healthscore-colored-number-images/healthscore_image-55.webp"/> </a> </div> </div> <div class="card-body"> <p class="text-sm text-muted mb-3">Distance from 02176: 2.27 Miles</p> <p class="text-sm text-muted mb-3">Total Population: 65,386</p> <p class="text-sm text-muted mb-3"></p> </div> </div> </div> </div> <div class="swiper-slide h-auto px-2">  <div class="w-100 h-100" data-marker-id="ZWoEmcNYveF9vhk"> <div class="card h-100 border-0 shadow"> <div class="card-img-top overflow-hidden dark-overlay bg-cover" style="background-image: url('https://cartochrome.s3-us-west-1.amazonaws.com/media/healthscore/healthscore_images/healthcare-community-50.webp'); min-height: 200px;"> <a class="tile-link" href="/healthscore/overall-health-score/MA/02149/"></a> <div class="card-img-overlay-bottom z-index-20"> <h5 class="text-white text-shadow">02149, Everett, Massachusetts</h5> </div> <div class="card-img-overlay-top d-flex justify-content-between align-items-center"> <div class="badge badge-transparent badge-pill px-3 py-2">Overall Health Score</div> <a class="position-relative z-index-40" href="javascript: void();"> <img alt="Overall Health Score" class="avatar flex-shrink-0 me-2" loading="lazy" src="https://cartochrome.s3-us-west-1.amazonaws.com/media/healthscore/healthscore_images/healthscore-colored-number-images/healthscore_image-51.webp"/> </a> </div> </div> <div class="card-body"> <p class="text-sm text-muted mb-3">Distance from 02176: 3.69 Miles</p> <p class="text-sm text-muted mb-3">Total Population: 48,584</p> <p class="text-sm text-muted mb-3"></p> </div> </div> </div> </div> <div class="swiper-slide h-auto px-2">  <div class="w-100 h-100" data-marker-id="x9rqIWK3BzuA6l5"> <div class="card h-100 border-0 shadow"> <div class="card-img-top overflow-hidden dark-overlay bg-cover" style="background-image: url('https://cartochrome.s3-us-west-1.amazonaws.com/media/healthscore/healthscore_images/healthcare-community-30.webp'); min-height: 200px;"> <a class="tile-link" href="/healthscore/overall-health-score/MA/02155/"></a> <div class="card-img-overlay-bottom z-index-20"> <h5 class="text-white text-shadow">02155, Medford, Massachusetts</h5> </div> <div class="card-img-overlay-top d-flex justify-content-between align-items-center"> <div class="badge badge-transparent badge-pill px-3 py-2">Overall Health Score</div> <a class="position-relative z-index-40" href="javascript: void();"> <img alt="Overall Health Score" class="avatar flex-shrink-0 me-2" loading="lazy" src="https://cartochrome.s3-us-west-1.amazonaws.com/media/healthscore/healthscore_images/healthscore-colored-number-images/healthscore_image-66.webp"/> </a> </div> </div> <div class="card-body"> <p class="text-sm text-muted mb-3">Distance from 02176: 3.86 Miles</p> <p class="text-sm text-muted mb-3">Total Population: 62,996</p> <p class="text-sm text-muted mb-3"></p> </div> </div> </div> </div> <div class="swiper-slide h-auto px-2">  <div class="w-100 h-100" data-marker-id="MukXXSdLrW3HZ9a"> <div class="card h-100 border-0 shadow"> <div class="card-img-top overflow-hidden dark-overlay bg-cover" style="background-image: url('https://cartochrome.s3-us-west-1.amazonaws.com/media/healthscore/healthscore_images/healthcare-community-45.webp'); min-height: 200px;"> <a class="tile-link" href="/healthscore/overall-health-score/MA/02151/"></a> <div class="card-img-overlay-bottom z-index-20"> <h5 class="text-white text-shadow">02151, Revere, Massachusetts</h5> </div> <div class="card-img-overlay-top d-flex justify-content-between align-items-center"> <div class="badge badge-transparent badge-pill px-3 py-2">Overall Health Score</div> <a class="position-relative z-index-40" href="javascript: void();"> <img alt="Overall Health Score" class="avatar flex-shrink-0 me-2" loading="lazy" src="https://cartochrome.s3-us-west-1.amazonaws.com/media/healthscore/healthscore_images/healthscore-colored-number-images/healthscore_image-43.webp"/> </a> </div> </div> <div class="card-body"> <p class="text-sm text-muted mb-3">Distance from 02176: 4.42 Miles</p> <p class="text-sm text-muted mb-3">Total Population: 60,736</p> <p class="text-sm text-muted mb-3"></p> </div> </div> </div> </div> <div class="swiper-slide h-auto px-2">  <div class="w-100 h-100" data-marker-id="NmxoszzY71F8l7d"> <div class="card h-100 border-0 shadow"> <div class="card-img-top overflow-hidden dark-overlay bg-cover" style="background-image: url('https://cartochrome.s3-us-west-1.amazonaws.com/media/healthscore/healthscore_images/healthcare-community-40.webp'); min-height: 200px;"> <a class="tile-link" href="/healthscore/overall-health-score/MA/02150/"></a> <div class="card-img-overlay-bottom z-index-20"> <h5 class="text-white text-shadow">02150, Chelsea, Massachusetts</h5> </div> <div class="card-img-overlay-top d-flex justify-content-between align-items-center"> <div class="badge badge-transparent badge-pill px-3 py-2">Overall Health Score</div> <a class="position-relative z-index-40" href="javascript: void();"> <img alt="Overall Health Score" class="avatar flex-shrink-0 me-2" loading="lazy" src="https://cartochrome.s3-us-west-1.amazonaws.com/media/healthscore/healthscore_images/healthscore-colored-number-images/healthscore_image-50.webp"/> </a> </div> </div> <div class="card-body"> <p class="text-sm text-muted mb-3">Distance from 02176: 4.49 Miles</p> <p class="text-sm text-muted mb-3">Total Population: 40,009</p> <p class="text-sm text-muted mb-3"></p> </div> </div> </div> </div> <div class="swiper-slide h-auto px-2">  <div class="w-100 h-100" data-marker-id="mF34Ea7Xt3IPKlp"> <div class="card h-100 border-0 shadow"> <div class="card-img-top overflow-hidden dark-overlay bg-cover" style="background-image: url('https://cartochrome.s3-us-west-1.amazonaws.com/media/healthscore/healthscore_images/healthcare-community-44.webp'); min-height: 200px;"> <a class="tile-link" href="/healthscore/overall-health-score/MA/02145/"></a> <div class="card-img-overlay-bottom z-index-20"> <h5 class="text-white text-shadow">02145, Somerville, Massachusetts</h5> </div> <div class="card-img-overlay-top d-flex justify-content-between align-items-center"> <div class="badge badge-transparent badge-pill px-3 py-2">Overall Health Score</div> <a class="position-relative z-index-40" href="javascript: void();"> <img alt="Overall Health Score" class="avatar flex-shrink-0 me-2" loading="lazy" src="https://cartochrome.s3-us-west-1.amazonaws.com/media/healthscore/healthscore_images/healthscore-colored-number-images/healthscore_image-74.webp"/> </a> </div> </div> <div class="card-body"> <p class="text-sm text-muted mb-3">Distance from 02176: 4.90 Miles</p> <p class="text-sm text-muted mb-3">Total Population: 27,359</p> <p class="text-sm text-muted mb-3"></p> </div> </div> </div> </div> <div class="swiper-slide h-auto px-2">  <div class="w-100 h-100" data-marker-id="G9Rv4wdY3SPL80v"> <div class="card h-100 border-0 shadow"> <div class="card-img-top overflow-hidden dark-overlay bg-cover" style="background-image: url('https://cartochrome.s3-us-west-1.amazonaws.com/media/healthscore/healthscore_images/healthcare-community-30.webp'); min-height: 200px;"> <a class="tile-link" href="/healthscore/overall-health-score/MA/02144/"></a> <div class="card-img-overlay-bottom z-index-20"> <h5 class="text-white text-shadow">02144, Somerville, Massachusetts</h5> </div> <div class="card-img-overlay-top d-flex justify-content-between align-items-center"> <div class="badge badge-transparent badge-pill px-3 py-2">Overall Health Score</div> <a class="position-relative z-index-40" href="javascript: void();"> <img alt="Overall Health Score" class="avatar flex-shrink-0 me-2" loading="lazy" src="https://cartochrome.s3-us-west-1.amazonaws.com/media/healthscore/healthscore_images/healthscore-colored-number-images/healthscore_image-85.webp"/> </a> </div> </div> <div class="card-body"> <p class="text-sm text-muted mb-3">Distance from 02176: 5.15 Miles</p> <p class="text-sm text-muted mb-3">Total Population: 25,367</p> <p class="text-sm text-muted mb-3"></p> </div> </div> </div> </div> <div class="swiper-slide h-auto px-2">  <div class="w-100 h-100" data-marker-id="EBkwj2LWebHyuaN"> <div class="card h-100 border-0 shadow"> <div class="card-img-top overflow-hidden dark-overlay bg-cover" style="background-image: url('https://cartochrome.s3-us-west-1.amazonaws.com/media/healthscore/healthscore_images/healthcare-community-46.webp'); min-height: 200px;"> <a class="tile-link" href="/healthscore/overall-health-score/MA/02140/"></a> <div class="card-img-overlay-bottom z-index-20"> <h5 class="text-white text-shadow">02140, Cambridge, Massachusetts</h5> </div> <div class="card-img-overlay-top d-flex justify-content-between align-items-center"> <div class="badge badge-transparent badge-pill px-3 py-2">Overall Health Score</div> <a class="position-relative z-index-40" href="javascript: void();"> <img alt="Overall Health Score" class="avatar flex-shrink-0 me-2" loading="lazy" src="https://cartochrome.s3-us-west-1.amazonaws.com/media/healthscore/healthscore_images/healthscore-colored-number-images/healthscore_image-88.webp"/> </a> </div> </div> <div class="card-body"> <p class="text-sm text-muted mb-3">Distance from 02176: 5.63 Miles</p> <p class="text-sm text-muted mb-3">Total Population: 20,060</p> <p class="text-sm text-muted mb-3"></p> </div> </div> </div> </div> </div>  <div class="swiper-pagination"></div> </div> </div> </div> <div class="py-6"> <div class="container"> <h5 class="mb-3">Health Scores in 02176, Melrose, Massachusetts</h5> <div class="row"> <div class="col-md-4"> <ul> <li><a href="https://www.cartochrome.com/healthscore/overall-health-score/MA/02176/">Overall Health Score</a></li> </ul> </div> <div class="col-md-4"> <ul> <li><a href="https://www.cartochrome.com/healthscore/type-1-diabetes-score/MA/02176/">Type 1 Diabetes Score</a></li> </ul> </div> <div class="col-md-4"> <ul> <li><a href="https://www.cartochrome.com/healthscore/prostate-cancer-score/MA/02176/">Prostate Cancer Score</a></li> </ul> </div> </div><div class="row"> <div class="col-md-4"> <ul> <li><a href="https://www.cartochrome.com/healthscore/alzheimers-score/MA/02176/">Alzheimers Score</a></li> </ul> </div> <div class="col-md-4"> <ul> <li><a href="https://www.cartochrome.com/healthscore/type-2-diabetes-score/MA/02176/">Type 2 Diabetes Score</a></li> </ul> </div> <div class="col-md-4"> <ul> <li><a href="https://www.cartochrome.com/healthscore/arthritis-score/MA/02176/">Arthritis Score</a></li> </ul> </div> </div><div class="row"> <div class="col-md-4"> <ul> <li><a href="https://www.cartochrome.com/healthscore/asthma-score/MA/02176/">Asthma Score</a></li> </ul> </div> <div class="col-md-4"> <ul> <li><a href="https://www.cartochrome.com/healthscore/breast-cancer-score/MA/02176/">Breast Cancer Score</a></li> </ul> </div> <div class="col-md-4"> <ul> <li><a href="https://www.cartochrome.com/healthscore/hypertension-score/MA/02176/">Hypertension Score</a></li> </ul> </div> </div><div class="row"> <div class="col-md-4"> <ul> <li><a href="https://www.cartochrome.com/healthscore/lung-cancer-score/MA/02176/">Lung Cancer Score</a></li> </ul> </div> <div class="col-md-4"> <ul> <li><a href="https://www.cartochrome.com/healthscore/copd-score/MA/02176/">COPD Score</a></li> </ul> </div> </div> </div> </div>  <footer class="mt-auto position-relative z-index-10 d-print-none">  <div class="py-6 bg-gray-200 text-muted"> <div class="container"> <div class="row"> <div class="col-lg-4 mb-5 mb-lg-0"> <div class="fw-bold text-uppercase text-dark mb-3">CartoChrome</div> <p>Follow us!</p> <ul class="list-inline"> <li class="list-inline-item"><a class="text-muted text-primary-hover" href="https://x.com/CartoChrome" target="_blank" title="twitter"><i class="fab fa-twitter"></i></a></li> <li class="list-inline-item"><a class="text-muted text-primary-hover" href="https://www.facebook.com/cartochrome/" target="_blank" title="facebook"><i class="fab fa-facebook"></i></a></li> <li class="list-inline-item"><a class="text-muted text-primary-hover" href="https://www.instagram.com/cartochrome/" target="_blank" title="instagram"><i class="fab fa-instagram"></i></a></li> <li class="list-inline-item"><a class="text-muted text-primary-hover" href="https://www.youtube.com/@cartochrome" target="_blank" title="instagram"><i class="fab fa-youtube"></i></a></li> </ul> </div> <div class="col-lg-2 col-md-6 mb-5 mb-lg-0"> <h6 class="text-uppercase text-dark mb-3">Pages</h6> <ul class="list-unstyled"> <li><a class="text-muted" href="/about-us/">About Us</a></li> <li><a class="text-muted" href="/contact/">Contact</a></li> </ul> </div> <div class="col-lg-2 col-md-6 mb-5 mb-lg-0"> <h6 class="text-uppercase text-dark mb-3">Our Company</h6> <ul class="list-unstyled"> <li><a class="text-muted" href="/methodology/">Methodology</a></li> <li><a class="text-muted" href="/terms/">Terms of Use</a></li> <li><a class="text-muted" href="/privacy-policy/">Privacy Policy</a></li> <li><a class="text-muted" href="https://www.cartochrome.com/sitemap.xml">Sitemap</a></li> </ul> </div> </div> </div> </div>  <div class="py-4 fw-light bg-gray-800 text-gray-300"> <div class="container"> <div class="row align-items-center"> <div class="col-md-6 text-center text-md-start"> <p class="text-sm mb-md-0">©<script>document.write(new Date().getFullYear())</script> CartoChrome All rights reserved.</p> </div> </div> </div> </div> </footer> <script src="https://api.mapbox.com/mapbox-gl-js/v2.6.1/mapbox-gl.js"></script> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v4.7.0/mapbox-gl-geocoder.min.js"></script>  <script> // ------------------------------------------------------- // // Inject SVG Sprite - // see more here // https://css-tricks.com/ajaxing-svg-sprite/ // ------------------------------------------------------ // function injectSvgSprite(path) { fetch(path) .then(response => { if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } return response.text(); }) .then(data => { var div = document.createElement("div"); div.className = 'd-none'; div.innerHTML = data; document.body.insertBefore(div, document.body.childNodes[0]); }) .catch(e => { console.error('Error fetching the SVG sprite:', e); }); } injectSvgSprite('https://cartochrome.s3-us-west-1.amazonaws.com/static/icons/orion-svg-sprite.svg'); </script> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>  <script src="https://cartochrome.s3-us-west-1.amazonaws.com/static/vendor/jquery/jquery.min.js"></script>  <script src="https://cartochrome.s3-us-west-1.amazonaws.com/static/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>  <script src="https://cartochrome.s3-us-west-1.amazonaws.com/static/vendor/magnific-popup/jquery.magnific-popup.min.js"></script>  <script src="https://cartochrome.s3-us-west-1.amazonaws.com/static/vendor/smooth-scroll/smooth-scroll.polyfills.min.js"></script>  <script src="https://cartochrome.s3-us-west-1.amazonaws.com/static/vendor/bootstrap-select/js/bootstrap-select.min.js"></script>  <script src="https://cartochrome.s3-us-west-1.amazonaws.com/static/vendor/object-fit-images/ofi.min.js"></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.4.1/js/swiper.min.js"></script>  <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script> <script>var basePath = ''</script>  <script src="https://cartochrome.s3-us-west-1.amazonaws.com/static/js/theme.js"></script> <script type="text/javascript"> var markerPath = "https://cartochrome.s3-us-west-1.amazonaws.com/static/img/marker.svg"; var markerPathHighlight = "https://cartochrome.s3-us-west-1.amazonaws.com/static/img/marker-hover.svg"; </script> <script> $(document).ready(function(){ mapboxgl.accessToken = 'pk.eyJ1Ijoic2N1bXVubmEiLCJhIjoiY2pxZmN3aG50MW83ODQybGJqZ3B1ZDVoaCJ9.hVax693EnQXuDdqwhTt1fw'; function setupSearchFormInteraction(formId, locationId, hiddenLatId, hiddenLngId, suggestionsId) { var selectedIndex = -1; $(locationId).on('input', function() { var query = $(this).val(); selectedIndex = -1; if(query.length > 2) { $.ajax({ method: 'GET', url: `https://api.mapbox.com/geocoding/v5/mapbox.places/${encodeURIComponent(query)}.json`, data: { access_token: mapboxgl.accessToken, country: 'US', }, success: function(data) { $(suggestionsId).empty(); data.features.forEach(function(feature) { var listItem = $(`<li class="list-group-item" data-lat="${feature.geometry.coordinates[1]}" data-lng="${feature.geometry.coordinates[0]}">${feature.place_name}</li>`); $(suggestionsId).append(listItem); }); }, error: function(error) { console.log("API Error:", error); } }); } else { $(suggestionsId).empty(); } }); $(locationId).on('keydown', function(e) { var suggestions = $(suggestionsId + ' li'); if(e.keyCode === 40) { // Down arrow selectedIndex = (selectedIndex + 1) % suggestions.length; } else if(e.keyCode === 38) { // Up arrow selectedIndex = (selectedIndex - 1 + suggestions.length) % suggestions.length; } else if(e.keyCode === 13) { // Enter key e.preventDefault(); if(selectedIndex > -1) { var selectedSuggestion = suggestions.eq(selectedIndex); $(locationId).val(selectedSuggestion.text()); $(hiddenLatId).val(selectedSuggestion.data('lat')); $(hiddenLngId).val(selectedSuggestion.data('lng')); $(suggestionsId).empty(); } return false; } suggestions.removeClass('selected'); suggestions.eq(selectedIndex).addClass('selected'); }); $(suggestionsId).on('click', 'li', function() { $(locationId).val($(this).text()); $(hiddenLatId).val($(this).data('lat')); $(hiddenLngId).val($(this).data('lng')); $(suggestionsId).empty(); }); $(formId).submit(function(e) { if($(hiddenLatId).val() && $(hiddenLngId).val()) { var formData = $(this).serialize(); $.ajax({ type: 'GET', url: '/search_results/', // Update with the actual path to your view data: formData, success: function(data) { $('#searchResultsContainer').html(data); }, error: function(error) { console.log("Error:", error); } }); } else { alert('Please select a location from the suggestions.'); e.preventDefault(); } }); } // Setup interaction for each form setupSearchFormInteraction('#searchForm1', '#location1', '#hiddenLat1', '#hiddenLng1', '#suggestions1'); setupSearchFormInteraction('#searchForm2', '#location2', '#hiddenLat2', '#hiddenLng2', '#suggestions2'); setupSearchFormInteraction('#searchForm3', '#location3', '#hiddenLat3', '#hiddenLng3', '#suggestions3'); $('.fa-crosshairs').on('click', function() { fillWithCurrentLocation('#location1', '#hiddenLat1', '#hiddenLng1'); fillWithCurrentLocation('#location2', '#hiddenLat2', '#hiddenLng2'); fillWithCurrentLocation('#location3', '#hiddenLat3', '#hiddenLng3'); }); }); function fillWithCurrentLocation(locationId, hiddenLatId, hiddenLngId) { // Check if geolocation is supported if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function(position) { var lat = position.coords.latitude; var lng = position.coords.longitude; // Use Mapbox's reverse geocoding to get the address $.ajax({ method: 'GET', url: `https://api.mapbox.com/geocoding/v5/mapbox.places/${lng},${lat}.json`, data: { access_token: mapboxgl.accessToken, country: 'US', }, success: function(data) { if (data.features && data.features[0]) { $(locationId).val(data.features[0].place_name); $(hiddenLatId).val(lat); $(hiddenLngId).val(lng); } }, error: function(error) { console.log("API Error:", error); } }); }); } else { alert("Geolocation is not supported by this browser."); } } </script> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script crossorigin="" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js"></script> <script src="https://cartochrome.s3-us-west-1.amazonaws.com/static/vendor/object-fit-images/ofi.min.js"></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.4.1/js/swiper.min.js"></script> <script src="https://cartochrome.s3-us-west-1.amazonaws.com/static/js/map-layers.js"></script> <script src="https://cartochrome.s3-us-west-1.amazonaws.com/static/js/map-category.js"></script> <script src="https://cartochrome.s3-us-west-1.amazonaws.com/static/js/map-detail.js"></script> <script> var zipCodeData = [{"zip_code": "02176", "Polygon": "-71.082116,42.44394,0.0 -71.082919,42.43884,0.0 -71.025836,42.444709,0.0 -71.053365,42.475925,0.0 -71.061323,42.474196,0.0 -71.061269,42.472651,0.0 -71.069305,42.471637,0.0 -71.078152,42.47402,0.0 -71.079189,42.461648,0.0 -71.082116,42.44394,0.0", "healthscore": 87}, {"zip_code": "02180", "Polygon": "-71.11976,42.500292,0.0 -71.121496,42.498538,0.0 -71.116795,42.494639,0.0 -71.112116,42.473818,0.0 -71.109521,42.473895,0.0 -71.119402,42.453445,0.0 -71.104722,42.448847,0.0 -71.085639,42.444688,0.0 -71.082116,42.44394,0.0 -71.079189,42.461648,0.0 -71.078152,42.47402,0.0 -71.077707,42.477391,0.0 -71.07524,42.488008,0.0 -71.085502,42.492258,0.0 -71.090115,42.501261,0.0 -71.100727,42.502242,0.0 -71.11976,42.500292,0.0", "healthscore": 87}, {"zip_code": "02148", "Polygon": "-71.089062,42.429115,0.0 -71.089446,42.426623,0.0 -71.085785,42.417895,0.0 -71.081724,42.415157,0.0 -71.07931,42.414938,0.0 -71.077132,42.413285,0.0 -71.074734,42.412547,0.0 -71.073196,42.412996,0.0 -71.073296,42.414796,0.0 -71.061584,42.41561,0.0 -71.060441,42.416007,0.0 -71.05458,42.420034,0.0 -71.054402,42.419951,0.0 -71.050663,42.422748,0.0 -71.050472,42.422887,0.0 -71.028227,42.424202,0.0 -71.020377,42.43825,0.0 -71.025836,42.444709,0.0 -71.082919,42.43884,0.0 -71.082116,42.44394,0.0 -71.085639,42.444688,0.0 -71.088031,42.429026,0.0 -71.089062,42.429115,0.0", "healthscore": 55}, {"zip_code": "02149", "Polygon": "-71.075988,42.399706,0.0 -71.075996,42.396396,0.0 -71.075586,42.395247,0.0 -71.073496,42.391796,0.0 -71.072696,42.390796,0.0 -71.069322,42.394022,0.0 -71.067396,42.394996,0.0 -71.06741,42.393476,0.0 -71.070193,42.390734,0.0 -71.070896,42.388996,0.0 -71.065695,42.386596,0.0 -71.057395,42.387297,0.0 -71.055295,42.387097,0.0 -71.050695,42.391996,0.0 -71.050002,42.393471,0.0 -71.052928,42.395719,0.0 -71.05229,42.397207,0.0 -71.049971,42.397506,0.0 -71.048208,42.396621,0.0 -71.045707,42.398355,0.0 -71.045429,42.398043,0.0 -71.04516,42.398059,0.0 -71.044309,42.398574,0.0 -71.044243,42.39878,0.0 -71.044454,42.399011,0.0 -71.044695,42.39886,0.0 -71.044821,42.398979,0.0 -71.040568,42.401982,0.0 -71.035787,42.409373,0.0 -71.033181,42.414206,0.0 -71.028227,42.424202,0.0 -71.050472,42.422887,0.0 -71.050663,42.422748,0.0 -71.054402,42.419951,0.0 -71.05458,42.420034,0.0 -71.060441,42.416007,0.0 -71.061584,42.41561,0.0 -71.073296,42.414796,0.0 -71.073196,42.412996,0.0 -71.071869,42.411436,0.0 -71.073659,42.408519,0.0 -71.071297,42.406922,0.0 -71.073448,42.402665,0.0 -71.075988,42.399706,0.0", "healthscore": 51}, {"zip_code": "02155", "Polygon": "-71.149886,42.43584,0.0 -71.147429,42.426957,0.0 -71.146197,42.423391,0.0 -71.142599,42.421692,0.0 -71.142965,42.420062,0.0 -71.139364,42.41593,0.0 -71.13629,42.415146,0.0 -71.132372,42.415207,0.0 -71.132472,42.414573,0.0 -71.129429,42.416586,0.0 -71.12678,42.41806,0.0 -71.126992,42.41663,0.0 -71.129922,42.413327,0.0 -71.12704,42.412328,0.0 -71.128101,42.41072,0.0 -71.126201,42.40931,0.0 -71.12336,42.409191,0.0 -71.123996,42.408268,0.0 -71.124809,42.406999,0.0 -71.12242,42.406029,0.0 -71.123482,42.40446,0.0 -71.120071,42.402447,0.0 -71.117062,42.401181,0.0 -71.117444,42.404015,0.0 -71.119367,42.403746,0.0 -71.12144,42.404567,0.0 -71.119931,42.405082,0.0 -71.117322,42.404854,0.0 -71.117419,42.405829,0.0 -71.115469,42.405048,0.0 -71.115105,42.40246,0.0 -71.113682,42.400774,0.0 -71.11075,42.399703,0.0 -71.101098,42.396411,0.0 -71.100603,42.397235,0.0 -71.100372,42.39719,0.0 -71.100029,42.397166,0.0 -71.099683,42.397181,0.0 -71.099608,42.397121,0.0 -71.096689,42.400455,0.0 -71.091993,42.3989,0.0 -71.085687,42.400651,0.0 -71.083423,42.400013,0.0 -71.075996,42.396396,0.0 -71.075988,42.399706,0.0 -71.073448,42.402665,0.0 -71.071297,42.406922,0.0 -71.073659,42.408519,0.0 -71.071869,42.411436,0.0 -71.073196,42.412996,0.0 -71.074734,42.412547,0.0 -71.077132,42.413285,0.0 -71.07931,42.414938,0.0 -71.081724,42.415157,0.0 -71.085785,42.417895,0.0 -71.089446,42.426623,0.0 -71.089062,42.429115,0.0 -71.088031,42.429026,0.0 -71.085639,42.444688,0.0 -71.104722,42.448847,0.0 -71.119402,42.453445,0.0 -71.121346,42.44867,0.0 -71.124153,42.444116,0.0 -71.121976,42.439786,0.0 -71.127146,42.438887,0.0 -71.129041,42.435599,0.0 -71.149886,42.43584,0.0", "healthscore": 66}, {"zip_code": "02151", "Polygon": "-71.033181,42.414206,0.0 -71.029036,42.410354,0.0 -71.027115,42.407782,0.0 -71.026888,42.40655,0.0 -71.023847,42.405324,0.0 -71.020431,42.405109,0.0 -71.020927,42.403576,0.0 -71.018878,42.403718,0.0 -71.017035,42.402715,0.0 -71.013007,42.402864,0.0 -71.009396,42.401183,0.0 -71.009629,42.400167,0.0 -71.013395,42.397398,0.0 -71.011272,42.396589,0.0 -71.010001,42.39549,0.0 -71.011609,42.393493,0.0 -71.008257,42.393336,0.0 -71.002303,42.392384,0.0 -70.998233,42.390266,0.0 -70.995047,42.393566,0.0 -70.994174,42.393088,0.0 -70.989771,42.39324,0.0 -70.987314,42.392354,0.0 -70.986053,42.388116,0.0 -70.981687,42.390816,0.0 -70.9804663697433,42.3917126893188,0.0 -70.983426,42.396246,0.0 -70.985068,42.402041,0.0 -70.989195,42.402598,0.0 -70.9892164824447,42.4026670507152,0.0 -70.990595,42.407098,0.0 -70.987694,42.416696,0.0 -70.9831306432584,42.423783766854,0.0 -70.9830524559303,42.4239052067465,0.0 -70.982994,42.423996,0.0 -70.97551,42.431584,0.0 -70.9600107857622,42.4397903391845,0.0 -70.958797,42.440433,0.0 -70.9592337215149,42.4416720806766,0.0 -70.9599910454674,42.4438207851563,0.0 -70.96617,42.443504,0.0 -70.968594,42.444396,0.0 -70.971594,42.442696,0.0 -70.975194,42.436896,0.0 -70.979894,42.432396,0.0 -70.982294,42.431296,0.0 -70.985754,42.432557,0.0 -70.99012,42.434877,0.0 -70.992023,42.434135,0.0 -70.995714,42.430855,0.0 -71.001094,42.431296,0.0 -71.003918,42.429695,0.0 -71.004595,42.431715,0.0 -71.003302,42.432703,0.0 -71.00592,42.433044,0.0 -71.008626,42.434353,0.0 -71.011881,42.433293,0.0 -71.010385,42.434053,0.0 -71.011416,42.435991,0.0 -71.010295,42.438696,0.0 -71.011995,42.439696,0.0 -71.009495,42.441196,0.0 -71.012095,42.442796,0.0 -71.018757,42.450118,0.0 -71.023679,42.445995,0.0 -71.025836,42.444709,0.0 -71.020377,42.43825,0.0 -71.028227,42.424202,0.0 -71.033181,42.414206,0.0", "healthscore": 43}, {"zip_code": "02150", "Polygon": "-71.050695,42.391996,0.0 -71.055295,42.387097,0.0 -71.048186,42.385686,0.0 -71.044298,42.383209,0.0 -71.043264,42.383594,0.0 -71.039512,42.386853,0.0 -71.034975,42.385876,0.0 -71.033234,42.38491,0.0 -71.027712,42.384041,0.0 -71.022428,42.386373,0.0 -71.020512,42.387641,0.0 -71.017794,42.390697,0.0 -71.016094,42.395897,0.0 -71.013395,42.397398,0.0 -71.009629,42.400167,0.0 -71.009396,42.401183,0.0 -71.013007,42.402864,0.0 -71.017035,42.402715,0.0 -71.018878,42.403718,0.0 -71.020927,42.403576,0.0 -71.020431,42.405109,0.0 -71.023847,42.405324,0.0 -71.026888,42.40655,0.0 -71.027115,42.407782,0.0 -71.029036,42.410354,0.0 -71.033181,42.414206,0.0 -71.035787,42.409373,0.0 -71.040568,42.401982,0.0 -71.044821,42.398979,0.0 -71.044695,42.39886,0.0 -71.044454,42.399011,0.0 -71.044243,42.39878,0.0 -71.044309,42.398574,0.0 -71.04516,42.398059,0.0 -71.045429,42.398043,0.0 -71.045707,42.398355,0.0 -71.048208,42.396621,0.0 -71.049971,42.397506,0.0 -71.05229,42.397207,0.0 -71.052928,42.395719,0.0 -71.050002,42.393471,0.0 -71.050695,42.391996,0.0", "healthscore": 50}, {"zip_code": "02145", "Polygon": "-71.108861,42.397193,0.0 -71.11109,42.394013,0.0 -71.106171,42.392765,0.0 -71.104022,42.391463,0.0 -71.094742,42.387136,0.0 -71.089769,42.383315,0.0 -71.090057,42.382816,0.0 -71.088116,42.380821,0.0 -71.080884,42.382141,0.0 -71.079785,42.382932,0.0 -71.073496,42.391796,0.0 -71.075586,42.395247,0.0 -71.075996,42.396396,0.0 -71.083423,42.400013,0.0 -71.085687,42.400651,0.0 -71.091993,42.3989,0.0 -71.096689,42.400455,0.0 -71.099608,42.397121,0.0 -71.099683,42.397181,0.0 -71.100029,42.397166,0.0 -71.100372,42.39719,0.0 -71.100603,42.397235,0.0 -71.101098,42.396411,0.0 -71.11075,42.399703,0.0 -71.108861,42.397193,0.0", "healthscore": 74}, {"zip_code": "02144", "Polygon": "-71.13412,42.406734,0.0 -71.134514,42.404167,0.0 -71.1313,42.40158,0.0 -71.122987,42.392377,0.0 -71.120887,42.393812,0.0 -71.120205,42.392759,0.0 -71.119404,42.391875,0.0 -71.118308,42.390919,0.0 -71.118015,42.390527,0.0 -71.117085,42.389581,0.0 -71.118159,42.388025,0.0 -71.116715,42.387228,0.0 -71.116608,42.389226,0.0 -71.114407,42.389352,0.0 -71.111903,42.392285,0.0 -71.108151,42.390689,0.0 -71.106774,42.391879,0.0 -71.104022,42.391463,0.0 -71.106171,42.392765,0.0 -71.11109,42.394013,0.0 -71.108861,42.397193,0.0 -71.11075,42.399703,0.0 -71.113682,42.400774,0.0 -71.115105,42.40246,0.0 -71.115469,42.405048,0.0 -71.117419,42.405829,0.0 -71.117322,42.404854,0.0 -71.119931,42.405082,0.0 -71.12144,42.404567,0.0 -71.119367,42.403746,0.0 -71.117444,42.404015,0.0 -71.117062,42.401181,0.0 -71.120071,42.402447,0.0 -71.123482,42.40446,0.0 -71.12242,42.406029,0.0 -71.124809,42.406999,0.0 -71.123996,42.408268,0.0 -71.12336,42.409191,0.0 -71.126201,42.40931,0.0 -71.128101,42.41072,0.0 -71.12704,42.412328,0.0 -71.129922,42.413327,0.0 -71.126992,42.41663,0.0 -71.12678,42.41806,0.0 -71.129429,42.416586,0.0 -71.132472,42.414573,0.0 -71.132415,42.40901,0.0 -71.13412,42.406734,0.0", "healthscore": 85}, {"zip_code": "02140", "Polygon": "-71.156304,42.395852,0.0 -71.153169,42.395643,0.0 -71.150115,42.394933,0.0 -71.145248,42.392878,0.0 -71.141715,42.392243,0.0 -71.142195,42.394631,0.0 -71.140607,42.39468,0.0 -71.140745,42.395886,0.0 -71.140489,42.39472,0.0 -71.140998,42.392071,0.0 -71.135437,42.391123,0.0 -71.138678,42.390657,0.0 -71.138945,42.389963,0.0 -71.136639,42.388486,0.0 -71.1326,42.388681,0.0 -71.130589,42.385611,0.0 -71.129067,42.386171,0.0 -71.127809,42.384782,0.0 -71.126338,42.385377,0.0 -71.125537,42.383986,0.0 -71.123647,42.383461,0.0 -71.121754,42.384337,0.0 -71.116094,42.384332,0.0 -71.116153,42.383044,0.0 -71.112939,42.38285,0.0 -71.115584,42.385158,0.0 -71.118159,42.388025,0.0 -71.117085,42.389581,0.0 -71.118015,42.390527,0.0 -71.118308,42.390919,0.0 -71.119404,42.391875,0.0 -71.120205,42.392759,0.0 -71.120887,42.393812,0.0 -71.122987,42.392377,0.0 -71.1313,42.40158,0.0 -71.134514,42.404167,0.0 -71.136391,42.400965,0.0 -71.140793,42.399476,0.0 -71.143659,42.397447,0.0 -71.152245,42.400816,0.0 -71.156304,42.395852,0.0", "healthscore": 88}]; createDetailMap({ mapId: 'detailMap', mapCenter: [42.459929501090514, -71.06466734815218], markerShow: true, markerPosition: [42.459929501090514, -71.06466734815218], markerPath: "https://cartochrome.s3-us-west-1.amazonaws.com/static/img/marker.svg", }, zipCodeData) </script> <script> var ctx1 = document.getElementById('incomeChart').getContext('2d'); var incomeChart = new Chart(ctx1, { type: 'bar', data: { labels: ['02176', 'Melrose', 'Massachusetts'], datasets: [{ label: 'Median Monthly Income ($)', data: [13484.58, 13484.58, 9873.84], backgroundColor: ['#4bb051', '#913c48', '#0f0f0f'] }] } }); var ctx2 = document.getElementById('housingCostChart').getContext('2d'); var housingCostChart = new Chart(ctx2, { type: 'bar', data: { labels: ['02176', 'Melrose', 'Massachusetts'], datasets: [{ label: 'Housing Costs ($)', data: [2027.00, 2027.00, 1759.61], backgroundColor: ['#4bb051', '#913c48', '#0f0f0f'] }] } }); var ctx3 = document.getElementById('housingToIncomeRatioChart').getContext('2d'); var housingToIncomeRatioChart = new Chart(ctx3, { type: 'bar', data: { labels: ['02176', 'Melrose', 'Massachusetts'], datasets: [{ label: 'Housing to Income Ratio (%)', data: [15.03, 15.03, 17.82], backgroundColor: ['#4bb051', '#913c48', '#0f0f0f'] }] } }); </script> <script> document.addEventListener('DOMContentLoaded', function() { var ctx = document.getElementById('educationChart').getContext('2d'); var educationChart = new Chart(ctx, { type: 'bar', data: { labels: ['No High School Diploma', 'High School Graduate or Equivalent', 'Some College, College', 'College, No Degree', "Associate's Degree", "Bachelor's Degree", "Masters Degree", 'Professional Degree', 'Graduate Degree'], datasets: [{ label: '02176', data: [0.80, 16.53, 0.97, 3.10, 9.10, 7.67, 36.30, 21.69, 3.85], backgroundColor: '#4bb051' }, { label: 'Melrose', data: [0.80, 16.53, 0.97, 3.10, 9.10, 7.67, 36.30, 21.69, 3.85], backgroundColor: '#913c48' }, { label: 'Massachusetts', data: [1.81, 22.69, 3.14, 5.54, 11.26, 8.56, 27.62, 15.93, 3.45], backgroundColor: '#0f0f0f', }] }, options: { indexAxis: 'x', scales: { y: { beginAtZero: true, title: { display: true, text: 'Percent of the Population (%)' }, ticks: { autoSkip: false, maxRotation: 90, minRotation: 90 } }, x: { beginAtZero: true, ticks: { autoSkip: false, maxRotation: 90, minRotation: 75 } } }, responsive: true, maintainAspectRatio: false } }); }); </script> <script> const date = new Date().getFullYear(); document.getElementById('currentYear').textContent = date; </script>  <script type="text/javascript"> document.addEventListener('DOMContentLoaded',function(){!function(){function e(e){var t="; "+document.cookie,n=t.split("; "+e+"=");if(2==n.length)return n.pop().split(";").shift()}var t="1",n=window.location.href,o=document.referrer,i=Date.now(),a,c,r=e("userId");r||(r=Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15),a=new Date,a.setFullYear(a.getFullYear()+10),document.cookie="userId="+r+"; expires="+a.toUTCString()+"; path=/");var d=e("sessionId");d||(d=Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15),document.cookie="sessionId="+d+"; path=/"),fetch("https://api.ipify.org?format=json").then(function(e){return e.json()}).then(function(e){c=e.ip;var t={current_url:n,previous_url:o,timestamp:new Date(i),user_id:r,session_id:d,user_agent:a,user_ip:c};!function(e){var t=new XMLHttpRequest;t.open("POST","https://www.cartochrome.com/api/event-data/",!0),t.setRequestHeader('Content-Type','application/json'),t.send(JSON.stringify(e))}(t)}).catch(function(e){console.error("Error fetching user IP: ",e)}),a=navigator.userAgent}()}); </script>  </body> </html>