Published
Edited
Mar 22, 2020
Insert cell
md`# Mortality rate, infant (per 1,000 live births) — South Korea`
Insert cell
Highcharts = require('highcharts', 'highcharts/modules/data.js', 'highcharts/modules/exporting.js', 'highcharts/modules/export-data.js', 'highcharts/modules/accessibility.js');
Insert cell
html`<div id="container"></div>`
Insert cell
Highcharts.getJSON(
'https://api.worldbank.org/v2/country/kor/indicator/SP.DYN.IMRT.IN?format=json&per_page=30',
function (data) {
var results = data[1];
results.reverse();
var resultsArray = results.map(obj => {
var resultArray = [];
resultArray[0] = obj.date;
resultArray[1] = obj.value;
return resultArray;
});

Highcharts.chart('container', {
title: {
text: 'Mortality rate, infant (per 1,000 live births) — South Korea'
},
subtitle: {
text: 'Source: World Bank'
},
xAxis: {
type: 'category',
title: {
text: 'Year'
},
accessibility: {
rangeDescription: 'Range: 1990 to 2019'
}
},
yAxis: {
title: {
text: 'Mortality rate, infant (per 1,000 live births)'
}
},
legend: {
enabled: false
},
series: [{
name: 'Mortality rate, infant (per 1,000 live births)',
data: resultsArray
}],
responsive: {
rules: [{
condition: {
maxWidth: 500
}
}]
}
});
}
);
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more