-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
118 lines (107 loc) · 14.5 KB
/
index.html
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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE HTML>
<!--
Strata by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Data-thinking</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<link rel="stylesheet" href="https://cdn.pydata.org/bokeh/release/bokeh-0.12.3.min.css" type="text/css" />
<link rel="stylesheet" href="https://cdn.pydata.org/bokeh/release/bokeh-widgets-0.12.3.min.css" type="text/css" />
<script type="text/javascript" src="https://cdn.pydata.org/bokeh/release/bokeh-0.12.3.min.js"></script>
<script type="text/javascript" src="https://cdn.pydata.org/bokeh/release/bokeh-widgets-0.12.3.min.js"></script>
<script type="text/javascript">
Bokeh.set_log_level("info");
</script>
<style>
html {
width: 100%;
height: 100%;
}
body {
width: 90%;
height: 100%;
margin: auto;
}
</style>
</head>
<body id="top">
<!-- Header -->
<header id="header">
<div class="inner">
<a href="#" class="image avatar"><img src="images/avatar.jpg" alt="" /></a>
<h1><strong>I am Sundar</strong>, <br/> a PhD researcher developing a Machine Learning Methodology
for prediction of energy used in sustainiable building design.<br/>
</a></h1>
</div>
</header>
<!-- Main -->
<div id="main">
<!-- One -->
<section id="one">
<header class="major">
<h2>Energy Efficiency Regression Model<br /></h2>
</header>
<h3>Regression model developed with Energy efficiency dataset from UCI machine learning repository and displayed with Bokeh Widget.</h3>
<div class="bk-root">
<div class="plotdiv" id="5c8e8780-4fa8-4752-b456-53b9d2886b70"></div>
</div>
<script type="text/javascript">
Bokeh.$(function() {
Bokeh.safely(function() {
var docs_json = {"fc6116a4-5072-4a42-94c2-7e25cf019e2e":{"roots":{"references":[{"attributes":{"axis_label":"Predictions","formatter":{"id":"fe935490-67b2-41e9-8d9f-0de64cdbc805","type":"CategoricalTickFormatter"},"major_tick_line_color":{"value":"firebrick"},"major_tick_line_width":{"value":3},"minor_tick_line_color":{"value":"orange"},"plot":{"id":"f3070da3-c7f4-4ea0-aa15-7cd4441c2f46","subtype":"Figure","type":"Plot"},"ticker":{"id":"20873456-5093-4eff-a0cb-c8fec23224f4","type":"CategoricalTicker"}},"id":"adb889a7-a483-4150-a8d4-a30d2c0c3e34","type":"CategoricalAxis"},{"attributes":{"below":[{"id":"adb889a7-a483-4150-a8d4-a30d2c0c3e34","type":"CategoricalAxis"}],"left":[{"id":"4b8785a0-db55-40ce-881b-6ec7e3f09117","type":"LinearAxis"}],"plot_height":400,"plot_width":500,"renderers":[{"id":"adb889a7-a483-4150-a8d4-a30d2c0c3e34","type":"CategoricalAxis"},{"id":"83aeca79-cd80-4eb5-861d-d9e436e672c0","type":"Grid"},{"id":"4b8785a0-db55-40ce-881b-6ec7e3f09117","type":"LinearAxis"},{"id":"06491a7a-edbf-423d-be35-747d23c5b2f6","type":"Grid"},{"id":"77dbe014-1a28-4f42-af37-a0dcee7b554a","type":"BoxAnnotation"},{"id":"e32c4f9d-be1c-49bd-aa9e-334d837653f4","type":"GlyphRenderer"}],"title":{"id":"be2d3f8e-bc87-47e1-8e29-c49f6183aa6f","type":"Title"},"tool_events":{"id":"9d25f9aa-6edd-43ed-8b13-321ef13430b9","type":"ToolEvents"},"toolbar":{"id":"bb4540cb-129a-4008-96a4-5edb36e0dc63","type":"Toolbar"},"x_range":{"id":"900e46ea-4e83-40e0-b36f-6088973df25e","type":"FactorRange"},"y_range":{"id":"180a950d-0f4b-43d1-804c-44643bd31101","type":"Range1d"}},"id":"f3070da3-c7f4-4ea0-aa15-7cd4441c2f46","subtype":"Figure","type":"Plot"},{"attributes":{"bottom":{"field":"botton"},"fill_color":{"field":"color"},"left":{"field":"left"},"line_color":{"field":"color"},"right":{"field":"right"},"top":{"field":"y"}},"id":"309a2611-4643-48b7-a7af-901f570da818","type":"Quad"},{"attributes":{"callback":null,"factors":["Y1 - Heating Load","Y2 - Cooling Load"," "]},"id":"900e46ea-4e83-40e0-b36f-6088973df25e","type":"FactorRange"},{"attributes":{},"id":"1ddf9cbb-6cfc-403c-be54-e794e2931470","type":"BasicTickFormatter"},{"attributes":{"axis_label":"Heating and cooling load","formatter":{"id":"1ddf9cbb-6cfc-403c-be54-e794e2931470","type":"BasicTickFormatter"},"plot":{"id":"f3070da3-c7f4-4ea0-aa15-7cd4441c2f46","subtype":"Figure","type":"Plot"},"ticker":{"id":"eaa56e0d-fad1-4aed-8b2a-0cb7dd116aea","type":"BasicTicker"}},"id":"4b8785a0-db55-40ce-881b-6ec7e3f09117","type":"LinearAxis"},{"attributes":{"args":{"X1":{"id":"32a40b64-bf0c-4e3f-8309-927e7b537dc4","type":"Slider"},"X2":{"id":"d2380569-5a36-4c6d-b523-60f18197e20a","type":"Slider"},"X3":{"id":"2d47802d-2a51-44d3-ab39-8f9c6ff285fa","type":"Slider"},"X4":{"id":"2c6604c4-74e5-4d6f-9204-e0b3470e7f9c","type":"Slider"},"X5":{"id":"614c696e-1428-483c-a385-670051673d95","type":"Slider"},"X6":{"id":"79e44838-f695-48ab-992e-c264b1e38eee","type":"Slider"},"X7":{"id":"9bb0c245-fd98-436d-b4c9-58ea76520d7f","type":"Slider"},"X8":{"id":"f88cc384-5778-44c4-aa82-dc57a876bacc","type":"Slider"},"source":{"id":"2874f3fb-6cef-48f1-bc96-884b365d1234","type":"ColumnDataSource"}},"code":"\n var data = source.data;\n var x1 = X1.value;\n var x2 = X2.value;\n var x3 = X3.value;\n var x4 = X4.value;\n var x5 = X5.value;\n var x6 = X6.value;\n var x7 = X7.value;\n var x8 = X8.value;\n\n data['bottom']=[0, 0, 0];\n data['left']=[1, 2, 3];\n data['right']=[1.5, 2.5, 3.1];\n data['color']=[\"#FF0000\", \"#0000FF\"]\n\n y1 = (-20.0442*x1)+(-0.0037*x2)+(0.0322*x3)+(-0.0179*x4)+(5.2968*x5)+(-0.0160*x6)+(19.9608*x7)+(0.2063*x8)\n y2 = (-19.0135*x1)+(0.0021*x2)+(0.0180*x3)+(-0.0079*x4)+(5.5881*x5)+(0.1299*x6)+(14.7496*x7)+(0.0436*x8)\n\n data['y'] = [y1,y2,0];\n\n source.trigger('change');\n"},"id":"84baa3a4-32e0-4a8e-99e7-d49b8c95cff4","type":"CustomJS"},{"attributes":{"overlay":{"id":"77dbe014-1a28-4f42-af37-a0dcee7b554a","type":"BoxAnnotation"},"plot":{"id":"f3070da3-c7f4-4ea0-aa15-7cd4441c2f46","subtype":"Figure","type":"Plot"}},"id":"95e0d170-d6f3-4af5-9593-de172eb74bb4","type":"BoxZoomTool"},{"attributes":{"callback":{"id":"84baa3a4-32e0-4a8e-99e7-d49b8c95cff4","type":"CustomJS"},"end":808,"start":515,"step":1,"title":"X2:Surface Area","value":514.5},"id":"d2380569-5a36-4c6d-b523-60f18197e20a","type":"Slider"},{"attributes":{"dimension":1,"plot":{"id":"f3070da3-c7f4-4ea0-aa15-7cd4441c2f46","subtype":"Figure","type":"Plot"},"ticker":{"id":"eaa56e0d-fad1-4aed-8b2a-0cb7dd116aea","type":"BasicTicker"}},"id":"06491a7a-edbf-423d-be35-747d23c5b2f6","type":"Grid"},{"attributes":{"callback":{"id":"84baa3a4-32e0-4a8e-99e7-d49b8c95cff4","type":"CustomJS"},"end":5,"step":1,"title":"X8:Glazing area distribution","value":0.0},"id":"f88cc384-5778-44c4-aa82-dc57a876bacc","type":"Slider"},{"attributes":{"callback":{"id":"84baa3a4-32e0-4a8e-99e7-d49b8c95cff4","type":"CustomJS"},"end":416,"start":245,"step":1,"title":"X3:Wall Area","value":294.0},"id":"2d47802d-2a51-44d3-ab39-8f9c6ff285fa","type":"Slider"},{"attributes":{"plot":{"id":"f3070da3-c7f4-4ea0-aa15-7cd4441c2f46","subtype":"Figure","type":"Plot"}},"id":"fc232548-92b7-4920-8bce-f87e1f7bb83f","type":"HelpTool"},{"attributes":{"bottom":{"field":"botton"},"fill_alpha":{"value":0.1},"fill_color":{"value":"#1f77b4"},"left":{"field":"left"},"line_alpha":{"value":0.1},"line_color":{"value":"#1f77b4"},"right":{"field":"right"},"top":{"field":"y"}},"id":"ee907839-7149-4430-82e5-05bd2e64536b","type":"Quad"},{"attributes":{},"id":"eaa56e0d-fad1-4aed-8b2a-0cb7dd116aea","type":"BasicTicker"},{"attributes":{"data_source":{"id":"2874f3fb-6cef-48f1-bc96-884b365d1234","type":"ColumnDataSource"},"glyph":{"id":"309a2611-4643-48b7-a7af-901f570da818","type":"Quad"},"hover_glyph":null,"nonselection_glyph":{"id":"ee907839-7149-4430-82e5-05bd2e64536b","type":"Quad"},"selection_glyph":null},"id":"e32c4f9d-be1c-49bd-aa9e-334d837653f4","type":"GlyphRenderer"},{"attributes":{"plot":{"id":"f3070da3-c7f4-4ea0-aa15-7cd4441c2f46","subtype":"Figure","type":"Plot"}},"id":"73ad9b74-1d23-4336-80b2-0df4024ea209","type":"WheelZoomTool"},{"attributes":{"plot":{"id":"f3070da3-c7f4-4ea0-aa15-7cd4441c2f46","subtype":"Figure","type":"Plot"}},"id":"8093bf1a-84e7-42bc-8dad-be3f84d43158","type":"PanTool"},{"attributes":{"callback":{"id":"84baa3a4-32e0-4a8e-99e7-d49b8c95cff4","type":"CustomJS"},"end":220,"start":111,"step":1,"title":"X4:Roof Area","value":110.25},"id":"2c6604c4-74e5-4d6f-9204-e0b3470e7f9c","type":"Slider"},{"attributes":{},"id":"9d25f9aa-6edd-43ed-8b13-321ef13430b9","type":"ToolEvents"},{"attributes":{"plot":{"id":"f3070da3-c7f4-4ea0-aa15-7cd4441c2f46","subtype":"Figure","type":"Plot"},"ticker":{"id":"20873456-5093-4eff-a0cb-c8fec23224f4","type":"CategoricalTicker"}},"id":"83aeca79-cd80-4eb5-861d-d9e436e672c0","type":"Grid"},{"attributes":{"plot":{"id":"f3070da3-c7f4-4ea0-aa15-7cd4441c2f46","subtype":"Figure","type":"Plot"}},"id":"f68fc483-6dab-428c-8b84-4671a848d732","type":"ResetTool"},{"attributes":{"callback":{"id":"84baa3a4-32e0-4a8e-99e7-d49b8c95cff4","type":"CustomJS"},"end":0.4,"step":0.01,"title":"X7:Glazing area","value":0.0},"id":"9bb0c245-fd98-436d-b4c9-58ea76520d7f","type":"Slider"},{"attributes":{"active_drag":"auto","active_scroll":"auto","active_tap":"auto","tools":[{"id":"8093bf1a-84e7-42bc-8dad-be3f84d43158","type":"PanTool"},{"id":"73ad9b74-1d23-4336-80b2-0df4024ea209","type":"WheelZoomTool"},{"id":"95e0d170-d6f3-4af5-9593-de172eb74bb4","type":"BoxZoomTool"},{"id":"3d7467ec-4d7b-489c-8429-98389faf2e4b","type":"SaveTool"},{"id":"f68fc483-6dab-428c-8b84-4671a848d732","type":"ResetTool"},{"id":"fc232548-92b7-4920-8bce-f87e1f7bb83f","type":"HelpTool"}]},"id":"bb4540cb-129a-4008-96a4-5edb36e0dc63","type":"Toolbar"},{"attributes":{"callback":{"id":"84baa3a4-32e0-4a8e-99e7-d49b8c95cff4","type":"CustomJS"},"end":5,"start":2,"step":1,"title":"X6:Orientation","value":2},"id":"79e44838-f695-48ab-992e-c264b1e38eee","type":"Slider"},{"attributes":{},"id":"20873456-5093-4eff-a0cb-c8fec23224f4","type":"CategoricalTicker"},{"attributes":{"plot":{"id":"f3070da3-c7f4-4ea0-aa15-7cd4441c2f46","subtype":"Figure","type":"Plot"}},"id":"3d7467ec-4d7b-489c-8429-98389faf2e4b","type":"SaveTool"},{"attributes":{"callback":{"id":"84baa3a4-32e0-4a8e-99e7-d49b8c95cff4","type":"CustomJS"},"end":7,"start":4,"step":1,"title":"X5:Overall Height","value":7},"id":"614c696e-1428-483c-a385-670051673d95","type":"Slider"},{"attributes":{"plot":null,"text":"Heating and cooling demand"},"id":"be2d3f8e-bc87-47e1-8e29-c49f6183aa6f","type":"Title"},{"attributes":{"children":[{"id":"f3070da3-c7f4-4ea0-aa15-7cd4441c2f46","subtype":"Figure","type":"Plot"},{"id":"7725faa8-ea04-4e4c-b5c5-9502887e7494","type":"WidgetBox"}]},"id":"f5d91479-7e9b-4c39-8102-7ce926ae3362","type":"Row"},{"attributes":{"children":[{"id":"32a40b64-bf0c-4e3f-8309-927e7b537dc4","type":"Slider"},{"id":"d2380569-5a36-4c6d-b523-60f18197e20a","type":"Slider"},{"id":"2d47802d-2a51-44d3-ab39-8f9c6ff285fa","type":"Slider"},{"id":"2c6604c4-74e5-4d6f-9204-e0b3470e7f9c","type":"Slider"},{"id":"614c696e-1428-483c-a385-670051673d95","type":"Slider"},{"id":"79e44838-f695-48ab-992e-c264b1e38eee","type":"Slider"},{"id":"9bb0c245-fd98-436d-b4c9-58ea76520d7f","type":"Slider"},{"id":"f88cc384-5778-44c4-aa82-dc57a876bacc","type":"Slider"}]},"id":"7725faa8-ea04-4e4c-b5c5-9502887e7494","type":"WidgetBox"},{"attributes":{"callback":null,"end":50},"id":"180a950d-0f4b-43d1-804c-44643bd31101","type":"Range1d"},{"attributes":{"callback":{"id":"84baa3a4-32e0-4a8e-99e7-d49b8c95cff4","type":"CustomJS"},"end":0.98,"start":0.62,"step":0.01,"title":"X1:Relative Compactness","value":0.98},"id":"32a40b64-bf0c-4e3f-8309-927e7b537dc4","type":"Slider"},{"attributes":{"callback":null,"column_names":["left","y","color","right","botton"],"data":{"botton":[0,0,0],"color":["#FF0000","#0000FF"],"left":[1,2,3],"right":[1.5,2.5,3.1],"y":[15.55,21.33,0.0]}},"id":"2874f3fb-6cef-48f1-bc96-884b365d1234","type":"ColumnDataSource"},{"attributes":{"bottom_units":"screen","fill_alpha":{"value":0.5},"fill_color":{"value":"lightgrey"},"left_units":"screen","level":"overlay","line_alpha":{"value":1.0},"line_color":{"value":"black"},"line_dash":[4,4],"line_width":{"value":2},"plot":null,"render_mode":"css","right_units":"screen","top_units":"screen"},"id":"77dbe014-1a28-4f42-af37-a0dcee7b554a","type":"BoxAnnotation"},{"attributes":{},"id":"fe935490-67b2-41e9-8d9f-0de64cdbc805","type":"CategoricalTickFormatter"}],"root_ids":["f5d91479-7e9b-4c39-8102-7ce926ae3362"]},"title":"Bokeh Application","version":"0.12.3"}};
var render_items = [{"docid":"fc6116a4-5072-4a42-94c2-7e25cf019e2e","elementid":"5c8e8780-4fa8-4752-b456-53b9d2886b70","modelid":"f5d91479-7e9b-4c39-8102-7ce926ae3362"}];
Bokeh.embed.embed_items(docs_json, render_items);
});
});
</script>
<ul class="actions">
<li><a href="http://sundaravelpandian.github.io" class="button">Home page</a></li>
</ul>
</section>
<!-- Three -->
<section id="three">
<h2>Get In Touch</h2>
<p>Want to connect. Please send an e-mail</p>
<div class="4u$ 12u$(small)">
<ul class="labeled-icons">
<li>
<h3 class="icon fa-home"><span class="label">Address</span></h3>
Leuven, Belgium<br />
</li>
<li>
<h3 class="icon fa-envelope-o"><span class="label">Email</span></h3>
<a href="#">[email protected]</a>
</li>
</ul>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<ul class="icons">
<li><a href="https://twitter.com/sundar_singa" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
<li><a href="https://in.linkedin.com/in/sundaravelpandians" class="icon fa-dribbble"><span class="label">Linkedin</span></a></li>
</ul>
<ul class="copyright">
<li>© Sundaravelpandian</li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.poptrox.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>