PageSourceSearch

https://percentilegrowthcharts.com/

html percentilegrowthcharts.com collected 2026-10-02 01:38:57 UTC 22,520 bytes, 309 lines download raw bytes

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 &amp; 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 &amp; 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 &amp; 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&amp;utm_medium=topbar&amp;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">&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">&times;</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.