Mercurial > hg > NetworkVis
comparison d3s_examples/python-neo4jrestclient/static/platin/minifier.html @ 8:18ef6948d689
new d3s examples
| author | Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> |
|---|---|
| date | Thu, 01 Oct 2015 17:17:27 +0200 |
| parents | |
| children |
comparison
equal
deleted
inserted
replaced
| 7:45dad9e38c82 | 8:18ef6948d689 |
|---|---|
| 1 <!DOCTYPE html> | |
| 2 <html> | |
| 3 | |
| 4 <head> | |
| 5 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> | |
| 6 <title>GeoTemCo</title> | |
| 7 <link rel="stylesheet" href="css/geotemco.css" type="text/css" /> | |
| 8 <script src="geotemco.js"></script> | |
| 9 </head> | |
| 10 | |
| 11 <body> | |
| 12 | |
| 13 <noscript> | |
| 14 <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif"> | |
| 15 Your web browser must have JavaScript enabled in order for this application to display correctly. | |
| 16 </div> | |
| 17 </noscript> | |
| 18 | |
| 19 <div align=center> | |
| 20 <div id="mapContainerDiv" style="position:relative;"></div> | |
| 21 <div id="plotContainerDiv" style="position:relative;margin-top:20px;"></div> | |
| 22 <div id="tableContainerDiv" style="position:relative;margin-top:20px;"></div> | |
| 23 </div> | |
| 24 | |
| 25 <script> | |
| 26 var datasets = []; | |
| 27 var mapDiv = document.getElementById("mapContainerDiv"); | |
| 28 var map = new WidgetWrapper(); | |
| 29 var mapWidget = new MapWidget(map,mapDiv,{ | |
| 30 mapTitle: "Publication Place" | |
| 31 }); | |
| 32 var timeDiv = document.getElementById("plotContainerDiv"); | |
| 33 var time = new WidgetWrapper(); | |
| 34 var timeWidget = new TimeWidget(time,timeDiv,{ | |
| 35 timeTitle: "Publication Date" | |
| 36 }); | |
| 37 var tableDiv = document.getElementById("tableContainerDiv"); | |
| 38 var table = new WidgetWrapper(); | |
| 39 var tableWidget = new TableWidget(table,tableDiv); | |
| 40 var kml1 = GeoTemConfig.getKml('data/heine.kml'); | |
| 41 datasets.push(new Dataset(GeoTemConfig.loadKml(kml1),'Heinrich Heine')); | |
| 42 var kml2 = GeoTemConfig.getKml('data/kafka.kml'); | |
| 43 datasets.push(new Dataset(GeoTemConfig.loadKml(kml2),'Franz Kafka')); | |
| 44 var kml3 = GeoTemConfig.getKml('data/goethe.kml'); | |
| 45 datasets.push(new Dataset(GeoTemConfig.loadKml(kml3),'Johann Wolfgang von Goethe')); | |
| 46 map.display(datasets); | |
| 47 time.display(datasets); | |
| 48 table.display(datasets); | |
| 49 /* | |
| 50 $.ajax({ | |
| 51 url: 'data/test2.json', | |
| 52 async: false, | |
| 53 dataType: 'json', | |
| 54 success: function(json){ | |
| 55 var data = STIStatic.loadSpatioTemporalJSONData(json); | |
| 56 gui.initializeMapGUI("mapContainerDiv"); | |
| 57 gui.initializePlotGUI("plotContainerDiv"); | |
| 58 gui.initializeTableGUI("tableContainerDiv"); | |
| 59 SpaceWrapper.display([data]); | |
| 60 TimeWrapper.display([data]); | |
| 61 TableWrapper.display([data],['Test']); | |
| 62 } | |
| 63 }); | |
| 64 */ | |
| 65 </script> | |
| 66 | |
| 67 </body> | |
| 68 | |
| 69 </html> |
