Skip to content

Instantly share code, notes, and snippets.

@ramnathv

ramnathv/index.html

Created October 20, 2013 05:07
Show Gist options
  • Save ramnathv/7065270 to your computer and use it in GitHub Desktop.
Save ramnathv/7065270 to your computer and use it in GitHub Desktop.
Download ZIP
Test StoryMap
Raw
index.html
<!doctype HTML>
<meta charset = 'utf-8'>
<html>
<head>
<link rel='stylesheet' href='http://cdn.knightlab.com/libs/storymapjs/latest/css/storymap.css'>
<script src='http://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": "http://storymap.knightlab.com/static/demo/demo.json",
"id": "chart1471ae1ae06"
}.data;
// This can also be a javascript object.
var storymap = new VCO.StoryMap('chart1471ae1ae06', storymap_data);
window.onresize = function(event) {
storymap.updateDisplay();
}
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment