1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <title>Percentile Growth Charts | Height, Weight & Head Circumference</title> 7 <meta name="description" content="Free WHO, CDC and Turkey growth percentile calculator. Plot a childâs height, weight and head circumference and download the tracking app."> 8 <meta name="robots" content="index,follow"> 9 <link rel="canonical" href="https://www.percentilegrowthcharts.com/"> 10 <link rel="alternate" hreflang="en" href="https://www.percentilegrowthcharts.com/"> 11 <link rel="alternate" hreflang="fr" href="https://www.percentilegrowthcharts.com/fr/"> 12 <link rel="alternate" hreflang="tr" href="https://www.percentilegrowthcharts.com/tr/"> 13 <link rel="alternate" hreflang="es" href="https://www.percentilegrowthcharts.com/es/"> 14 <link rel="alternate" hreflang="pt" href="https://www.percentilegrowthcharts.com/pt/"> 15 <link rel="alternate" hreflang="de" href="https://www.percentilegrowthcharts.com/de/"> 16 <link rel="alternate" hreflang="it" href="https://www.percentilegrowthcharts.com/it/"> 17 <link rel="alternate" hreflang="ko" href="https://www.percentilegrowthcharts.com/ko/"> 18 <link rel="alternate" hreflang="ja" href="https://www.percentilegrowthcharts.com/ja/"> 19 <link rel="alternate" hreflang="ru" href="https://www.percentilegrowthcharts.com/ru/"> 20 <link rel="alternate" hreflang="x-default" href="https://www.percentilegrowthcharts.com/"> 21 <meta property="og:title" content="Percentile Growth Charts | Height, Weight & Head Circumference"> 22 <meta property="og:description" content="Free WHO, CDC and Turkey growth percentile calculator. Plot a childâs height, weight and head circumference and download the tracking app."> 23 <meta property="og:url" content="https://www.percentilegrowthcharts.com/"> 24 <meta property="og:type" content="website"> 25 <meta property="og:image" content="https://www.percentilegrowthcharts.com/assets/img/icon-1024-white.png"> 26 <meta name="twitter:card" content="summary_large_image"> 27 <meta name="twitter:title" content="Percentile Growth Charts | Height, Weight & Head Circumference"> 28 <meta name="twitter:description" content="Free WHO, CDC and Turkey growth percentile calculator. Plot a childâs height, weight and head circumference and download the tracking app."> 29 <link rel="icon" href="/assets/img/icon-1024-white.png" type="image/png"> 30 <link rel="apple-touch-icon" href="/assets/img/icon-1024-white.png"> 31 <meta name="apple-itunes-app" content="app-id=6476985116"> 32 <meta name="theme-color" content="#003b75"> 33 <link rel="preconnect" href="https://fonts.googleapis.com"> 34 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 35 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap" rel="stylesheet"> 36 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer"> 37 <link rel="stylesheet" href="/assets/css/app.css">
vendor: 81 bytes, lines 37-38
37 38 <script async src="https://www.googletagmanager.com/gtag/js?id=
38G-E4LV0Q7B10
vendor: 21 bytes, lines 38-39
38"></script> 39
39<script> 40
vendor: 166 bytes, lines 40-43
40window.dataLayer = window.dataLayer || []; 41 function gtag(){dataLayer.push(arguments);} 42 gtag('js', new Date()); 43 gtag('config', '
43G-E4LV0Q7B10
vendor: 13 bytes, lines 43-44
43'); 44
44</script>
44 45
45<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Percentile Growth Charts","url":"https://www.percentilegrowthcharts.com"}</script>
45<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebApplication","name":"Percentile Growth Charts","url":"https://www.percentilegrowthcharts.com","applicationCategory":"HealthApplication","operatingSystem":"Web"}</script>
45<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.percentilegrowthcharts.com/"}]}</script>
45<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Does this website save my childâs measurements?","acceptedAnswer":{"@type":"Answer","text":"No. Values stay in your browser (localStorage) for convenience. Tracking belongs in the app."}},{"@type":"Question","name":"Which chart should I use?","acceptedAnswer":{"@type":"Answer","text":"Use the reference your pediatrician prefers (WHO or CDC)."}},{"@type":"Question","name":"Why is head circumference limited to 3 years?","acceptedAnswer":{"@type":"Answer","text":"Head growth is followed mainly in early childhood; the form follows that clinical practice."}},{"@type":"Question","name":"Is a low or high percentile a diagnosis?","acceptedAnswer":{"@type":"Answer","text":"No. Percentiles describe position on a curve. Only a clinician can interpret health."}}]}</script>
45</head> 46<body class=""> 47<a class="skip" href="#main">Skip to content</a> 48<header class="topbar"> 49 <div class="wrap topbar-inner"> 50 <a class="brand" href="/"> 51 <img src="/assets/img/logo.webp" width="38" height="38" alt=""> 52 <span>Percentile Growth Charts</span> 53 </a> 54 <button type="button" class="nav-toggle" id="nav-toggle" aria-controls="main-nav" aria-expanded="false" aria-label="Menu"> 55 <i class="fa-solid fa-bars" aria-hidden="true"></i> 56 </button> 57 <nav class="nav" id="main-nav" aria-label="Main"> 58 <a href="/"><i class="fa-solid fa-house" aria-hidden="true"></i> Home</a> 59 <a href="/guides/"><i class="fa-solid fa-book-open" aria-hidden="true"></i> Learn</a> 60 <a href="/contact/"><i class="fa-solid fa-envelope" aria-hidden="true"></i> Contact</a> 61 <a class="btn-track" href="https://m.percentilegrowthcharts.com/?utm_source=www&utm_medium=topbar&utm_campaign=buyume_takip"><i class="fa-solid fa-chart-line" aria-hidden="true"></i> Growth Tracking</a> 62 <label class="lang-wrap"> 63 <span class="sr-only">Language</span> 64 <select id="lang-switch" aria-label="Language"> 65 <option value="/" selected>English</option> 66 <option value="/fr/">français</option> 67 <option value="/tr/">Türkçe</option> 68 <option value="/es/">español</option> 69 <option value="/pt/">português</option> 70 <option value="/de/">Deutsch</option> 71 <option value="/it/">italiano</option> 72 <option value="/ko/">íêµì´</option> 73 <option value="/ja/">æ¥æ¬èª</option> 74 <option value="/ru/">ÑÑÑÑкий</option> 75 </select> 76 </label> 77 </nav> 78 </div> 79</header> 80<main id="main" class="wrap"> 81 <section class="hero"> 82 <div class="hero-copy"> 83 <span class="eyebrow"><i class="fa-solid fa-chart-line" aria-hidden="true"></i> Growth Tracking</span> 84 <h1>Child Growth Percentile Charts</h1> 85 <p class="lead">Enter one measurement to see where height, weight and head circumference sit on WHO, CDC or Turkey reference curves. Ongoing tracking is in the free mobile app.</p> 86 <div class="hero-cta"> 87 <a class="primary inline" href="#calculator"><i class="fa-solid fa-calculator" aria-hidden="true"></i> Show chart</a> 88 <a class="secondary" href="#apps"><i class="fa-solid fa-mobile-screen" aria-hidden="true"></i> Mobile App</a> 89 </div> 90 <ul class="trust"> 91 <li><i class="fa-solid fa-circle-check" aria-hidden="true"></i> WHO</li> 92 <li><i class="fa-solid fa-circle-check" aria-hidden="true"></i> CDC</li> 93 </ul> 94 </div> 95 <div class="hero-media"> 96 <img class="hero-shot" src="/assets/img/screens/ios-1.webp" alt="Track growth over time in the app" width="220" height="440" fetchpriority="high"> 97 </div> 98</section> 99 100<section class="card calc-card" id="calculator" aria-labelledby="form-title"> 101 <div class="section-head"> 102 <h2 id="form-title">Calculate percentile</h2> 103 </div> 104 <form id="pgc-form" class="is-metric" action="#" method="get"> 105 <div class="units" role="group" aria-label="Units"> 106 <button type="button" id="btn-metric" class="unit-btn active">Metric</button> 107 <button type="button" id="btn-imperial" class="unit-btn">Imperial</button> 108 </div> 109 <fieldset> 110 <legend>Birth date</legend> 111 <div class="row3"> 112 <label>Day <select id="dob-d" name="d" required></select> 113 </label> 114 <label>Month <select id="dob-m" name="m" required></select> 115 </label> 116 <label>Year <select id="dob-y" name="y" required></select> 117 </label> 118 </div> 119 </fieldset> 120 <fieldset> 121 <legend>Sex</legend> 122 <div class="sex-group"> 123 <label class="sex girl"><input type="radio" name="sex" value="F" required> <i class="fa-solid fa-venus" aria-hidden="true"></i> Girl</label> 124 <label class="sex boy"><input type="radio" name="sex" value="M"> <i class="fa-solid fa-mars" aria-hidden="true"></i> Boy</label> 125 </div> 126 </fieldset> 127 <div class="field-group"> 128 <div class="row3"> 129 <label class="height-metric">Height <span class="u-h">cm</span> 130 <input type="number" id="height" name="height" step="0.1" min="0" inputmode="decimal" placeholder="0.0"> 131 </label> 132 <div id="height-imp" class="imp-height height-imperial" hidden> 133 <label>Height ft <input type="number" id="height-ft" min="0" step="1" placeholder="0"></label> 134 <label>in <input type="number" id="height-in" min="0" step="0.1" placeholder="0.0"></label> 135 <p class="hint">Total inches: <span id="total-in">0</span></p> 136 </div> 137 <label>Weight <span class="u-w">kg</span> 138 <input type="number" id="weight" name="weight" step="0.1" min="0" inputmode="decimal" placeholder="0.0"> 139 </label> 140 <label>Head circumference <span class="u-c">cm</span> 141 <input type="number" id="head" name="head" step="0.1" min="0" inputmode="decimal" placeholder="0.0"> 142 </label> 143 </div> 144 <p class="hint" id="head-note"><i class="fa-solid fa-circle-info" aria-hidden="true"></i> Head circumference is measured up to 3 years old.</p> 145 </div> 146 <div class="field-group"> 147 <label>Chart source <select id="source" name="source"> 148 <option value="who">WHO: World Health Organization</option> 149 <option value="cdc">CDC Growth Charts (U.S.)</option> 150 </select> 151 </label> 152 </div> 153 <button type="submit" class="primary block"><i class="fa-solid fa-chart-line" aria-hidden="true"></i> Show chart</button> 154 </form>
155 <p id="form-error" class="error" hidden></p> 156 <div id="results" class="results" hidden> 157 <div class="results-head"> 158 <h2>Results</h2> 159 <p id="age-out" class="age-chip"></p> 160 </div> 161 <ul class="pct-list"> 162 <li id="out-h"></li> 163 <li id="out-w"></li> 164 <li id="out-c"></li> 165 </ul> 166 <p class="disclaimer">This tool is for information only. It is not a medical diagnosis. Discuss results with a pediatrician.</p> 167 <button type="button" id="reset-zoom" class="ghost"><i class="fa-solid fa-arrows-rotate" aria-hidden="true"></i> Reset zoom</button> 168 <div id="block-h" class="chart-block"> 169 <h3>Height percentile chart</h3> 170 <div class="chart-box"><canvas id="chart-h"></canvas></div> 171 </div> 172 <div id="block-w" class="chart-block"> 173 <h3>Weight percentile chart</h3> 174 <div class="chart-box"><canvas id="chart-w"></canvas></div> 175 </div> 176 <div id="block-c" class="chart-block"> 177 <h3>Head circumference percentile chart</h3> 178 <div class="chart-box"><canvas id="chart-c"></canvas></div> 179 </div> 180 </div> 181</section> 182 183<section class="apps card" id="apps"> 184 <div> 185 <h2>Track growth over time in the app</h2> 186 <p>The website calculates a single point. Save measurements, see progress and share charts with the Percentile Growth Charts app.</p> 187 <div class="badges"> 188 <a href="https://apps.apple.com/app/id6476985116" rel="noopener"><img src="/assets/img/app-store.png" alt="Download on the App Store" height="48"></a> 189 <a href="https://play.google.com/store/apps/details?id=com.akillikadin.percentile" rel="noopener"><img src="/assets/img/google-play.png" alt="Get it on Google Play" height="48"></a> 190 </div> 191 </div> 192 <div class="shots"> 193 <img src="/assets/img/screens/ios-2.webp" alt="" width="160" loading="lazy"> 194 <img src="/assets/img/screens/and-1.webp" alt="" width="160" loading="lazy"> 195 </div> 196</section> 197 198<article class="prose"> 199 <h2>How this calculator works</h2><p>Enter date of birth, sex and at least one measurement. Percentile Growth Charts plots a <strong>single point</strong> on WHO or CDC curves. The website does not keep a growth diary. For serial measurements, use the mobile app.</p><p>A growth percentile compares a child with others of the same age and sex. The 50th percentile is the middle of that reference group â not a target and not a diagnosis.</p><h2>Guides</h2><ul><li><a href="/what-is-a-growth-percentile/">What is a growth percentile?</a></li> 200<li><a href="/who-vs-cdc-growth-charts/">WHO vs CDC growth charts</a></li> 201<li><a href="/height-percentile/">Height percentile</a></li> 202<li><a href="/weight-percentile/">Weight percentile</a></li> 203<li><a href="/head-circumference-percentile/">Head circumference percentile</a></li> 204</ul> 205Head circumference on this site follows usual practice and is offered up to about 3 years of age.</article> 206<section class="prose" aria-labelledby="faq-title"> 207 <h2 id="faq-title">Frequently asked questions</h2> 208 <ul><li><strong>Does this website save my childâs measurements?</strong> No. Values stay in your browser (localStorage) for convenience. Tracking belongs in the app.</li> 209<li><strong>Which chart should I use?</strong> Use the reference your pediatrician prefers (WHO or CDC).</li> 210<li><strong>Why is head circumference limited to 3 years?</strong> Head growth is followed mainly in early childhood; the form follows that clinical practice.</li> 211<li><strong>Is a low or high percentile a diagnosis?</strong> No. Percentiles describe position on a curve. Only a clinician can interpret health.</li></ul></section> 212</main> 213<footer class="site-footer"> 214 <div class="wrap"> 215 <div class="footer-inner"> 216 <div class="footer-brand-col"> 217 <a class="footer-brand" href="/"> 218 <img src="/assets/img/logo.webp" width="34" height="34" alt="">
219 <span>Percentile Growth Charts</span> 220 </a> 221 <p class="footer-about">The website calculates a single point. Save measurements, see progress and share charts with the Percentile Growth Charts app.</p> 222 </div> 223 <div class="footer-col"> 224 <h3>Learn</h3> 225 <nav aria-label="Learn"> 226 <a href="/guides/">All guides</a> 227 <a href="/what-is-a-growth-percentile/">What is a percentile?</a> 228 <a href="/who-vs-cdc-growth-charts/">WHO vs CDC</a> 229 <a href="/height-percentile/">Height percentile</a> 230 <a href="/weight-percentile/">Weight percentile</a> 231 <a href="/head-circumference-percentile/">Head circumference</a> 232 </nav> 233 </div> 234 <div class="footer-col"> 235 <h3>Pages</h3> 236 <nav aria-label="Footer"> 237 <a href="/">Home</a> 238 <a href="/contact/">Contact</a> 239 <a href="/privacy-policy/">Privacy Policy</a> 240 <a href="/privacy-policy-mobile/">Mobile Privacy Policy</a> 241 </nav> 242 </div> 243 <div class="footer-col"> 244 <h3>Mobile App</h3> 245 <div class="footer-store"> 246 <a href="https://apps.apple.com/app/id6476985116" rel="noopener"><img src="/assets/img/app-store.png" alt="App Store" height="38"></a> 247 <a href="https://play.google.com/store/apps/details?id=com.akillikadin.percentile" rel="noopener"><img src="/assets/img/google-play.png" alt="Google Play" height="38"></a> 248 </div> 249 </div> 250 </div> 251 <div class="footer-bottom"> 252 <p class="copy">© 2026 Percentile Growth Charts</p> 253 </div> 254 </div> 255</footer> 256<div id="app-banner" class="app-banner" hidden> 257 <button type="button" class="banner-x" id="banner-close" aria-label="Close">×</button> 258 <img class="banner-icon" src="/assets/img/icon-1024-white.png" width="46" height="46" alt=""> 259 <div class="banner-text"> 260 <strong>Get the app</strong> 261 <p>Track height, weight and head circumference on your phone.</p> 262 </div> 263 <div class="banner-badges"> 264 <a class="badge" href="https://apps.apple.com/app/id6476985116"><img src="/assets/img/app-store.png" alt="App Store" height="34"></a> 265 <a class="badge" href="https://play.google.com/store/apps/details?id=com.akillikadin.percentile"><img src="/assets/img/google-play.png" alt="Google Play" height="34"></a> 266 </div> 267</div>
268<script> 269(function () { 270 var lang = document.querySelector('#lang-switch'); 271 if (lang) { 272 lang.addEventListener('change', function () { window.location = this.value; }); 273 } 274 var navToggle = document.querySelector('#nav-toggle'); 275 var mainNav = document.querySelector('#main-nav'); 276 if (navToggle && mainNav) { 277 navToggle.addEventListener('click', function () { 278 var open = mainNav.classList.toggle('is-open'); 279 navToggle.setAttribute('aria-expanded', open ? 'true' : 'false'); 280 navToggle.innerHTML = open 281 ? '<i class="fa-solid fa-xmark" aria-hidden="true"></i>' 282 : '<i class="fa-solid fa-bars" aria-hidden="true"></i>'; 283 }); 284 } 285 var banner = document.querySelector('#app-banner'); 286 var closeBtn = document.querySelector('#banner-close'); 287 var showBanner = true; 288 try { 289 if (localStorage.getItem('pgc_banner_hide') && (Date.now() - parseInt(localStorage.getItem('pgc_banner_hide'), 10) < 86400000)) { 290 showBanner = false; 291 } 292 } catch (e) {} 293 if (banner && showBanner) { 294 banner.hidden = false; 295 if (closeBtn) { 296 closeBtn.addEventListener('click', function () { 297 banner.hidden = true; 298 try { localStorage.setItem('pgc_banner_hide', String(Date.now())); } catch (e2) {} 299 }); 300 } 301 } 302})(); 303</script>
vendor: 2 bytes, line 303
303
304<script>window.PGC_I18N={"need_fields":"Please enter birth date, sex and at least one measurement.","no_data":"No reference data for this age and measurement.","below_p3":"Below P3","above_p97":"Above P97","age_label":"Age","months_short":"months","pct_height":"Height percentile","pct_weight":"Weight percentile","pct_head":"Head circumference percentile","axis_age":"Age (months)","cm":"cm","kg":"kg","in":"in","lb":"lb","months":["January","February","March","April","May","June","July","August","September","October","November","December"]};</script>
vendor: 2 bytes, line 304
304
305<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.umd.min.js"></script>
vendor: 2 bytes, line 305
305
306<script src="https://cdn.jsdelivr.net/npm/[email protected]/hammer.min.js"></script>
vendor: 2 bytes, line 306
306
307<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chartjs-plugin-zoom.min.js"></script>
vendor: 2 bytes, line 307
307
308<script src="/assets/js/calculator.js"></script>
308<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a43ffd8fbb54e808',t:'MTc5MDkwNTEzNg=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
308</body> 309</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.