Update ICCS presentation

explorable-viz · Jun 11, 2024 · 94c9c55 · 94c9c55
1 parent 569d0bb
commit 94c9c55
Showing 1 changed file with 55 additions and 9 deletions.
diff --git a/presentations/2024-iccs-summer-school/index.html b/presentations/2024-iccs-summer-school/index.html
@@ -30,10 +30,12 @@ <h1>Fluid</h1>
                     </p>
 
                     <p>
-                        Roly Perera¹ & Achintya Rao²<br>
+                        Roly Perera<sup><small>1, 2</small></sup> <em>&</em> Achintya Rao<sup><small>1, 3</small></sup><br>
                         <small>
-                            ¹ University of Cambridge and University of Bristol<br>
-                            ² University of Cambridge and UWE Bristol
+                            <br>
+                            ¹ Institute of Computing for Climate Science, University of Cambridge <br>
+                            ² University of Bristol<br>
+                            ³ Science Communication Unit, UWE Bristol
                         </small>
                     </p>
                 </section>
@@ -44,7 +46,7 @@ <h1>Fluid</h1>
                     </section>
 
                     <section>
-                    <div style="padding: 30%;"><iframe allowfullscreen="" src="mona-lisa.html" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0"></iframe></div>
+                        <div style="padding: 30%;"><iframe allowfullscreen="" src="mona-lisa.html" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0"></iframe></div>
                     </section>
 
                     <section data-markdown>
@@ -68,24 +70,68 @@ <h1>Fluid</h1>
 
                     <section data-markdown>
                         <script type="text/template">
-                        * … came with layers?
+                        * … came with “layers”?
                             * Of underlying data <!-- .element: class="fragment" -->
                             * Of related visualisations <!-- .element: class="fragment" -->
-                            * Of narratives and explanations <!-- .element: class="fragment" -->
+                            * Of dynamic narratives <!-- .element: class="fragment" -->
                         </script>
                     </section>
 
                     <section data-markdown>
                         <script type="text/template">
                         * … allowed _you_ to choose _your own_ adventure?
-                            * Identify source data <!-- .element: class="fragment" -->
                             * Explore individual elements <!-- .element: class="fragment" -->
                             * Change the scope of the plots <!-- .element: class="fragment" -->
+                            * Identify source data <!-- .element: class="fragment" -->
+                        </script>
+                    </section>
+
+                    <section data-markdown>
+                        This is **_what_** we hope to achieve with Fluid.
+                    </section>
+
+                    <section data-markdown>
+                        ![But why?](https://i.kym-cdn.com/photos/images/original/000/976/824/913.gif)
+                    </section>
+                </section>
+
+                <section>
+                    <section data-markdown>
+                        # Motivating Problems
+                    </section>
+
+                    <section data-markdown>
+                        ## Importance of provenance
+                    </section>
+
+                    <section data-markdown>
+                        ![IPCC AR6 WG1 Fig. SPM.3](https://www.ipcc.ch/report/ar6/wg1/downloads/figures/IPCC_AR6_WGI_SPM_Figure_3.png)
+                    </section>
+
+                    <section>
+                        <img src="https://i.imgur.com/7YvPkyF.png" alt="IPCC AR6 WG1 Fig. SPM.3 with data" width="80%">
+                    </section>
+
+                    <section data-markdown>
+                        <script type="text/template">
+                            ## Importance of provenance
+                            * “Clean” hydropower responsible for equivalent of one billion tonnes of CO₂ emissions annually (mostly CH₄) <!-- .element: class="fragment" -->
+                            * Company receiving subsidies (₤B) for green energy burns wood chips from pristine Canadian rainforests <!-- .element: class="fragment" -->
                         </script>
                     </section>
 
                     <section data-markdown>
-                        _This_ is what we hope to achieve with Fluid.
+                        ## Reproducing results
+                    </section>
+
+                    <section data-background-iframe="https://www.bmj.com/content/bmj/351/bmj.h4320.full.pdf">
+                    </section>
+
+                    <section data-markdown>
+                        # Explorable explanations
+                    </section>
+
+                    <section data-background-iframe="https://www.economist.com/graphic-detail/coronavirus-excess-deaths-tracker#skip-to-content-target" data-background-interactive>
                     </section>
                 </section>
 
@@ -106,7 +152,7 @@ <h1>Fluid</h1>
                         ![IPCC AR6 WG1 Fig 6.19](https://www.ipcc.ch/report/ar6/wg1/downloads/figures/IPCC_AR6_WGI_Figure_6_19.png)
                     </section>
 
-                    <section data-background-iframe="https://raoofphysics.github.io/IPCC-AR6-WG1-Ch6-Fig19/" data-background-interactive>
+                    <section data-background-iframe="https://raoofphysics.github.io/IPCC-AR6-WG1-Ch6-Fig19#reproduction-of-graphics" data-background-interactive>
                     </section>
 
                     <section data-markdown>