CoalbedoExample/coalbedo.html at master · azimuth-project/CoalbedoExample · 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
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>Azimuth simple climate models</title>
    <link rel="stylesheet" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />
    <script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=default"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jsxgraph/0.93/jsxgraphcore.js"></script>
    <script src="./js/coalbedo.js"></script>
</head>

<!-- the ids passed into 'initCharts(..)' are for the div elements which are used by JSXGraph to draw chart elements into -->
<!-- (you can check the results of this in your browser, using eg Inspect Element.. in Chrome) -->
<body onload="initCharts('temperature-box', 'control-box', 'coalbedo-box')">

    <h1>Azimuth simple climate model examples</h1>

    <p>
        These charts were produced for John Baez's <a href="http://www.azimuthproject.org/azimuth/show/HomePage">Azimuth Project</a> to illustrate some simple models of
        climate from the (as yet unpublished book):
        <ul><li> Gerald R. North, <i>Simple Models of Global Climate</i>.</li></ul>
    </p>

    <p>
        They were included in <a href="http://math.ucr.edu/home/baez/week319.html">Week 319 of This Weeks Finds</a>, so
        please look there for a nice explanation of the model (in a much broader context of predicting Ice age cycles!).
        The purpose of this page is just to update the usage of the
        <a href="http://jsxgraph.uni-bayreuth.de/wp/">JSXGraph</a> software to be a bit easier
        to follow (should anyone be interested in building further upon the examples).
    </p>

    <p>
        This indeed the hope over at the <a href="">Azimuth Forum</a>, so if you would like to help out please
        introduce yourself and find out more about the project, which is staring down the barrel of producing
        interactive examples the rest of the book!
    </p>

    <h2>Insolation against temperature</h2>

    <p>
        The main graph below plots the equilibrium insolation \(Q_\textrm{eq}\) against temperature \(T\) for the
        given value of \(\gamma\) controlled by the slider to the right.  Below that, the inset graph to the right
        is of the coalbedo funtion \(a_p\) for the given \(\gamma\).
    </p>

    <!-- a div for the charts using relative positioning -->
    <div id="coalbedo-charts" style="position:relative; width:800px;">

        <!-- a div for the main temperature chart at the top-left -->
        <div id="temperature-box" class="jxgbox" style="width:500px; height:500px; position:absolute; top:0px; left:0px;"></div>

        <!-- a smaller div for the control slider at the right -->
        <div id="control-box" class="jsxbox" style="position:absolute; width:280px; height:70px; top:0px; right:0px"></div>

        <!-- a smaller div for the coalbedo graph at the right -->
        <div id="coalbedo-box" class="jxgbox" style="position:absolute; width:280px; height:180px; top:70px; right:0px;"></div>
    </div>
</body>
</html>