summaryrefslogtreecommitdiff
path: root/reveal.js/timetravel.html
blob: b297e2faafdb76a0d73fc63a754a3e2ca1eb272c (plain)
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
119
120
121
122
123
124
125
126
127
<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Solving problems using time travel</title>
        <meta name="author" content="Simeon Simeonov">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <link rel="stylesheet" href="dist/reset.css">
        <link rel="stylesheet" href="dist/reveal.css">

        <link rel="stylesheet" href="dist/theme/fifty.css" id="theme">

        <!-- Theme used for syntax highlighting of code -->
        <link rel="stylesheet" href="plugin/highlight/monokai.css" id="highlight-theme">
        <!-- <link rel="stylesheet" href="plugin/highlight/zenburn.css" id="highlight-theme"> -->
    </head>
    <body>
        <div class="reveal">

            <!-- Any section element inside of this container is displayed as a slide -->
            <div class="slides">

                <section>
                    <h2>Solving problems using <em>time travel</em></h2>
                    <h4>Beryl @ Fifty</h4>
          </br>
                    <p><small>Tomas Robertson (team ACE-OL) &amp; Simeon Simeonov (team Forecasts)</small></p>
                </section>


                <section>
                    <h2>What is <em>time travel</em>???</h2>
                    <br/>
                    <p><em>Time travel</em> - our ability to look at our input data at the state it was at a specific point in time (not only at its last state).</p>
                    <p><em>Time travel</em> is achieved by adding the <em>record_created_time</em> column to our DB tables and storing Kafka's <em>created_time</em> value (converted to UTC).</p>
                    <br/>
                    <p>The main concepts around how and why were presented by Peter Sandberg.</p>
                </section>

                <section>
                    <h2>Solving problems</h2>
                    <br/>
                    <p>The following spike was observed 2021-10-06 around 10:15 CET @ NO4</p>
                    <img src="images/timetravel/ace_ol_spike.png"></img>
                </section>

                <section>
                    <h2>Solving problems (cont)</h2>
                    <br/>
                    <p>No spikes shown in Grafana</p>
                    <img src="images/timetravel/ace_ol_spike_grafana.png"></img>
                </section>

                <section>
                    <h2>Solving problems with <em>time travel</em></h2>
                    <br/>
                    <pre data-id="code-animation">
                        <code class="sql" data-trim type="text/template">
                            SELECT record_created_time, start_time, value
                            FROM misc.app_odin_ace_ol_ba_10s_avro_v01
                            WHERE bidding_area_name = 'NO4' AND start_time = '2021-10-06 08:14:10'
                            ORDER BY record_created_time;
                        </code>
                    </pre>

                    <table>
                        <thead>
                            <tr>
                                <th>record_created_time</th>
                                <th>start_time</th>
                                <th>value</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>2021-10-06 08:15:52.258</td>
                                <td>2021-10-06 08:14:10</td>
                                <td>-370.37683609008127</td>
                            </tr>
                            <tr>
                                <td>2021-10-06 08:19:06.222</td>
                                <td>2021-10-06 08:14:10</td>
                                <td>25.183745117193457</td>
                            </tr>
                            <tr>
                                <td>2021-10-06 08:21:56.207</td>
                                <td>2021-10-06 08:14:10</td>
                                <td>34.78731922151518</td>
                            </tr>
                        </tbody>
                    </table>
                </section>

                <section>
                    <h1>Q &amp; A</h1>
                </section>

            </div>
        </div>

        <script src="dist/reveal.js"></script>
        <script src="plugin/zoom/zoom.js"></script>
        <script src="plugin/notes/notes.js"></script>
        <script src="plugin/search/search.js"></script>
        <script src="plugin/markdown/markdown.js"></script>
        <script src="plugin/highlight/highlight.js"></script>
        <script>

            // Also available as an ES module, see:
            // https://revealjs.com/initialization/
            Reveal.initialize({
                controls: true,
                progress: true,
                center: true,
                hash: true,

                // Learn about plugins: https://revealjs.com/plugins/
                plugins: [ RevealZoom, RevealNotes, RevealSearch, RevealMarkdown, RevealHighlight ]
            });

        </script>

    </body>
</html>