name: title_slide class: inverse, left, top background-image: url("img/usma_crest.png"), url("img/hexlogo.png") background-size: 28%, 7% background-position: 87% 64%, 97% 5% .title_large[<u>*Presenting Data:*</u>] ## *Using numbers and presentations to tell your story* <br> ### Andrew Farina | DS 495 | 13 Nov 2020<br> ###
[github/A-Farina](https://github/A-Farina)<br>
[AndrewFarina01](https://twitter.com/AndrewFarina01)<br>
[andrew.farina@westpoint.edu](mailto:andrew.farina@westpoint.edu)<br><br> ### Slides Available at <https://andrewfarina.com/slides/data_vis> --- name: overview class: inverse, left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ## <u>Overview</u> ### Brief Introduction -- .singlespace[ ### Data Visualization - ### Univariate - ### Bivariate - ### Multivariate - ### Timeseries - ### NLP/Qualitative ] -- ### Tables -- ### Presentations --- name: Univariate Graph class: inverse, left, middle background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% # Univariate Graphs --- name: univariate class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Univariate Visualization:</u> -- .left-column[ ### Categorical .singlespace[ - ### <span style='color: darkgreen;'>Bar Charts</span> - ### Pie Charts] ### Continuous .singlespace[ - ### Histograms - ### Density Plots] ] .right-column[ <img src="index_files/figure-html/figures-side-1.png" width="50%" /><img src="index_files/figure-html/figures-side-2.png" width="50%" /> ] .footnote[Data: {mosaicData::Marriage}, Code: *Data Visualization with R* by Rob Kabacoff] --- name: univariate2 class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Univariate Visualization:</u> <img src="index_files/figure-html/figures-side2-1.png" width="50%" height="400px" /><img src="index_files/figure-html/figures-side2-2.png" width="50%" height="400px" /> .footnote[Data: {mosaicData::Marriage}, Code: *Data Visualization with R* by Rob Kabacoff] --- name: univariate3 class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Univariate Visualization:</u> <img src="index_files/figure-html/figures-side3-1.png" width="50%" height="400px" /><img src="index_files/figure-html/figures-side3-2.png" width="50%" height="400px" /> .footnote[Data: {mosaicData::Marriage}, Code: *Data Visualization with R* by Rob Kabacoff] --- name: univariate4 class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Univariate Visualization:</u> .left-column[ ### Categorical .singlespace[ - ### Bar Charts - ### <span style='color: darkgreen;'>Pie Charts</span>] ### Continuous .singlespace[ - ### Histograms - ### Density Plots] ] --- name: univariate4 class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Univariate Visualization:</u> .left-column[ ### Categorical .singlespace[ - ### Bar Charts - ### ~~Pie Charts~~] ### Continuous .singlespace[ - ### <span style='color: darkgreen;'>Histograms</span> - ### Density Plots] ] --- name: histogram class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Univariate Visualization:</u> .left-column[ ### Categorical .singlespace[ - ### Bar Charts - ### ~~Pie Charts~~] ### Continuous .singlespace[ - ### <span style='color: darkgreen;'>Histograms</span> - ### Density Plots] ] .right-column[ <img src="index_files/figure-html/histogram-1.png" width="100%" height="450px" /> ] .footnote[Data: {mosaicData::Marriage}, Code: *Data Visualization with R* by Rob Kabacoff ] --- name: histogram2 class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Univariate Visualization:</u> .left-column[ ### Categorical .singlespace[ - ### Bar Charts - ### ~~Pie Charts~~] ### Continuous .singlespace[ - ### <span style='color: darkgreen;'>Histograms</span> - ### Density Plots] ] .right-column[ <img src="index_files/figure-html/histogram2-1.png" width="100%" height="450px" /> ] .footnote[Data: {mosaicData::Marriage}, Code: *Data Visualization with R* by Rob Kabacoff] --- name: density class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Univariate Visualization:</u> .left-column[ ### Categorical .singlespace[ - ### Bar Charts - ### ~~Pie Charts~~] ### Continuous .singlespace[ - ### Histograms - ### <span style='color: darkgreen;'>Density Plots</span>] ] .right-column[ <img src="index_files/figure-html/density-1.png" width="100%" height="450px" /> ] .footnote[Data: {mosaicData::Marriage}, Code: *Data Visualization with R* by Rob Kabacoff] --- name: Bivariate Graph class: inverse, left, middle background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% # Bivariate Graphs --- name: bi-cat_cat class: left, top ##<u>Bivariate Visualization:</u> .left-column[ ### Cat-Cat .singlespace[ - ### <span style='color: darkgreen;'>Stacked Bar</span> - ### Grouped Bar - ### Segmented Bar] ### Cont-Cont .singlespace[ - ### Scatterplot - ### Line Plot] ### Cont-Cat ] .right-column[ <img src="index_files/figure-html/cat_cat-1.png" width="100%" height="450px" /> ] .footnote[Data: {ggplot2::mpg}, Code: *Data Visualization with R* by Rob Kabacoff] --- name: bi-cat_cat2 class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Bivariate Visualization:</u> .left-column[ ### Cat-Cat .singlespace[ - ### Stacked Bar - ### <span style='color: darkgreen;'>Grouped Bar</span> - ### Segmented Bar] ### Cont-Cont .singlespace[ - ### Scatterplot - ### Line Plot] ### Cont-Cat ] .right-column[ <img src="index_files/figure-html/cat_cat2-1.png" width="100%" height="450px" /> ] .footnote[Data: {ggplot2::mpg}, Code: *Data Visualization with R* by Rob Kabacoff] --- name: bi-cat_cat3 class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Bivariate Visualization:</u> .left-column[ ### Cat-Cat .singlespace[ - ### Stacked Bar - ### Grouped Bar - ### <span style='color: darkgreen;'>Segmented Bar</span>] ### Cont-Cont .singlespace[ - ### Scatterplot - ### Line Plot] ### Cont-Cat ] .right-column[ <img src="index_files/figure-html/cat_cat3-1.png" width="100%" height="450px" /> ] .footnote[Data: {ggplot2::mpg}, Code: *Data Visualization with R* by Rob Kabacoff] --- name: bi-cont_cont class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Bivariate Visualization:</u> .left-column[ ### Cat-Cat .singlespace[ - ### Stacked Bar - ### Grouped Bar - ### Segmented Bar] ### Cont-Cont .singlespace[ - ### <span style='color: darkgreen;'>Scatterplot</span> - ### Line Plot] ### Cont-Cat ] .right-column[ <img src="index_files/figure-html/cont_cont-1.png" width="100%" height="450px" /> ] .footnote[Data: {carData::Salaries}, Code: *Data Visualization with R* by Rob Kabacoff] --- name: bi-cont_cont2 class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Bivariate Visualization:</u> .left-column[ ### Cat-Cat .singlespace[ - ### Stacked Bar - ### Grouped Bar - ### Segmented Bar] ### Cont-Cont .singlespace[ - ### Scatterplot - ### <span style='color: darkgreen;'>Line Plot</span>] ### Cont-Cat ] .right-column[ <img src="index_files/figure-html/cont_cont2-1.png" width="100%" height="450px" /> ] .footnote[Data: {gapminder::gapminder}, Code: *Data Visualization with R* by Rob Kabacoff] --- name: bi-cont_cat class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Bivariate Visualization:</u> .left-column[ ### Cont-Cat .singlespace[ - ### <span style='color: darkgreen;'>Bar Chart</span> - ### Density Plot - ### Box Plot - ### Violin Plot - ### Mean/SE - ### Jitter Plot - ### Cleveland Dot] ] .right-column[ <img src="index_files/figure-html/cont_cat-1.png" width="100%" height="450px" /> ] .footnote[Data: {carData::Salaries}, Code: *Data Visualization with R* by Rob Kabacoff] --- name: bi-cont_cat2 class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Bivariate Visualization:</u> .left-column[ ### Cont-Cat .singlespace[ - ### Bar Chart - ### <span style='color: darkgreen;'>Density Plot</span> - ### Box Plot - ### Violin Plot - ### Mean/SE - ### Jitter Plot - ### Cleveland Dot] ] .right-column[ <img src="index_files/figure-html/cont_cat2-1.png" width="100%" height="450px" /> ] .footnote[Data: {carData::Salaries}, Code: *Data Visualization with R* by Rob Kabacoff] --- name: bi-cont_cat3 class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Bivariate Visualization:</u> .left-column[ ### Cont-Cat .singlespace[ - ### Bar Chart - ### Density Plot - ### <span style='color: darkgreen;'>Box Plot</span> - ### Violin Plot - ### Mean/SE - ### Jitter Plot - ### Cleveland Dot] ] .right-column[ <img src="index_files/figure-html/cont_cat3-1.png" width="100%" height="450px" /> ] .footnote[Data: {carData::Salaries}, Code: *Data Visualization with R* by Rob Kabacoff] --- name: bi-cont_cat4 class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Bivariate Visualization:</u> .left-column[ ### Cont-Cat .singlespace[ - ### Bar Chart - ### Density Plot - ### Box Plot - ### <span style='color: darkgreen;'>Violin Plot</span> - ### Mean/SE - ### Jitter Plot - ### Cleveland Dot] ] .right-column[ <img src="index_files/figure-html/cont_cat4-1.png" width="100%" height="450px" /> ] .footnote[Data: {carData::Salaries}, Code: *Data Visualization with R* by Rob Kabacoff] --- name: bi-cont_cat5 class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Bivariate Visualization:</u> .left-column[ ### Cont-Cat .singlespace[ - ### Bar Chart - ### Density Plot - ### Box Plot - ### Violin Plot - ### <span style='color: darkgreen;'>Mean/SE</span> - ### Jitter Plot - ### Cleveland Dot] ] .right-column[ <img src="index_files/figure-html/cont_cat5-1.png" width="100%" height="450px" /> ] .footnote[Data: {carData::Salaries}, Code: *Data Visualization with R* by Rob Kabacoff] --- name: bi-cont_cat6 class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Bivariate Visualization:</u> .left-column[ ### Cont-Cat .singlespace[ - ### Bar Chart - ### Density Plot - ### Box Plot - ### Violin Plot - ### Mean/SE - ### <span style='color: darkgreen;'>Jitter Plot</span> - ### Cleveland Dot] ] .right-column[ <img src="index_files/figure-html/cont_cat6-1.png" width="100%" height="450px" /> ] .footnote[Data: {carData::Salaries}, Code: *Data Visualization with R* by Rob Kabacoff] --- name: bi-cont_cat7 class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Bivariate Visualization:</u> .left-column[ ### Cont-Cat .singlespace[ - ### Bar Chart - ### Density Plot - ### Box Plot - ### Violin Plot - ### Mean/SE - ### Jitter Plot - ### <span style='color: darkgreen;'>Cleveland Dot</span>] ] .right-column[ <img src="index_files/figure-html/cont_cat7-1.png" width="100%" height="450px" /> ] .footnote[Data: {gapminder::gapminder}, Code: *Data Visualization with R* by Rob Kabacoff] --- name: Multivariate Graph class: inverse, left, middle background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% # Multivariate Graphs --- name: multi-groups class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Multivariate Visualization:</u> .left-column[ ### <span style='color: darkgreen;'>Grouped</span> ### Faceted ] .right-column[ <img src="index_files/figure-html/grouped-1.png" width="100%" height="450px" /> ] .footnote[Data: {carData::Salaries}, Code: *Data Visualization with R* by Rob Kabacoff] --- name: multi-groups2 class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Multivariate Visualization:</u> .left-column[ ### Grouped ### <span style='color: darkgreen;'>Faceted</span> ] .right-column[ <img src="index_files/figure-html/faceted-1.png" width="100%" height="450px" /> ] .footnote[Data: {carData::Salaries}, Code: *Data Visualization with R* by Rob Kabacoff] --- name: Other Graphs class: inverse, left, middle background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% # Other Graphs --- name: other class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Other Visualizations:</u> .left-column[ ### <span style='color: darkgreen;'>Correlation Plot</span> ### Time Series Plot ### Dumbell Charts ### Area Charts ### Scatterplot Matrix ### Qual Infographs ] .right-column[ <img src="index_files/figure-html/corr-1.png" width="100%" height="450px" /> ] .footnote[Data: {mosaicData::SaratogaHouses}, Code: *Data Visualization with R* by Rob Kabacoff] --- name: other2 class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Other Visualizations:</u> .left-column[ ### Correlation Plot ### <span style='color: darkgreen;'>Time Series Plot</span> ### Dumbell Charts ### Area Charts ### Scatterplot Matrix ### Qual Infographs ] .right-column[ <img src="index_files/figure-html/time-1.png" width="100%" height="450px" /> ] .footnote[Data: {ggplot2::economics}, Code: *Data Visualization with R* by Rob Kabacoff] --- name: other3 class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Other Visualizations:</u> .left-column[ ### Correlation Plot ### <span style='color: darkgreen;'>Time Series Plot</span> ### Dumbell Charts ### Area Charts ### Scatterplot Matrix ### Qual Infographs ] .right-column[ <img src="index_files/figure-html/time2-1.png" width="100%" height="450px" /> ] .footnote[Code: *Data Visualization with R* by Rob Kabacoff] --- name: other4 class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Other Visualizations:</u> .left-column[ ### Correlation Plot ### Time Series Plot ### <span style='color: darkgreen;'>Dumbell Charts</span> ### Area Charts ### Scatterplot Matrix ### Qual Infographs ] .right-column[ <img src="index_files/figure-html/dumbell-1.png" width="100%" height="450px" /> ] .footnote[Data: {gapminder::gapminder}, Code: *Data Visualization with R* by Rob Kabacoff] --- name: other5 class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Other Visualizations:</u> .left-column[ ### Correlation Plot ### Time Series Plot ### Dumbell Charts ### <span style='color: darkgreen;'>Area Charts</span> ### Scatterplot Matrix ### Qual Infographs ] .right-column[ <img src="index_files/figure-html/area-1.png" width="100%" height="450px" /> ] .footnote[Data: {gcookbook::uspopage}, Code: *Data Visualization with R* by Rob Kabacoff] --- name: other6 class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Other Visualizations:</u> .left-column[ ### Correlation Plot ### Time Series Plot ### Dumbell Charts ### Area Charts ### <span style='color: darkgreen;'>Scatterplot Matrix</span> ### Qual Infographs ] .right-column[ <img src="index_files/figure-html/matrix-1.png" width="100%" height="450px" /> ] .footnote[Data: {ggplot2::msleep}, Code: *Data Visualization with R* by Rob Kabacoff] --- name: other7 class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Other Visualizations:</u> .left-column[ ### Correlation Plot ### Time Series Plot ### Dumbell Charts ### Area Charts ### Scatterplot Matrix ### <span style='color: darkgreen;'>Qual Infographs</span> ] .right-column[ <img src="index_files/figure-html/cloud-1.png" height="450px" /> ] .footnote[Data: www.jfklibrary.org, Code: *Data Visualization with R* by Rob Kabacoff] --- name: other8 class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Other Visualizations:</u> .left-column[ ### Correlation Plot ### Time Series Plot ### Dumbell Charts ### Area Charts ### Scatterplot Matrix ### <span style='color: darkgreen;'>Qual Infographs</span> ] .right-column[ <img src="index_files/figure-html/bigram-1.png" height="450px" /> ] .footnote[Data: saferparksdata.org/, Code: andrewfarina.com/post/amusement_park_injuries] --- name: Tables class: inverse, left, middle background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% # Tables --- name: tables2 class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Tables:</u> <table style="border-collapse:collapse; border:none;"> <tr> <th style="border-top: double; text-align:center; font-style:normal; font-weight:bold; padding:0.2cm; text-align:left; "> </th> <th colspan="2" style="border-top: double; text-align:center; font-style:normal; font-weight:bold; padding:0.2cm; ">First Model</th> <th colspan="2" style="border-top: double; text-align:center; font-style:normal; font-weight:bold; padding:0.2cm; ">Second Model</th> </tr> <tr> <td style=" text-align:center; border-bottom:1px solid; font-style:italic; font-weight:normal; text-align:left; ">Predictors</td> <td style=" text-align:center; border-bottom:1px solid; font-style:italic; font-weight:normal; ">Estimates</td> <td style=" text-align:center; border-bottom:1px solid; font-style:italic; font-weight:normal; ">CI</td> <td style=" text-align:center; border-bottom:1px solid; font-style:italic; font-weight:normal; ">Estimates</td> <td style=" text-align:center; border-bottom:1px solid; font-style:italic; font-weight:normal; ">CI</td> </tr> <tr> <td style=" padding:0.2cm; text-align:left; vertical-align:top; text-align:left; ">yrs.since.phd</td> <td style=" padding:0.2cm; text-align:left; vertical-align:top; text-align:center; ">1118.55 <sup>***</sup></td> <td style=" padding:0.2cm; text-align:left; vertical-align:top; text-align:center; ">910.61 – 1326.49</td> <td style=" padding:0.2cm; text-align:left; vertical-align:top; text-align:center; ">61.01 <sup></sup></td> <td style=" padding:0.2cm; text-align:left; vertical-align:top; text-align:center; ">-188.70 – 310.72</td> </tr> <tr> <td style=" padding:0.2cm; text-align:left; vertical-align:top; text-align:left; ">discipline [B]</td> <td style=" padding:0.2cm; text-align:left; vertical-align:top; text-align:center; ">15784.23 <sup>***</sup></td> <td style=" padding:0.2cm; text-align:left; vertical-align:top; text-align:center; ">10410.64 – 21157.82</td> <td style=" padding:0.2cm; text-align:left; vertical-align:top; text-align:center; ">13937.47 <sup>***</sup></td> <td style=" padding:0.2cm; text-align:left; vertical-align:top; text-align:center; ">9324.07 – 18550.87</td> </tr> <tr> <td style=" padding:0.2cm; text-align:left; vertical-align:top; text-align:left; ">rank [AssocProf]</td> <td style=" padding:0.2cm; text-align:left; vertical-align:top; text-align:center; "></td> <td style=" padding:0.2cm; text-align:left; vertical-align:top; text-align:center; "></td> <td style=" padding:0.2cm; text-align:left; vertical-align:top; text-align:center; ">13104.15 <sup>**</sup></td> <td style=" padding:0.2cm; text-align:left; vertical-align:top; text-align:center; ">4911.00 – 21297.30</td> </tr> <tr> <td style=" padding:0.2cm; text-align:left; vertical-align:top; text-align:left; ">rank [Prof]</td> <td style=" padding:0.2cm; text-align:left; vertical-align:top; text-align:center; "></td> <td style=" padding:0.2cm; text-align:left; vertical-align:top; text-align:center; "></td> <td style=" padding:0.2cm; text-align:left; vertical-align:top; text-align:center; ">46032.55 <sup>***</sup></td> <td style=" padding:0.2cm; text-align:left; vertical-align:top; text-align:center; ">37696.26 – 54368.84</td> </tr> <tr> <td style=" padding:0.2cm; text-align:left; vertical-align:top; text-align:left; ">sex [Male]</td> <td style=" padding:0.2cm; text-align:left; vertical-align:top; text-align:center; "></td> <td style=" padding:0.2cm; text-align:left; vertical-align:top; text-align:center; "></td> <td style=" padding:0.2cm; text-align:left; vertical-align:top; text-align:center; ">4349.37 <sup></sup></td> <td style=" padding:0.2cm; text-align:left; vertical-align:top; text-align:center; ">-3269.85 – 11968.58</td> </tr> <tr> <td style=" padding:0.2cm; text-align:left; vertical-align:top; text-align:left; padding-top:0.1cm; padding-bottom:0.1cm; border-top:1px solid;">Observations</td> <td style=" padding:0.2cm; text-align:left; vertical-align:top; padding-top:0.1cm; padding-bottom:0.1cm; text-align:left; border-top:1px solid;" colspan="2">397</td> <td style=" padding:0.2cm; text-align:left; vertical-align:top; padding-top:0.1cm; padding-bottom:0.1cm; text-align:left; border-top:1px solid;" colspan="2">397</td> </tr> <tr> <td style=" padding:0.2cm; text-align:left; vertical-align:top; text-align:left; padding-top:0.1cm; padding-bottom:0.1cm;">R<sup>2</sup> / R<sup>2</sup> adjusted</td> <td style=" padding:0.2cm; text-align:left; vertical-align:top; padding-top:0.1cm; padding-bottom:0.1cm; text-align:left;" colspan="2">0.240 / 0.236</td> <td style=" padding:0.2cm; text-align:left; vertical-align:top; padding-top:0.1cm; padding-bottom:0.1cm; text-align:left;" colspan="2">0.447 / 0.440</td> </tr> <tr> <td colspan="5" style="font-style:italic; border-top:double black; text-align:right;">* p<0.05 ** p<0.01 *** p<0.001</td> </tr> </table> --- name: Presentations class: inverse, left, middle background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% # Presentations --- name: presentation1 class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Presentations:</u> ### Overall ### Know your Purpose (to know/to do)) ### Slide Unity (fonts, logos, colors, etc.) ### Moving Preview when possible ### Layout using Z or F ### Pictures --- name: presentation2 class: center, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Presentations (Images):</u> .left-column[ ### What is wrong with this slide? ### Can you make any suggestions to fix it? ### Where did your focus start? ] .right-column[ <img src="img/complex-right.png" width="500px" /> ] --- name: presentation3 class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Presentations (Images):</u> .right-column2[ ### Is this any better? ### Do you see anything else that could be fixed? ] .left-column2[ <img src="img/complex-right.png" width="500px" /> ] --- name: presentation4 class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Presentations (Images):</u> .right-column2[ ### How about this? ### Why is this better? ] .left-column2[ <img src="img/complex-left.png" width="500px" /> ] --- name: presentation5 class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Presentations (Rule of Thirds):</u> .pull-left[ <img src="img/thirds.png" width="475px" /> ] .pull-right[ <img src="img/thirds2.png" width="475px" /> ] --- name: presentation6 class: left, top background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% ##<u>Presentations (Other Considerations):</u> <img src="img/serif.png" width="500px" /> ### Room Brightness ### <span style='color: red;'>Memory</span> <span style='color: blue;'>Creativity</span> ### Handouts --- name: discussion class: inverse, top, left background-image: url("img/usma_crest.png") background-size: 10% background-position: 98% 4% <br><br><br><br><br><br><br> ## What are your thoughts at this point? .footnote[ ### <span style='color: green;'>Think about what you want to say, then figure out how to say it.</span> ]