index.html
<!doctype HTML>
<meta charset = 'utf-8'>
<html>
<head>
<link rel='stylesheet' href='//cdn.knightlab.com/libs/storymapjs/latest/css/storymap.css'>
<script src='//cdn.knightlab.com/libs/storymapjs/latest/js/storymap.min.js' type='text/javascript'></script>
<style>
.rChart {
display: block;
margin-left: auto;
margin-right: auto;
width: 1200px;
height: 600px;
}
</style>
</head>
<body>
<div id='chart1471ae1ae06' class='rChart storymap'></div>
<script>
var storymap_data = {
"dom": "chart1471ae1ae06",
"width": 1200,
"height": 600,
"data": "//storymap.knightlab.com/static/demo/demo.json",
"id": "chart1471ae1ae06"
}.data;
var storymap = new VCO.StoryMap('chart1471ae1ae06', storymap_data);
window.onresize = function(event) {
storymap.updateDisplay();
}
</script>
</body>
</html>