Skip to content

Instantly share code, notes, and snippets.

@walkerke

walkerke/index.html

Created October 3, 2013 11:10
Show Gist options
  • Save walkerke/6808117 to your computer and use it in GitHub Desktop.
Save walkerke/6808117 to your computer and use it in GitHub Desktop.
Download ZIP
Demographic characteristics of clusters
Raw
index.html
<!doctype HTML>
<meta charset = 'utf-8'>
<html>
<head>
<script src='http://code.jquery.com/jquery-1.9.1.min.js' type='text/javascript'></script>
<script src='http://code.highcharts.com/highcharts.js' type='text/javascript'></script>
<script src='http://code.highcharts.com/highcharts-more.js' type='text/javascript'></script>
<style>
.rChart {
display: block;
margin-left: auto;
margin-right: auto;
width: 1200px;
height: 600px;
}
</style>
</head>
<body>
<div id='chart159c302c3aa4' class='rChart highcharts'></div>
<script type='text/javascript'>
(function($){
$(function () {
var chart = new Highcharts.Chart({
"dom": "chart159c302c3aa4",
"width": 1200,
"height": 600,
"credits": {
"href": null,
"text": null
},
"title": {
"text": null
},
"yAxis": {
"title": {
"text": "Average ZCTA percentage of population"
}
},
"series": [
{
"data": [
[
"Cluster 1",
8.7687
],
[
"Cluster 2",
57.839
],
[
"Cluster 3",
8.0675
],
[
"Cluster 4",
7.2546
]
],
"name": "Black",
"type": "column",
"marker": {
"radius": 3
}
},
{
"data": [
[
"Cluster 1",
25.515
],
[
"Cluster 2",
21.372
],
[
"Cluster 3",
10.789
],
[
"Cluster 4",
74.902
]
],
"name": "Hispanic",
"type": "column",
"marker": {
"radius": 3
}
},
{
"data": [
[
"Cluster 1",
62.249
],
[
"Cluster 2",
18.604
],
[
"Cluster 3",
78.942
],
[
"Cluster 4",
16.535
]
],
"name": "White",
"type": "column",
"marker": {
"radius": 3
}
}
],
"xAxis": {
"categories": [ "Cluster 1", "Cluster 2", "Cluster 3", "Cluster 4" ]
},
"subtitle": {
"text": null
},
"id": "chart159c302c3aa4",
"chart": {
"renderTo": "chart159c302c3aa4"
}
});
});
})(jQuery);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment