{"id":945,"date":"2024-10-01T11:44:12","date_gmt":"2024-10-01T11:44:12","guid":{"rendered":"http:\/\/champs-new.lndo.site\/?post_type=cause_death&#038;p=945"},"modified":"2025-06-24T15:23:54","modified_gmt":"2025-06-24T15:23:54","slug":"neonatal-mortality","status":"publish","type":"cause_death","link":"https:\/\/champshealth.org\/cause_death\/neonatal-mortality\/","title":{"rendered":"Neonatal Mortality"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull page-header-standard fade-in-down-scroll\" style=\"min-height:320px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-70 has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"2400\" height=\"1600\" class=\"wp-block-cover__image-background wp-image-2100\" alt=\"\" src=\"https:\/\/live-champs-new.pantheonsite.io\/wp-content\/uploads\/2024\/10\/shutterstock_735837514-1.jpg\" style=\"object-position:56% 54%\" data-object-fit=\"cover\" data-object-position=\"56% 54%\" srcset=\"https:\/\/champshealth.org\/wp-content\/uploads\/2024\/10\/shutterstock_735837514-1.jpg 2400w, https:\/\/champshealth.org\/wp-content\/uploads\/2024\/10\/shutterstock_735837514-1-300x200.jpg 300w, https:\/\/champshealth.org\/wp-content\/uploads\/2024\/10\/shutterstock_735837514-1-1024x683.jpg 1024w, https:\/\/champshealth.org\/wp-content\/uploads\/2024\/10\/shutterstock_735837514-1-768x512.jpg 768w, https:\/\/champshealth.org\/wp-content\/uploads\/2024\/10\/shutterstock_735837514-1-1536x1024.jpg 1536w, https:\/\/champshealth.org\/wp-content\/uploads\/2024\/10\/shutterstock_735837514-1-2048x1365.jpg 2048w\" sizes=\"auto, (max-width: 2400px) 100vw, 2400px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size\"><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group pad-5 fade-in-down-scroll\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading text-center\">Neonatal Mortality<\/h2>\n\n\n\n<p class=\"has-text-align-center w-85 margin-auto\">While great strides have been made to reduce the number of neonatal deaths globally, they still account for 47% of all child deaths under the age of 6 with highest burden in Sub-Saharan Africa and southern and central Asia. As of 2022 Sub-Saharan Africa had the highest rate of neonatal mortality with 27 deaths per 1000 live births with central and southern Asian having 21 deaths per 1000 live births. 75% of neonatal deaths occur within the first week of life; leading causes of death include premature birth, birth complications such as birth asphyxia\/trauma, infections, and congenital abnormalities. At the current rate of reduction <a href=\"https:\/\/www.who.int\/news-room\/fact-sheets\/detail\/newborn-mortality\" target=\"_blank\" rel=\"noreferrer noopener\">64 countries will still fall short of meeting the 2030 Sustainable Development Goals target<\/a> to reduce neonatal mortality.<\/p>\n\n\n\n<p class=\"has-text-align-center w-85 margin-auto\"><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group fade-in-up\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-relative\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-cover is-light cover-top-align fade-in-down-scroll wp-duotone-grayscale\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-80 has-background-dim\" style=\"background-color:#93d500\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1707\" class=\"wp-block-cover__image-background wp-image-151\" alt=\"\" src=\"http:\/\/champs-new.lndo.site\/wp-content\/uploads\/2024\/09\/shutterstock_1180451362-scaled.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/champshealth.org\/wp-content\/uploads\/2024\/09\/shutterstock_1180451362-scaled.jpg 2560w, https:\/\/champshealth.org\/wp-content\/uploads\/2024\/09\/shutterstock_1180451362-300x200.jpg 300w, https:\/\/champshealth.org\/wp-content\/uploads\/2024\/09\/shutterstock_1180451362-1024x683.jpg 1024w, https:\/\/champshealth.org\/wp-content\/uploads\/2024\/09\/shutterstock_1180451362-768x512.jpg 768w, https:\/\/champshealth.org\/wp-content\/uploads\/2024\/09\/shutterstock_1180451362-1536x1024.jpg 1536w, https:\/\/champshealth.org\/wp-content\/uploads\/2024\/09\/shutterstock_1180451362-2048x1365.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-center has-medium-font-size\">NEONATAL MORTALITY<\/p>\n\n\n\n<h2 class=\"wp-block-heading alignfull has-text-align-center\">Quick Facts<\/h2>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center w-65 margin-auto\">Neonatal mortality, including stillbirths, remains a devastating global issue, with nearly 2 million babies lost in 2021. CHAMPS is addressing this crisis by working in high-risk regions like sub-Saharan Africa and Southern Asia, using data-driven solutions to prevent these tragedies and save lives.&nbsp;<\/p>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group impact-grid is-layout-grid wp-container-core-group-is-layout-1dcf4753 wp-block-group-is-layout-grid\">\n<div  class=\"impact-counter fade-in-down-stagger\"> \n\n            <img decoding=\"async\" src=\"https:\/\/champshealth.org\/wp-content\/uploads\/2024\/10\/still-birth.png\" \n             alt=\"Impact Counter\" \n             loading=\"lazy\"\/>\n    \n            <p class=\"impact-number-wrapper\">\n            <span class=\"impact-number\" data-count=\"77\">0<\/span>\n            <span class=\"impact-text\">%<\/span>\n        <\/p>\n    \n            <p class=\"impact-description\">Stillbirths in Sub-Saharan Africa &amp; Southern Asia<\/p>\n    <\/div>\n\n<script>\n\n<\/script>\n\n<style>\n\n<\/style>\n\n\n\n<div  class=\"impact-counter fade-in-down-stagger\"> \n\n            <img decoding=\"async\" src=\"https:\/\/champshealth.org\/wp-content\/uploads\/2024\/10\/still-birth.png\" \n             alt=\"Impact Counter\" \n             loading=\"lazy\"\/>\n    \n            <p class=\"impact-number-wrapper\">\n            <span class=\"impact-number\" data-count=\"45\">0<\/span>\n            <span class=\"impact-text\">%<\/span>\n        <\/p>\n    \n            <p class=\"impact-description\">Total stillbirths in Sub-Saharan Africa<\/p>\n    <\/div>\n\n<script>\n\n<\/script>\n\n<style>\n\n<\/style>\n\n\n\n<div  class=\"impact-counter fade-in-down-stagger\"> \n\n            <img decoding=\"async\" src=\"https:\/\/champshealth.org\/wp-content\/uploads\/2024\/10\/still-birth.png\" \n             alt=\"Impact Counter\" \n             loading=\"lazy\"\/>\n    \n            <p class=\"impact-number-wrapper\">\n            <span class=\"impact-number\" data-count=\"32\">0<\/span>\n            <span class=\"impact-text\">%<\/span>\n        <\/p>\n    \n            <p class=\"impact-description\">Total stillbirths in Southern Asia<\/p>\n    <\/div>\n\n<script>\n\n<\/script>\n\n<style>\n\n<\/style>\n\n\n\n<div  class=\"impact-counter fade-in-down-stagger\"> \n\n            <img decoding=\"async\" src=\"https:\/\/champshealth.org\/wp-content\/uploads\/2024\/10\/still-birth.png\" \n             alt=\"Impact Counter\" \n             loading=\"lazy\"\/>\n    \n            <p class=\"impact-number-wrapper\">\n            <span class=\"impact-number\" data-count=\"1900000\">0<\/span>\n            <span class=\"impact-text\"><\/span>\n        <\/p>\n    \n            <p class=\"impact-description\">    Global stillbirth rate estimate in 2021 <\/p>\n    <\/div>\n\n<script>\n\n<\/script>\n\n<style>\n\n<\/style>\n<\/div>\n\n\n\n<div class=\"dot-spiral\"> <\/div>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group pad-5 pad-bottom-0\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column height-fit is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p><strong>The CHAMPS Network collects cause of death data for stillbirths and children under 5 years of age across seven countries in sub-Saharan Africa and South Asia; Mozambique began enrollment in 2016, South Africa, Kenya, Mali, and Bangladesh began in 2017, and Sierra Leone and Ethiopia began in 2019. Between December 2016 and December 2021 CHAMPS conducted minimally invasive autopsies (MITS) on 1,673 neonates with 1,458 having cause of death determined by a determination of cause of death (DeCoDe) panel. (See Fig. 1)<\/strong><\/p>\n\n\n<!-- Styles -->\n<style>\n  #mapChartDiv {\n    width: 100%;\n    height: 300px;\n    max-width: 100%;\n    position: relative;\n    margin-bottom: 15px;\n  }\n<\/style>\n\n<!-- Resources -->\n<script src=\"https:\/\/cdn.amcharts.com\/lib\/5\/map.js\"><\/script>\n<script src=\"https:\/\/cdn.amcharts.com\/lib\/5\/geodata\/worldLow.js\"><\/script>\n<script src=\"https:\/\/cdn.amcharts.com\/lib\/5\/themes\/Animated.js\"><\/script>\n\n<!-- Map Chart Container -->\n<div id=\"mapChartDiv\"> \n\n<!--   <div class=\"pop-legend\">\n    <p> World population: <\/p>\n    <div class=\"pop-bar\"> \n        <div class=\"world-total\"> <\/div>\n        <div class=\"sub-saharan\"> <\/div>\n    <\/div>\n    <p> Child Deaths: <\/p>\n    <div class=\"child-deaths-bar\"> \n        <div class=\"world-total\"> <\/div>\n        <div class=\"sub-saharan\"> <\/div>\n    <\/div>\n  <\/div> -->\n<\/div>\n\n<style type=\"text\/css\"> \n.pop-legend {\n  z-index: 4342343;\n  position: absolute;\n  top: 20px;\n  left: 20px;\n}\n.pop-bar {\n  width: 100px;\n  position: relative;\n  height: 20px;\n  margin-bottom: 10px;\n}\n.pop-legend p {\n  font-weight: 600;\n  font-family: Lato;\n  font-size: 12px;\n  margin-bottom: 5px;\n}\n.world-total {\n  position: absolute;\n  background: #4C9C2E;\n  width: 82%;\n  height: 20px;\n}\n.sub-saharan {\n  position: absolute;\n  right: 0;\n  width: 18%;\n  background: #00A7E1;\n  height: 20px;\n}\n.child-deaths-bar {\n  width: 100px;\n}\n.child-deaths-bar .world-total {\n  position: absolute;\n  background: #4C9C2E;\n  width: 42%;\n  height: 20px;\n}\n.child-deaths-bar .sub-saharan {\n  position: absolute;\n  right: 0;\n  width: 58%;\n  background: #00A7E1;\n  height: 20px;\n}\n<\/style>\n\n<script>\n  am5.ready(function() {\n    \/\/ Create root element for the map chart\n    var mapRoot = am5.Root.new(\"mapChartDiv\");\n\n    \/\/ Set themes for map chart\n    mapRoot.setThemes([\n      am5themes_Animated.new(mapRoot)\n    ]);\n\n    \/\/ Create the map chart\n    var mapChart = mapRoot.container.children.push(am5map.MapChart.new(mapRoot, {\n      panX: \"rotateX\",\n      panY: \"rotateY\",\n      projection: am5map.geoOrthographic(),\n      paddingBottom: 20,\n      paddingTop: 20,\n      paddingLeft: 20,\n      paddingRight: 20\n    }));\n\n    \/\/ Create main polygon series for countries\n    var polygonSeries = mapChart.series.push(am5map.MapPolygonSeries.new(mapRoot, {\n      geoJSON: am5geodata_worldLow\n    }));\n\n    \/\/ Set default properties for all polygons (non-specified countries)\n    polygonSeries.mapPolygons.template.setAll({\n      tooltipText: \"{name}\",\n      toggleKey: \"active\",\n      interactive: true,\n      stroke: mapRoot.interfaceColors.get(\"background\"),\n      strokeWidth: 1,\n      fill: am5.color(\"#cccccc\") \/\/ Set default fill color to grey for unspecified countries\n    });\n\n    \/\/ List of Sub-Saharan countries with their colors and coordinates\n    var subSaharanCountries = {\n      \"KE\": { color: \"#4C9C2E\", name: \"Kenya\", coordinates: { latitude: -1.286389, longitude: 36.817223 } },\n      \"MZ\": { color: \"#93D500\", name: \"Mozambique\", coordinates: { latitude: -18.665695, longitude: 35.529562 } }, \/\/ Center of Mozambique\n      \"SL\": { color: \"#EBE717\", name: \"Sierra Leone\", coordinates: { latitude: 8.484444, longitude: -13.234444 } },\n      \"ML\": { color: \"#00A7E1\", name: \"Mali\", coordinates: { latitude: 12.639232, longitude: -8.002889 } },\n      \"BD\": { color: \"#655DC6\", name: \"Bangladesh\", coordinates: { latitude: 23.810331, longitude: 90.412521 } },\n      \"ZA\": { color: \"#F4436C\", name: \"South Africa\", coordinates: { latitude: -25.747868, longitude: 28.229271 } },\n      \"ET\": { color: \"#00A7E1\", name: \"Ethiopia\", coordinates: { latitude: 9.145, longitude: 40.489673 } }\n    };\n\n    \/\/ Set specific colors for Sub-Saharan countries after polygons are created\n    polygonSeries.events.on(\"datavalidated\", function() {\n      polygonSeries.mapPolygons.each(function(polygon) {\n        var countryId = polygon.dataItem.get(\"id\");\n        if (subSaharanCountries[countryId]) {\n          polygon.set(\"fill\", am5.color(subSaharanCountries[countryId].color)); \/\/ Set color for each country\n        }\n      });\n    });\n\n    \/\/ Add a graticule for better visibility\n    var graticuleSeries = mapChart.series.unshift(am5map.GraticuleSeries.new(mapRoot, {\n      step: 10\n    }));\n\n    graticuleSeries.mapLines.template.set(\"strokeOpacity\", 0.1);\n\n    \/\/ Add MapPointSeries for country dots\n    var pointSeries = mapChart.series.push(am5map.MapPointSeries.new(mapRoot, {}));\n\n    \/\/ Add dots and labels for each specified country\n    Object.keys(subSaharanCountries).forEach(function(countryId) {\n      var countryData = subSaharanCountries[countryId];\n      \n      \/\/ Add country dot\n      pointSeries.data.push({\n        geometry: { type: \"Point\", coordinates: [countryData.coordinates.longitude, countryData.coordinates.latitude] },\n        title: countryData.name\n      });\n\n      \/\/ Add a label for the country name\n      pointSeries.bullets.push(function(root, series, dataItem) {\n        var container = am5.Container.new(root, {});\n        \n        \/\/ Add smaller black circle for dot\n        var circle = container.children.push(am5.Circle.new(root, {\n          radius: 2, \/\/ Smaller circle\n          fill: am5.color(\"#000000\"), \/\/ Black dot\n          tooltipText: dataItem.dataContext.title \/\/ Tooltip with country name\n        }));\n\n        \/\/ Logic to position the label differently for Bangladesh\n        var labelX = 5; \/\/ Default position to the right\n        var centerX = am5.p0; \/\/ Default center alignment\n        \n        if (dataItem.dataContext.title === \"Bangladesh\") {\n          labelX = -5; \/\/ Move the label to the left\n          centerX = am5.p100; \/\/ Align to the left\n        }\n\n        \/\/ Add smaller label with conditional positioning\n        var label = container.children.push(am5.Label.new(root, {\n          text: dataItem.dataContext.title, \/\/ Country name\n          fontSize: 10, \/\/ Smaller font size\n          x: labelX, \/\/ Conditional x position\n          centerX: centerX, \/\/ Conditional alignment\n          centerY: am5.p40 \/\/ Centered vertically with the dot\n        }));\n        \n        return am5.Bullet.new(root, {\n          sprite: container\n        });\n      });\n    });\n\n    \/\/ Add a placeholder animation\n    function resetMap() {\n      mapChart.set(\"rotationX\", 200);\n      mapChart.set(\"rotationY\", 50);\n      mapChart.set(\"scale\", 0.8);\n    }\n\n    resetMap(); \/\/ Ensure the map starts in a neutral position\n\n    \/\/ Animate the map chart (trigger this later when chart enters viewport)\n    function animateMap() {\n      mapChart.animate({\n        key: \"rotationX\",\n        from: 200,\n        to: -55,\n        duration: 2000,\n        easing: am5.ease.out(am5.ease.cubic)\n      });\n      mapChart.animate({\n        key: \"rotationY\",\n        from: 50,\n        to: 10,\n        duration: 2000,\n        easing: am5.ease.out(am5.ease.cubic)\n      });\n      mapChart.animate({\n        key: \"scale\",\n        from: 0.8,\n        to: 1.4,\n        duration: 2000,\n        easing: am5.ease.out(am5.ease.cubic)\n      });\n    }\n\n    \/\/ Use Intersection Observer to trigger animation when the chart scrolls into view\n    var observer = new IntersectionObserver(function(entries) {\n      if (entries[0].isIntersecting) {\n        animateMap();\n        observer.unobserve(document.getElementById(\"mapChartDiv\")); \/\/ Stop observing after the animation is triggered\n      }\n    }, { threshold: 0.5 }); \/\/ Trigger when 50% of the element is in view\n\n    observer.observe(document.getElementById(\"mapChartDiv\"));\n\n  }); \/\/ end am5.ready()\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>Among the deaths 41% occurred in the first 24 hours, 41% occurred in the next 6 days, and 18% occurred in the subsequent 21 days.<\/p>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<script src=\"https:\/\/cdn.amcharts.com\/lib\/5\/xy.js\"><\/script>\n\n<div id=\"chart-neonatal-percentage\"> <\/div>\n\n<style> \n\n#chart-neonatal-percentage {\n\n    height: 100px;\n}\n<\/style>\n<script>\nam5.ready(function() {\n    \/\/ Create root element\n    var root = am5.Root.new(\"chart-neonatal-percentage\");\n\n    \/\/ Set themes\n    root.setThemes([\n        am5themes_Animated.new(root)\n    ]);\n\n    \/\/ Create chart\n    var chart = root.container.children.push(am5xy.XYChart.new(root, {\n        panX: true,\n        panY: true,\n        wheelX: \"panX\",\n        wheelY: \"zoomX\",\n        pinchZoomX: true\n    }));\n\n    \/\/ Add data\n    var data = [{\n        category: \"Deaths\",\n        first24: 41,\n        next6: 41,\n        next21: 18\n    }];\n\n    \/\/ Create Y-Axis (Category)\n    var yAxis = chart.yAxes.push(am5xy.CategoryAxis.new(root, {\n        categoryField: \"category\",\n        renderer: am5xy.AxisRendererY.new(root, {})\n    }));\n\n    yAxis.data.setAll(data);\n\n    \/\/ Create X-Axis (Value)\n    var xAxis = chart.xAxes.push(am5xy.ValueAxis.new(root, {\n        min: 0,\n        max: 100,\n        renderer: am5xy.AxisRendererX.new(root, {})\n    }));\n\n    \/\/ Create series function\n    function createSeries(name, field, color) {\n        var series = chart.series.push(am5xy.ColumnSeries.new(root, {\n            stacked: true,\n            name: name,\n            xAxis: xAxis,\n            yAxis: yAxis,\n            valueXField: field,\n            categoryYField: \"category\",\n            fill: color,\n            stroke: color\n        }));\n\n        series.data.setAll(data);\n\n        \/\/ Add label bullet to display the actual percentage value\n        series.bullets.push(function() {\n            return am5.Bullet.new(root, {\n                sprite: am5.Label.new(root, {\n                    text: \"{valueX.formatNumber('#.')}%\",\n                    fill: am5.color(0xffffff),\n                    centerX: am5.p50,\n                    centerY: am5.p50,\n                    populateText: true \/\/ Enable dynamic text population\n                })\n            });\n        });\n\n        return series;\n    }\n\n    \/\/ Create stacked series\n    createSeries(\"First 24 Hours\", \"first24\", am5.color(0x4c9c2e));\n    createSeries(\"Next 6 Days\", \"next6\", am5.color(0x93d500));\n    createSeries(\"Next 21 Days\", \"next21\", am5.color(0x2d82b7));\n\n    \/\/ Add legend and adjust its position upwards\n    var legend = chart.children.push(am5.Legend.new(root, {\n        centerX: am5.percent(50),\n        x: am5.percent(50),\n        marginTop: 0,  \/\/ Reduced marginTop\n        marginBottom: 50,\n        y:0, \/\/ Slight margin below to avoid overlap\n        y: am5.percent(-32),  \/\/ Push legend upwards\n        centerY: am5.percent(0)  \/\/ Align legend at top\n    }));\n\n    legend.data.setAll(chart.series.values);\n\n    \/\/ Make chart animate on load\n    chart.appear(1000, 100);\n\n}); \/\/ end am5.ready()\n<\/script>\n\n\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column no-border is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"no-border\"><strong>Fig. 1 Percentage of Neonatal deaths per site<\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n    <script src=\"https:\/\/cdn.amcharts.com\/lib\/5\/percent.js\"><\/script>\n\n<div id=\"chart-neonatal-persite\"> <\/div>\n\n<style> \n\n#chart-neonatal-persite {\n\n    height: 300px;\n}\n<\/style>\n<script>\n\/\/ Create root element\n\/\/ Create root element\nvar root = am5.Root.new(\"chart-neonatal-persite\");\n\n\/\/ Create root element\n\n\/\/ Set themes\nroot.setThemes([\n  am5themes_Animated.new(root)\n]);\n\n\/\/ Create chart\nvar chart = root.container.children.push(\n  am5percent.PieChart.new(root, {\n    layout: root.verticalLayout\n  })\n);\n\n\/\/ Create series\nvar series = chart.series.push(\n  am5percent.PieSeries.new(root, {\n    valueField: \"percentage\",\n    categoryField: \"country\",\n    fillField: \"color\"\n  })\n);\n\n\/\/ Set data with colors\nseries.data.setAll([\n  { country: \"South Africa\", percentage: 31, color: am5.color(\"#F4436C\") }, \/\/ South Africa\n  { country: \"Mozambique\", percentage: 21, color: am5.color(\"#93D500\") },  \/\/ Mozambique\n  { country: \"Kenya\", percentage: 12, color: am5.color(\"#4C9C2E\") },       \/\/ Kenya\n  { country: \"Bangladesh\", percentage: 12, color: am5.color(\"#655DC6\") },  \/\/ Bangladesh\n  { country: \"Sierra Leone\", percentage: 10, color: am5.color(\"#EBE717\") },\/\/ Sierra Leone\n  { country: \"Ethiopia\", percentage: 8, color: am5.color(\"#00A7E1\") },     \/\/ Ethiopia\n  { country: \"Mali\", percentage: 5, color: am5.color(\"#00A7E1\") }          \/\/ Mali\n]);\n\n\/\/ Make labels smaller\nseries.labels.template.setAll({\n  fontSize: 12  \/\/ Smaller font size for slice labels\n});\n\nseries.ticks.template.setAll({\n  strokeWidth: 1, \/\/ Thinner tick lines\n  length: 5      \/\/ Shorter tick lines\n});\n\n\/\/ Add legend\nvar legend = chart.children.push(\n  am5.Legend.new(root, {\n    centerX: am5.p50,\n    x: am5.p50\n  })\n);\n\n\/\/ Set smaller font size for legend labels\nlegend.labels.template.setAll({\n  fontSize: 12  \/\/ Smaller font size for country names in legend\n});\n\n\/\/ Set smaller font size for value labels in the legend\nlegend.valueLabels.template.setAll({\n  fontSize: 12  \/\/ Smaller font size for values in legend\n});\n\nlegend.data.setAll(series.dataItems);\n\n\/\/ Animate the chart on load\nseries.appear(1000, 100);\nchart.appear(1000, 100);\n\n\n\n<\/script>\n\n\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>The underlying cause of death for neonatal mortality were categorized as the following: congenital malformations, disorders related to fetal growth, birth trauma, complications of intrapartum events, convulsion and disorder of cerebral status, infections, respiratory and cardiovascular disorders, and low birth weight\/prematurity complications. The underlying cause of death could not be determined for 21 deaths  . (See Fig. 2)<\/p>\n\n\n<style>\n  #neonate-specific {\n    height: 300px;\n    width: 100%;\n  }\n<\/style>\n\n<div id=\"neonate-specific\"><\/div>\n\n<script>\nam5.ready(function () {\n  \/\/ Create root element\n  var root = am5.Root.new(\"neonate-specific\");\n\n  \/\/ Set themes\n  root.setThemes([am5themes_Animated.new(root)]);\n\n  \/\/ Create chart\n  var chart = root.container.children.push(\n    am5xy.XYChart.new(root, {\n      panX: true,\n      panY: true,\n      wheelX: \"panX\",\n      wheelY: \"zoomX\",\n      pinchZoomX: true,\n    })\n  );\n\n  \/\/ Add cursor\n  var cursor = chart.set(\"cursor\", am5xy.XYCursor.new(root, {}));\n  cursor.lineY.set(\"visible\", false);\n\n  \/\/ Create axes\n  var xRenderer = am5xy.AxisRendererX.new(root, { minGridDistance: 30 });\n  xRenderer.labels.template.setAll({\n    rotation: -45, \/\/ Slanted labels\n    centerY: am5.p50,\n    centerX: am5.p100,\n  });\n\n  var xAxis = chart.xAxes.push(\n    am5xy.CategoryAxis.new(root, {\n      categoryField: \"country\",\n      renderer: xRenderer,\n    })\n  );\n\n  var yAxis = chart.yAxes.push(\n    am5xy.ValueAxis.new(root, {\n      renderer: am5xy.AxisRendererY.new(root, {}),\n    })\n  );\n\n  \/\/ Parent colors for each country\n  var countryColors = {\n    \"South Africa\": \"#FF4769\", \/\/ Red\n    Mozambique: \"#94E045\", \/\/ Light Green\n    Kenya: \"#4C8423\", \/\/ Dark Green\n    Bangladesh: \"#5E52C1\", \/\/ Blue Purple\n    \"Sierra Leone\": \"#FFD51E\", \/\/ Yellow\n    Ethiopia: \"#1DA1F2\", \/\/ Blue\n    Mali: \"#5CB8E5\", \/\/ Light Blue\n  };\n\n  \/\/ Function to create series for each category\n  function createSegmentSeries(name, field, opacity) {\n    var series = chart.series.push(\n      am5xy.ColumnSeries.new(root, {\n        name: name,\n        stacked: true,\n        xAxis: xAxis,\n        yAxis: yAxis,\n        valueYField: field,\n        categoryXField: \"country\",\n        tooltip: am5.Tooltip.new(root, {\n          labelText: \"{name}: {valueY}%\",\n        }),\n      })\n    );\n\n    \/\/ Apply country color and opacity\n    series.columns.template.adapters.add(\"fill\", function (fill, target) {\n      return am5.color(countryColors[target.dataItem.dataContext.country]);\n    });\n\n    series.columns.template.setAll({\n      fillOpacity: opacity,\n      strokeOpacity: 0,\n      cornerRadiusTL: 5,\n      cornerRadiusTR: 5,\n    });\n\n    return series;\n  }\n\n  \/\/ Data for each country\n  var data = [\n    { country: \"South Africa\", stillbirth: 30, neonate: 42, infantChild: 28 },\n    { country: \"Mozambique\", stillbirth: 39, neonate: 45, infantChild: 16 },\n    { country: \"Kenya\", stillbirth: 59, neonate: 28, infantChild: 13 },\n    { country: \"Bangladesh\", stillbirth: 47, neonate: 42, infantChild: 11 },\n    { country: \"Sierra Leone\", stillbirth: 28, neonate: 56, infantChild: 16 },\n    { country: \"Ethiopia\", stillbirth: 53, neonate: 37, infantChild: 10 },\n    { country: \"Mali\", stillbirth: 37, neonate: 44, infantChild: 19 },\n  ];\n\n  xAxis.data.setAll(data);\n\n  \/\/ Create 3 series with varying opacity\n  createSegmentSeries(\"Stillbirth\", \"stillbirth\", 1); \/\/ Full opacity\n  createSegmentSeries(\"Neonate\", \"neonate\", 0.7);    \/\/ Medium opacity\n  createSegmentSeries(\"Infant\/Child\", \"infantChild\", 0.4); \/\/ Low opacity\n\n  \/\/ Set data for all series\n  chart.series.each(function (series) {\n    series.data.setAll(data);\n  });\n\n  \/\/ Animate chart\n  chart.appear(1000, 100);\n});\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Fig. 2 Underlying Causes of death for newborn deaths enrolled in CHAMPS [2]<\/strong><\/p>\n\n\n<script src=\"https:\/\/cdn.amcharts.com\/lib\/5\/xy.js\"><\/script>\n<script src=\"https:\/\/cdn.amcharts.com\/lib\/5\/themes\/Animated.js\"><\/script>\n\n<div id=\"chart-neonatal-underlying\"><\/div>\n\n<div class=\"underlying-legend\">\n  <table>\n    <tr>\n      <th><\/th>\n      <th>Underlying Cause of Death<\/th>\n      <th>Total (N=1458) (n%)<\/th>\n    <\/tr>\n    <tr><td class=\"color4\"><\/td><td>Complications of Intrapartum Events<\/td><td>446 (30.6)<\/td><\/tr>\n    <tr><td class=\"color8\"><\/td><td>Low birth weight\/prematurity complications<\/td><td>404 (27.7)<\/td><\/tr>\n    <tr><td class=\"color6\"><\/td><td>Infections<\/td><td>254 (17.4)<\/td><\/tr>\n    <tr><td class=\"color7\"><\/td><td>Respiratory and cardiovascular disorders<\/td><td>159 (10.9)<\/td><\/tr>\n    <tr><td class=\"color2\"><\/td><td>Congenital Malformations<\/td><td>118 (8.1)<\/td><\/tr>\n    <tr><td class=\"color9\"><\/td><td>Other neonatal conditions<\/td><td>25 (1.7)<\/td><\/tr>\n    <tr><td class=\"color11\"><\/td><td>Unspecified\/undetermined<\/td><td>21 (1.4)<\/td><\/tr>\n    <tr><td class=\"color5\"><\/td><td>Convulsion and disorder of cerebral status<\/td><td>16 (1.1)<\/td><\/tr>\n    <tr><td class=\"color1\"><\/td><td>Disorders related to fetal growth<\/td><td>11 (0.7)<\/td><\/tr>\n    <tr><td class=\"color10\"><\/td><td>Miscellaneous<\/td><td>3 (0.2)<\/td><\/tr>\n    <tr><td class=\"color3\"><\/td><td>Birth Trauma<\/td><td>1 (0.1)<\/td><\/tr>\n  <\/table>\n<\/div>\n\n<style>\n\/* Chart Styling *\/\n#chart-neonatal-underlying {\n  height: 350px; \/* Adjusted height for the chart *\/\n}\n\n\/* Table Styling *\/\ntable { \n  margin: 20px auto; \n  font-family: Lato, sans-serif; \n  border-collapse: collapse;\n}\ntd, th { \n  font-size: 14px; \n  text-align: left;\n}\ntable tr:nth-child(even) { \n  background-color: rgba(147, 213, 0, 0.3); \n}\nth { \n  background-color: #4c9c2e; \n  color: white; \n  font-weight: 600; \n}\ntr td:nth-child(1) { \n  width: 20px; \n  height: 20px; \n}\n.color1 { background-color: #4c9e46; }\n.color2 { background-color: #95c93d; }\n.color3 { background-color: #e9e522; }\n.color4 { background-color: #3aa6dd; }\n.color5 { background-color: #6360aa; }\n.color6 { background-color: #ef466d; }\n.color7 { background-color: #2c9e48; }\n.color8 { background-color: #66bc45; }\n.color9 { background-color: #b1d234; }\n.color10 { background-color: #4066b0; }\n.color11 { background-color: #7c5fa9; }\n<\/style>\n\n<script>\nam5.ready(function () {\n  am5.addLicense(\"AM5C329334656\");\n\n  \/\/ Root element and theme\n  var root = am5.Root.new(\"chart-neonatal-underlying\");\n  root.setThemes([am5themes_Animated.new(root)]);\n\n  \/\/ Chart container\n  var chart = root.container.children.push(\n    am5xy.XYChart.new(root, {\n      panX: false,\n      panY: false,\n      wheelX: \"panX\",\n      wheelY: \"zoomX\",\n      pinchZoomX: true,\n      height: 350, \/\/ Chart height\n    })\n  );\n\n  \/\/ Color map for each cause of death\n  var colorMap = {\n    \"Complications of Intrapartum Events\": \"#3aa6dd\",\n    \"Low birth weight\/prematurity complications\": \"#66bc45\",\n    \"Infections\": \"#ef466d\",\n    \"Respiratory and cardiovascular disorders\": \"#2c9e48\",\n    \"Congenital Malformations\": \"#95c93d\",\n    \"Other neonatal conditions\": \"#b1d234\",\n    \"Unspecified\/undetermined\": \"#7c5fa9\",\n    \"Convulsion and disorder of cerebral status\": \"#6360aa\",\n    \"Disorders related to fetal growth\": \"#4c9e46\",\n    \"Miscellaneous\": \"#4066b0\",\n    \"Birth Trauma\": \"#e9e522\",\n  };\n\n  \/\/ Axes\n  var xAxis = chart.xAxes.push(\n    am5xy.CategoryAxis.new(root, {\n      categoryField: \"cause\",\n      renderer: am5xy.AxisRendererX.new(root, {})\n    })\n  );\n\n  \/\/ Hide x-axis category labels\n  xAxis.get(\"renderer\").labels.template.setAll({\n    visible: false\n  });\n\n  var yAxis = chart.yAxes.push(\n    am5xy.ValueAxis.new(root, {\n      renderer: am5xy.AxisRendererY.new(root, {}),\n    })\n  );\n\n  \/\/ Add general x-axis label (centered)\n  chart.children.push(\n    am5.Label.new(root, {\n      text: \"Underlying Causes of Death\", \n      fontSize: 14,\n      centerX: am5.percent(50), \/\/ Center the label\n      x: am5.percent(50),\n      y: am5.percent(95),\n    })\n  );\n\n  \/\/ Series\n  var series = chart.series.push(\n    am5xy.ColumnSeries.new(root, {\n      name: \"Percentage\",\n      xAxis: xAxis,\n      yAxis: yAxis,\n      valueYField: \"percentage\",\n      categoryXField: \"cause\",\n      tooltip: am5.Tooltip.new(root, { labelText: \"{categoryX}: {valueY}%\" }),\n    })\n  );\n\n  \/\/ Set data\n  var data = [\n    { cause: \"Complications of Intrapartum Events\", percentage: 30.6 },\n    { cause: \"Low birth weight\/prematurity complications\", percentage: 27.7 },\n    { cause: \"Infections\", percentage: 17.4 },\n    { cause: \"Respiratory and cardiovascular disorders\", percentage: 10.9 },\n    { cause: \"Congenital Malformations\", percentage: 8.1 },\n    { cause: \"Other neonatal conditions\", percentage: 1.7 },\n    { cause: \"Unspecified\/undetermined\", percentage: 1.4 },\n    { cause: \"Convulsion and disorder of cerebral status\", percentage: 1.1 },\n    { cause: \"Disorders related to fetal growth\", percentage: 0.7 },\n    { cause: \"Miscellaneous\", percentage: 0.2 },\n    { cause: \"Birth Trauma\", percentage: 0.1 },\n  ];\n\n  xAxis.data.setAll(data);\n  series.data.setAll(data);\n\n  \/\/ Apply correct colors based on cause\n  series.columns.template.adapters.add(\"fill\", function (fill, target) {\n    return am5.color(colorMap[target.dataItem.dataContext.cause]);\n  });\n\n  series.columns.template.adapters.add(\"stroke\", function (stroke, target) {\n    return am5.color(colorMap[target.dataItem.dataContext.cause]);\n  });\n\n  \/\/ Animation\n  series.appear(1000);\n  chart.appear(1000, 100);\n});\n<\/script>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group pad-5-sides\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\"><!-- Styles -->\n<style>\n#chartdiv, #chartdiv-bars {\n  width: 100%;\n  height: 500px;\n  margin-top: 20px;\n}\n\n@media(max-width: 992px) {\n  .chart-tabs .col {\n    width: 100%!important;\n    flex-basis: 100%;\n  }\n}\n\n#top-controls {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: flex-start;\n  margin-bottom: 20px;\n}\n\n.breadcrumbs {\n  margin-bottom: 10px;\n}\n\n.breadcrumbs a {\n  cursor: pointer;\n  text-decoration: underline;\n  color: blue;\n  margin-right: 5px;\n}\n\n.breadcrumbs a:hover {\n  text-decoration: none;\n}\n\n.chart-instruction {\n  float: right;\n  width: fit-content;\n  font-family: Lato;\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.drilldown-click {\n  animation: moveUpDown 1.5s ease-in-out infinite;\n  width: 30px;\n  height: 30px;\n}\n\n@keyframes moveUpDown {\n  0%, 100% {\n    transform: translateY(0);\n  }\n  50% {\n    transform: translateY(-10px);\n  }\n}\n\n.filter-buttons {\n  display: flex;\n  gap: 2rem;\n  flex-wrap: wrap;\n}\n\n.filter-buttons div {\n  display: flex;\n  align-items: center;\n}\n\n.filter-buttons span {\n  margin-left: 15px;\n}\n\n.filter-buttons button {\n  width: 30px;\n  height: 30px;\n  padding: 0;\n}\n\n#filter-all {\n  background-color: #93D500;\n}\n\n#filter-stillbirth {\n  background-color: #4C9C2E;\n}\n\n#filter-neonate {\n  background-color: #06A7E0;\n}\n\n#filter-infant {\n  background-color: #EBE717;\n}\n\n.chart-tabs .col {\n  border: 2px solid #06A7E0;\n  padding: 20px;\n  position: relative;\n  height: 550px;\n}\n\n.graph-expand {\n  position: absolute;\n  top: 0;\n  right: 0;\n  border: 1px solid #06A7E0;\n  border-top: none;\n  border-right: none;\n  aspect-ratio: 1\/1;\n  width: 30px;\n  height: 30px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.graph-grow #chartdiv-bars {\n  height: 95%;\n}\n\n.graph-grow #chartdiv {\n  height: 95%;\n}\n\n.graph-shrink {\n  width: 0;\n  opacity: 0;\n  height: 0!important;\n  padding: 0!important;\n  transition: all 0.5s ease;\n}\n\n.chart-no-gap {}\n\n.graph-expand:hover {\n  background-color: #06A7E0;\n  color: white;\n  scale: 1.3;\n  transition: all 0.2s ease;\n}\n\n.chart-tabs {\n  gap: 2rem;\n}\n\n.graph-grow {\n  width: 100%;\n  height: 700px!important;\n  flex-basis: 100%;\n  transition: all 1s ease;\n  padding: 5%;\n}\n\n#chartdiv {\n\n  margin: 0;\n}\n\n.graph-cont \n\n{\n  margin-bottom: 25px;\n  display: flex;\n    ;\n\n}\n.chart-description {\n  padding: 20px;\n  border: 1px solid #5E5D5B;\n\n  flex-basis: 45%;\n  background-color: white;\n  border-right: none;\n  position: relative;\n}\n\n.decription-right {\n\n  position: absolute;\n  right: -2px;\n  width: 2px;\n  background-color: white;\n  height: 100%;\n  top: 0;\n}\n\n#chartdiv {background-color: white;\nborder: 1px solid #5E5D5B;\n\n}\n<\/style>\n\n<!-- Resources -->\n<script src=\"https:\/\/cdn.amcharts.com\/lib\/5\/hierarchy.js\"><\/script>\n<script src=\"https:\/\/cdn.amcharts.com\/lib\/5\/themes\/Animated.js\"><\/script>\n<script>\nam5.ready(function() {\n  console.log(\"amCharts is ready.\");\n\n  \/\/ Create root element\n  var root = am5.Root.new(\"chartdiv\");\n\n  \/\/ Define the colors for each category\n  var categoryColors = {\n    \"Disorders related to fetal growth\": am5.color(\"#4c9e46\"),\n    \"Congenital Malformations\": am5.color(\"#95c93d\"),\n    \"Birth Trauma\": am5.color(\"#e9e522\"),\n    \"Complications of Intrapartum Events\": am5.color(\"#3aa6dd\"),\n    \"Convulsion and disorder of cerebral status\": am5.color(\"#6360aa\"),\n    \"Infections\": am5.color(\"#ef466d\"),\n    \"Respiratory and cardiovascular disorders\": am5.color(\"#2c9e48\"),\n    \"Low birth weight\/prematurity conditions\": am5.color(\"#66bc45\"),\n    \"Other neonatal conditions\": am5.color(\"#b1d234\"),\n    \"Miscellaneous\": am5.color(\"#4066b0\"),\n    \"Unspecified\/undetermined\": am5.color(\"#c5fa9\")\n  };\n\n  \/\/ Create a theme\n  const myTheme = am5.Theme.new(root);\n\n  myTheme.rule(\"RoundedRectangle\", [\"hierarchy\", \"node\", \"shape\", \"depth1\"]).setAll({\n    strokeWidth: 2\n  });\n\n  myTheme.rule(\"RoundedRectangle\", [\"hierarchy\", \"node\", \"shape\", \"depth2\"]).setAll({\n    fillOpacity: 0,\n    strokeWidth: 1,\n    strokeOpacity: 0.2\n  });\n\n  myTheme.rule(\"Label\", [\"node\", \"depth1\"]).setAll({\n    forceHidden: true\n  });\n\n  myTheme.rule(\"Label\", [\"node\", \"depth2\"]).setAll({\n    fontSize: 10\n  });\n\n  root.setThemes([am5themes_Animated.new(root), myTheme]);\n\n  \/\/ Create container\n  var container = root.container.children.push(\n    am5.Container.new(root, {\n      width: am5.percent(100),\n      height: am5.percent(100),\n      layout: root.verticalLayout,\n      paddingTop: 20,\n      paddingRight: 20\n    })\n  );\n\n  \/\/ Create series\n  var series = container.children.push(\n    am5hierarchy.Treemap.new(root, {\n      singleBranchOnly: false,\n      downDepth: 1,\n      upDepth: 1,\n      initialDepth: 2,\n      valueField: \"value\",\n      categoryField: \"name\",\n      childDataField: \"children\",\n      nodePaddingOuter: 0,\n      nodePaddingInner: 0,\n      sort: \"descending\",  \/\/ Sort by value descending order\n      layoutAlgorithm: \"squarify\",  \/\/ Ensure squarified layout\n      layoutMode: \"slice\"  \/\/ Prevent stacking\n    })\n  );\n\n  \/\/ Add hit event\n  series.nodes.template.events.on(\"hit\", function(ev) {\n    console.log(\"Node clicked:\", ev.target.dataItem.get(\"name\"));\n  });\n\n  \/\/ Assign colors to nodes based on category\n  series.nodes.template.adapters.add(\"fill\", function(fill, target) {\n    var dataItem = target.dataItem;\n    if (dataItem) {\n      var category = dataItem.get(\"name\");\n      return categoryColors[category] || fill;  \/\/ Use category color or default\n    }\n    return fill;\n  });\n\n  \/\/ Set the data with assigned colors\n  var data = [\n    {\n      name: \"Age Groups\",\n      value: 1458,\n      children: [\n        {\n          name: \"Congenital Malformations\",\n          value: 118,\n          originalValue: \"118 (8.1%)\",\n          children: [\n            {\n              name: \"Congenital malformations of the nervous system\",\n              value: 21,\n              originalValue: \"21 (64.0%)\",\n            },\n            {\n              name: \"Congenital malformations and deformations of the musculoskeletal system\",\n              value: 29,\n              originalValue: \"29 (22.4%)\",\n            }\n          ]\n        },\n        {\n          name: \"Complications of Intrapartum Events\",\n          value: 446,\n          originalValue: \"446 (30.6%)\",\n          children: [\n            {\n              name: \"Intrauterine hypoxia\",\n              value: 233,\n              originalValue: \"233 (52.2%)\",\n            },\n            {\n              name: \"Birth asphyxia\",\n              value: 207,\n              originalValue: \"207 (46.4%)\",\n            }\n          ]\n        },\n        {\n          name: \"Disorders related to fetal growth\",\n          value: 11,\n          originalValue: \"11 (0.7%)\"\n        },\n        {\n          name: \"Convulsion and disorder of cerebral status\",\n          value: 16,\n          originalValue: \"16 (1.1%)\"\n        },\n        {\n          name: \"Miscellaneous\",\n          value: 3,\n          originalValue: \"3 (0.2)\"\n        },\n        {\n          name: \"Other neonatal conditions\",\n          value: 25,\n          originalValue: \"25 (1.7%)\"\n        },\n        {\n          name: \"Unspecified\/undetermined\",\n          value: 21,\n          originalValue: \"21 (1.4%)\"\n        },\n        {\n          name: \"Infections\",\n          value: 254,\n          originalValue: \"254 (17.4%)\",\n          children: [\n            {\n              name: \"Infections related to the perinatal period\",\n              value: 166,\n              originalValue: \"166 (65.4%)\",\n            },\n            {\n              name: \"Congenital pneumonia\",\n              value: 33,\n              originalValue: \"33 (13.0%)\",\n              children: [\n                { name: \"Improved health education [immunizations, preventing malnutrition, diarrhea, burns, poisoning, etc.]\", value: 2, originalValue: \"2 (66.7%)\"},\n                { name: \"Other recommendation\", value: 1, originalValue: \"1 (33.3%)\"}\n              ]\n            },\n            {\n              name: \"Bacterial and viral pneumonia\",\n              value: 28,\n              originalValue: \"28 (11.0%)\"\n            }\n          ]\n        },\n        {\n          name: \"Low birth weight\/prematurity conditions\",\n          value: 404,\n          originalValue: \"404 (27.7%)\",\n          children: [ \n            {\n              name: \"Low birth weight\",\n              value: 353,\n              originalValue: \"353 (87.4%)\",\n            },\n            {\n              name: \"Other\",\n              value: 51,\n              originalValue: \"51 (12.6%)\"\n            }\n          ]\n        },\n        {\n          name: \"Respiratory and cardiovascular disorders\",\n          value: 159,\n          originalValue: \"159 (10.9%)\",\n          children: [ \n            {\n              name: \"Respiratory distress syndrome of newborn\",\n              value: 125,\n              originalValue: \"125 (78.6%)\",\n            },\n            {\n              name: \"Other\",\n              value: 51,\n              originalValue: \"51 (21.4%)\"\n            }\n          ]\n        }\n      ]\n    }\n  ];\n\n  \/\/ Set the data to the series\n  series.data.setAll(data);\n\n  \/\/ Create a legend and set it to be placed underneath the chart\n  var legend333 = am5.Legend.new(root, {\n    width: am5.percent(100),\n    paddingTop: 10,\n    paddingBottom: 10, \n  });\n\n  \/\/ Reduce the font size of the labels\n  legend333.labels.template.setAll({\n    fontSize: 12\n  });\n\n  legend333.valueLabels.template.setAll({\n    fontSize: 12,\n    forceHidden: true \n  });\n\n  legend333.labels.template.adapters.add(\"text\", function(text, target) {\n    var dataItem = target.dataItem;\n    if (dataItem && dataItem.dataContext.originalValue) {\n      return dataItem.dataContext.name + \": \" + dataItem.dataContext.originalValue;\n    }\n    return text;\n  });\n\n  \/\/ Add the legend below the chart\n  container.children.push(legend333); \n\n  legend333.data.setAll(series.dataItems[0].get(\"children\"));\n\n  \/\/ Create breadcrumb container\n  var breadcrumbContainer = root.container.children.unshift(\n    am5.Container.new(root, {\n      width: am5.percent(100),\n      height: 20,\n      layout: root.horizontalLayout,\n      y: 27,\n      paddingBottom: 5,\n      background: am5.Rectangle.new(root, {\n        fill: am5.color(0xffffff),\n        fillOpacity: 1\n      })\n    })\n  );\n\n  \/\/ Create a BreadcrumbBar\n  var nav = breadcrumbContainer.children.unshift(\n    am5hierarchy.BreadcrumbBar.new(root, {\n      series: series\n    })\n  );\n\n  nav.labels.template.setAll({\n    fontSize: 14,\n    fill: am5.color(0x5E5D5B)\n  });\n\n  nav.labels.template.states.create(\"hover\", {\n    fill: am5.color(0xff8888)\n  });\n\n  nav.labels.template.states.create(\"down\", {\n    fill: am5.color(0x88ff88)\n  });\n\n  nav.labels.template.events.on(\"click\", function(ev) {\n    console.log(ev.target.dataItem);\n  });\n\n  console.log(\"Treemap and legend set up complete.\");\n});\n<\/script>\n\n<!-- HTML -->\n\n<div class=\"graph-cont\">\n\n<div class=\"chart-description\"> \n\n\n<div class=\"decription-bottom\"><\/div>\n  <div class=\"description-top\"> <\/div>\n<div class=\"decription-right\"> <\/div>\n  <p> Among the category of intrapartum events intrauterine hypoxia (233\/1458)) and birth asphyxia (207\/1458) accounted for the majority of deaths. Congential malformations of the nervous system and (21\/1458) congenital malformations and deformations of the musculoskeletal system (29\/1458) were the top two conditions found for congential malformations. The majority of infectious causes found included infections related to the perinatal period (166\/1458), congenital pneumonia (33\/1458), and bacterial and viral pneumonia (28\/1458). Low birth weight accounted for 353 (out of 1458) deaths. Respiratory distress syndrome of newborn accounted for 125 (out of 1458) deaths [2] .<\/p><\/div>\n<div id=\"chartdiv\">\n\n<\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-group pad-5-sides\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\"><script src=\"https:\/\/cdn.amcharts.com\/lib\/5\/xy.js\"><\/script>\n\n<style> \n#chart-neonatal-understanding {\n  height: 300px;\n}\n<\/style>\n\n<div class=\"sep-section\"> \n  <div class=\"row\"> \n    <div class=\"col-md-4\"> \n      <p> To further understand neonatal mortality, it is imperative to understand the maternal condition at the time of death. CHAMPS founds that 60% or 873 deaths (out of 1458) were related to a maternal condition. Maternal conditions that occurred during the neonatal period included complications of placenta, cord, and membranes, pregnancy complications, complications of labor and delivery, and maternal medical and surgical conditions. (See Table 3) Overall neonatal deaths that occurred close to birth more frequently had a maternal condition identified as contributing to the death than deaths that occurred later [2] .<\/p>\n    <\/div>\n    <div class=\"col-md-8\"> \n      <div id=\"chart-neonatal-understanding\"> <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n\/\/ Create root element\nvar root = am5.Root.new(\"chart-neonatal-understanding\");\n\n\/\/ Set themes\nroot.setThemes([\n  am5themes_Animated.new(root)\n]);\n\n\/\/ Create chart\nvar chart = root.container.children.push(am5xy.XYChart.new(root, {\n  panX: true,\n  panY: true,\n  wheelX: \"panX\",\n  wheelY: \"zoomX\",\n  pinchZoomX: true\n}));\n\n\/\/ Add a label at the top\nchart.children.unshift(am5.Label.new(root, {\n  text: \"Total (N=873)\",\n  fontSize: 14, \/\/ Make the label smaller\n  fontWeight: \"bold\",\n  x: am5.p50,\n  centerX: am5.p50,\n  paddingTop: -10, \/\/ Move the label up\n  paddingBottom: 20 \/\/ Add more space below the label\n}));\n\n\/\/ Add data\nvar data = [\n  { category: \"Complication of placenta, cord, and membranes\", value: 157, color: am5.color(\"#4c9c2e\") },\n  { category: \"Maternal complication of pregnancy\", value: 202, color: am5.color(\"#93d500\") },\n  { category: \"Other complications of labor and delivery\", value: 236, color: am5.color(\"#ebe717\") },\n  { category: \"Maternal medical and surgical conditions\", value: 233, color: am5.color(\"#00a7e1\") },\n  { category: \"Other\", value: 45, color: am5.color(\"#655dc6\") }\n];\n\n\/\/ Create Y-axis (category axis)\nvar yAxis = chart.yAxes.push(am5xy.CategoryAxis.new(root, {\n  categoryField: \"category\",\n  renderer: am5xy.AxisRendererY.new(root, {\n    inversed: true,\n    minGridDistance: 20\n  })\n}));\nyAxis.data.setAll(data);\n\n\/\/ Set smaller font size for Y-axis labels\nyAxis.get(\"renderer\").labels.template.setAll({\n  fontSize: 10\n});\n\n\/\/ Create X-axis (value axis)\nvar xAxis = chart.xAxes.push(am5xy.ValueAxis.new(root, {\n  renderer: am5xy.AxisRendererX.new(root, {})\n}));\n\n\/\/ Add X-axis label\nxAxis.children.push(am5.Label.new(root, {\n  text: \"Deaths (n=873)\",\n  fontSize: 12,\n  x: am5.p50,\n  centerX: am5.p50,\n  paddingTop: 10 \/\/ Space between axis and label\n}));\n\n\/\/ Create series\nvar series = chart.series.push(am5xy.ColumnSeries.new(root, {\n  name: \"Maternal Condition\",\n  xAxis: xAxis,\n  yAxis: yAxis,\n  valueXField: \"value\",\n  categoryYField: \"category\",\n  sequencedInterpolation: true\n}));\n\nseries.columns.template.setAll({\n  tooltipText: \"{category}: [bold]{value}[\/]\",\n  width: am5.percent(90),\n  tooltipY: 0\n});\n\n\/\/ Apply colors from the data\nseries.columns.template.adapters.add(\"fill\", function(fill, target) {\n  return target.dataItem.dataContext.color;\n});\n\nseries.columns.template.adapters.add(\"stroke\", function(stroke, target) {\n  return target.dataItem.dataContext.color;\n});\n\nseries.data.setAll(data);\n\n\/\/ Make animations on load\nseries.appear(1000, 100);\nchart.appear(1000, 100);\n<\/script>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Neonatal Mortality While great strides have been made to reduce the number of neonatal deaths globally, they still account for 47% of all child deaths under the age of 6 with highest burden in Sub-Saharan Africa and southern and central Asia. As of 2022 Sub-Saharan Africa had the highest rate of neonatal mortality with 27 [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"https:\/\/champshealth.org\/cause_death\/neonatal-mortality\/\">Read More&#8230;<span class=\"screen-reader-text\"> from Neonatal Mortality<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"tags":[],"class_list":["post-945","cause_death","type-cause_death","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/champshealth.org\/wp-json\/wp\/v2\/cause_death\/945","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/champshealth.org\/wp-json\/wp\/v2\/cause_death"}],"about":[{"href":"https:\/\/champshealth.org\/wp-json\/wp\/v2\/types\/cause_death"}],"author":[{"embeddable":true,"href":"https:\/\/champshealth.org\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":13,"href":"https:\/\/champshealth.org\/wp-json\/wp\/v2\/cause_death\/945\/revisions"}],"predecessor-version":[{"id":3934,"href":"https:\/\/champshealth.org\/wp-json\/wp\/v2\/cause_death\/945\/revisions\/3934"}],"wp:attachment":[{"href":"https:\/\/champshealth.org\/wp-json\/wp\/v2\/media?parent=945"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/champshealth.org\/wp-json\/wp\/v2\/tags?post=945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}