Skip to content

Instantly share code, notes, and snippets.

@shanehou

shanehou/Hospital Charges Data

Last active January 3, 2016 06:19
Show Gist options
  • Save shanehou/8421569 to your computer and use it in GitHub Desktop.
Save shanehou/8421569 to your computer and use it in GitHub Desktop.
Download ZIP
全部代码在这里了……Google的文档不太全，研究了一阵才反应过来，之前忘了给div设置高度……为了美观还加了一个footer，直接把我原来的代码拷过来了一点儿……
Raw
Hospital Charges Data
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Hospital Charges Data</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7/html5shiv.js"></script>
<![endif]-->
<!--[if lte IE 8]>
<script src="//cdnjs.cloudflare.com/ajax/libs/json3/3.2.6/json3.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<style>
#colophon {
clear: both;
}
#site-generator {
color: #666;
font-size: 12px;
line-height: 2.2em;
padding: 2.2em 0.5em;
text-align: center;
}
#site-generator a {
color: #555;
font-weight: bold;
}
</style>
</head>
<body>
<div class="container">
<header>
<div class="page-header">
<h1>Hospital Charges Data</h1>
</div>
</header>
<div role="main">
<p>This data set shows average hospital charge for 50 of the most commonly submitted medical procedures in 2009 and average inpatient charge in each US state in 2009. Our project can help patient save money by comparing charges in different states. Meanwhile, Hospitals, health insurance can adjust their regulations according to released data.</p>
<p>This site is made by Wu Jing.(<a href="http://www.renren.com/339322973">get to know something about me</a>) Shao Ling Soh came up with the original idea of this project, and she also participated in our data visualization work.</p>
<p>All data come from website <a href="http://data.newsday.com/new-york/data/hospital/charges/payments">http://data.newsday.com/new-york/data/hospital/charges/payments</a></p>
<div class="row">
<div id="regions_map" class="col-xs-12 col-sm-12 col-md-6 col-lg-6" style="height: 500px;"></div>
<div id="column_chart" class="col-xs-12 col-sm-12 col-md-6 col-lg-6" style="height: 500px;"></div>
</div>
</div>
<footer id="colophon" role="contentinfo">
<div id="site-generator">Wu Jing Copyright © 2014 All rights reserved.</div>
</footer>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://www.google.com/jsapi"></script>
<script>
google.load('visualization', '1', {'packages': ['geochart', 'corechart']});
google.setOnLoadCallback(drawColumnChart);
google.setOnLoadCallback(drawRegionsMap);
function drawRegionsMap() {
var data = google.visualization.arrayToDataTable([
["State", "Inpatient Average Total Pay"], ["US-AK", 15946.4872], ["US-AL", 8770.1000], ["US-AR", 8769.7400], ["US-AZ", 10485.8000], ["US-CA", 13063.4700], ["US-CO", 10183.3900], ["US-CT", 12523.0400], ["US-DC", 13182.8900], ["US-DE", 11245.9700], ["US-FL", 9479.6900], ["US-GA", 9774.9500], ["US-HI", 13483.1477], ["US-IA", 9380.0300], ["US-ID", 10057.5053], ["US-IL", 10631.3600], ["US-IN", 9698.6600], ["US-KS", 9453.8400], ["US-KY", 9496.2400], ["US-LA", 9430.0000], ["US-MA", 12224.2000], ["US-MD", 13577.4500], ["US-ME", 10466.0303], ["US-MI", 10703.8200], ["US-MN", 11319.3900], ["US-MO", 9423.9000], ["US-MS", 9323.5400], ["US-MT", 9516.1720], ["US-NC", 10414.3100], ["US-ND", 9854.1579], ["US-NE", 9969.9900], ["US-NH", 10889.3636], ["US-NJ", 11206.3400], ["US-NM", 10886.7500], ["US-NV", 10745.7100], ["US-NY", 13499.9800], ["US-OH", 9790.0100], ["US-OK", 9510.0300], ["US-OR", 11354.8384], ["US-PA", 10426.4200], ["US-RI", 11862.8000], ["US-SC", 10076.5000], ["US-SD", 10971.4700], ["US-TN", 9204.3100], ["US-TX", 9965.9900], ["US-UT", 10568.2653], ["US-VA", 9941.0800], ["US-VT", 13851.1489], ["US-WA", 11160.1700], ["US-WI", 10696.5800], ["US-WV", 9326.7200], ["US-WY", 12340.8161]
]);
var options = {
region: 'US',
resolution: 'provinces'
};
var chart = new google.visualization.GeoChart(document.getElementById('regions_map'));
chart.draw(data, options);
}
function drawColumnChart() {
var data = google.visualization.arrayToDataTable([
['', 'EXTRACRANIAL PROCEDURES', 'DEGENERATIVE NERVOUS SYSTEM DISORDERS', 'INTRACRANIAL HEMORRHAGE OR CEREBRAL INFARCTION', 'INTRACRANIAL HEMORRHAGE OR CEREBRAL INFARCTION', 'INTRACRANIAL HEMORRHAGE OR CEREBRAL INFARCTION', 'TRANSIENT ISCHEMIA', 'CRANIAL & PERIPHERAL NERVE DISORDERS', 'SEIZURES','DYSEQUILIBRIUM', 'PULMONARY EMBOLISM', 'RESPIRATORY INFECTIONS & INFLAMMATIONS', 'RESPIRATORY INFECTIONS & INFLAMMATIONS', 'PULMONARY EDEMA & RESPIRATORY FAILURE', 'CHRONIC OBSTRUCTIVE PULMONARY DISEASE', 'CHRONIC OBSTRUCTIVE PULMONARY DISEASE','CHRONIC OBSTRUCTIVE PULMONARY DISEASE', 'SIMPLE PNEUMONIA & PLEURISY', 'SIMPLE PNEUMONIA & PLEURISY', 'SIMPLE PNEUMONIA & PLEURISY','BRONCHITIS & ASTHMA', 'BRONCHITIS & ASTHMA W/O', 'RESPIRATORY SYSTEM DIAGNOSIS W VENTILATOR SUPPORT 96+ HOURS', 'RESPIRATORY SYSTEM DIAGNOSIS W VENTILATOR SUPPORT <96 HOURS'],
['', 7099.055, 6882.404, 13737.33, 8107.393, 6983.8, 5105.972,6417,5751.574,4396.3,7463.3,14004,10038.6078,9198.1765,8295.5490,6761.6667,5112.2157,10214.4902,7071.1765,4952.3922,6000.5510,4312.6585,39382.96,16787.8039]
]);
var options = {
title: 'Average Total Payments'
};
var chart = new google.visualization.ColumnChart(document.getElementById('column_chart'));
chart.draw(data, options);
}
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment