summaryrefslogtreecommitdiff
path: root/reveal.js/timetravel.html
blob: e073f92c3b5cec499aefd99206a2e3a8b3cd7fa8 (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.netlify.app/initialization/
	  Reveal.initialize({
		controls: true,
		progress: true,
		center: true,
		hash: true,

		// Learn about plugins: https://revealjs.netlify.app/plugins/
		plugins: [ RevealZoom, RevealNotes, RevealSearch, RevealMarkdown, RevealHighlight ]
	  });
      
	</script>

  </body>
</html>