integrate geo based map data
diff --git a/web/ons-demo/index.html b/web/ons-demo/index.html
index 005bbed..4663262 100644
--- a/web/ons-demo/index.html
+++ b/web/ons-demo/index.html
@@ -21,7 +21,7 @@
 
 	<div id='controllers'></div>
 
-	<div id='topology'>
+	<div id='topologyArea'>
 		<div id='svg-container'></div>
 	</div>
 
@@ -37,7 +37,8 @@
 
 	<div id='flowChooser'></div>
 
-	<script src="js/d3.v3.js" charset="utf-8"></script>
+	<script src="d3/d3.v3.js" charset="utf-8"></script>
+	<script src="d3/topojson.v0.min.js"></script>
 	<script src="js/async.js"></script>
 	<script src="js/debug.js"></script>
 	<script src="js/constants.js"></script>
@@ -46,7 +47,11 @@
 	<script src="js/model.js"></script>
 	<script src="js/controller.js"></script>
 	<script src="js/controllers.js"></script>
-	<script src="js/rings.js"></script>
+
+	<!-- choose ring or map layout -->
+	<!--script src="js/rings.js"></script-->
+	<script src="js/map.js"></script>
+
 	<script src="js/topologyactions.js"></script>
 	<script src="js/topology.js"></script>
 	<script src="js/flows.js"></script>