D3Cesium/index.html at master · garciatorres/D3Cesium · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html lang="en">
  <head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Cesium + D3 Traffic Data Visualization</title>
	<script type="text/javascript" src="3rdParty/jquery-ui-1.10.3/jquery-1.9.1.js"></script>
  <script type="text/javascript" src="3rdParty/jquery-ui-1.10.3/ui/jquery.tipsy.js"></script>
	<script type="text/javascript" src="3rdParty/jquery-ui-1.10.3/ui/jquery-ui.js"></script>
    <script type="text/javascript" src="3rdParty/Cesium/Build/Cesium/Cesium.js"></script>
    <script type="text/javascript" src="3rdParty/d3/d3.v3.js"></script>
    <link rel="stylesheet" href="http://onehackoranother.com/projects/jquery/tipsy/stylesheets/tipsy.css" type="text/css" title="no title" charset="utf-8"/>
	<script type="text/javascript">
		var sharedObject = {
			dispatch : d3.dispatch("nationMouseover"),
      dispatchf: d3.dispatch("filterMouseover"),
			yearData : [],
			filter   : [],
      date     : "2012-01-02",
      showBy   : "Type",
			flyTo    : null,
      histogram: false,
		};
    </script>
    <style>
      @import url(3rdParty/jquery-ui-1.10.3/themes/vader/jquery-ui.css);
      @import url(d3chart.css);
      @import url(3rdParty/Cesium/Build/Cesium/Widgets/widgets.css);
      body {
        padding: 0;
        margin: 0;
        overflow: hidden;
      }
    </style>
  </head>
<body>
	<div id="cesiumContainer"></div>
	<div id="chart">
  <div id="groupBy"><b style="font-family:verdana;color:#FFFFFF">Group by:</b></div>
  </div>
	<div id="info" title="Traffic Violations"></div>
  <div id="inff" title="Filtering by"></div>
	<script type="text/javascript" src="d3example.js"></script>
	<script type="text/javascript" src="globe.js"></script>
</body>
</html>