mperignon.github.io/model.html at master · mperignon/mperignon.github.io · 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
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
<!DOCTYPE html>
<html>
  <head>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
		<title>Self Organizing Maps</title>

		<script type="text/javascript" src="http://d3js.org/d3.v3.js"></script>
		<script type="text/javascript" src="http://d3js.org/d3.hexbin.v0.min.js"></script>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>


     <style type="text/css">
/*
        circle {
            stroke: #EFEDF5;
            fill: #EFEDF5;
            pointer-events: none;
        }
        line {
            pointer-events: none;
            stroke: #EFEDF5;
            stroke-width: 1px;
            opacity: 1;
        }
 */
/*
        path{
            stroke: #EFEDF5;
            stroke-width: 1px;
        }
 */

    </style>


	</head>
	<body>

	Input parameters:<br>
	Upstream flow depth (0.5 to 1.5 meters): <input type="text" name="maxH" id="maxH" value="0.5"/><br>
	Run duration (below 200 seconds): <input type="text" name="maxT" id="maxT" value="200" />
	<input type="button" autofocus id = "submit" name='submit' value='Set values' onclick="retrieve();"/><span id='values'> <- Set the model parameters here</span><br><br>

	Vegetation:
	<input type="button" id = "plant" value = 'Click to plant vegetation' onclick="vegetate();"/>
	<input type="button" id = "noplant" value = 'Reset vegetation' disabled onclick="resetVeg();"/> <span id='veg'><- Optionally, add plants</span><br>
<!--
	Rocks:
	<input type="button" id = "rock" value = 'Place rocks' onclick="placeRocks();"/>
	<input type="button" id = "norock" value = 'Remove all rocks' disabled onclick="resetRocks();"/> <span id='rock'><- or large rocks</span>
 -->
	<br><br>


	<input type="button" id = "startrun" name='start' value = 'Start run' disabled onclick="run_sim();"/><span id='running'></span>

	<br><br>


	Animation controls:<br>
	<input type="button" id = "playvideo" name='play' value = 'Play' disabled onclick="play();"/>
	<input type="button" id = "stopvideo" name='stop' value = 'Pause' disabled onclick="pause();"/><span id='counter'></span><br>
	<input type="button" id = "slower" value = 'Slower' disabled onclick="slower();"/>
	<input type="button" id = "faster" value = 'Faster' disabled onclick="faster();"/>

<br><br>

		<div id="chart"></div>
		<div id="chart2"></div>

		<script type="text/javascript" src="scripts.js"></script>
	</body>
</html>