class: center, middle, inverse, title-slide .title[ #
Interactive
&
effective
data visualization
] .subtitle[ ## Enhancing engagement and understanding ] .author[ ### Allan Quadros ] .date[ ### Ph.D. Candidate | Statistics - Kansas State University Former Lead Data Scientist - FNDE/Brazil 2024-10-22 ] --- layout: true background-image: url(./img/logo/logo2.png) background-position: 0% 100% background-size: 5% <style type="text/css"> .highlight-last-item > ul > li, .highlight-last-item > ol > li { opacity: 0.5; } .highlight-last-item > ul > li:last-of-type, .highlight-last-item > ol > li:last-of-type { opacity: 1; } </style> --- class: center, middle, highlight-last-item <!-- title-slide-section-grey, --> <!-- #76DFEC - azul claro --> <!-- #F35A94 - rosa --> <!-- #F8A53A - laranja --> <!-- #C2DB70 - verde --> <!-- #4C5455 - cinza --> ## <font color =#C2DB70>Objectives</font> </br> -- Provide some insights on data visualization (from the data scientist POV) </br> -- Showcase interactive and effective graphs <!-- </br> --> <!-- -- --> <!-- Debunk some myths --> </br> -- Share my experience on data visualization & predictive analysis --- class: inverse, center, middle <!-- title-slide-section-grey, --> ## What is the right way way of doing data visualization? --- </br> </br> ###<font color =#4C5455><code>It depends...</code> .center[  ] --- class: highlight-last-item .pull-left[ </br> </br> - Jornalistic  ] .pull-right[ </br> </br> - Scientific </br> </br> </br>  Figure1: Probability of each source belonging to a specific group ] --- class: highlight-last-item ## <code><font color =#4C5455>Managers & Data Visualization</font></code> </br> ### Managers need a broad picture of data visualization Assuming you know what you want to communicate/inform ... -- + What is the audience? -- + What is the goal? -- + What are the effective ways of achieving that goal? <!-- -- --> <!-- + What are the available tools? --> <!-- ... among the existent tools --> --- class: center, middle <!-- title-slide-section-grey, --> ## Design Principles .pull-left[ balance __emphasis on key areas__ proportion __smart use of patterns__ ] .pull-right[ __illustrating movement__ __variety (novelty)__ theme (standard) ] --- ## <code><font color =#4C5455>Case 1 - Gapminder</font></code> .center[ <iframe width="560" height="315" src="https://www.youtube.com/embed/hVimVzgtD6w?si=W2hkh8Ax4mtEuIfJ&start=260" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> ] --- ## <code><font color =#4C5455>Case 1 - Gapminder</font></code> .pull-left[
] .pull-right[ <!-- --> ] --- ## <code><font color =#4C5455>Case 2 - Hidden Patterns</font></code> .pull-left[
] .pull-right[ <!-- --> ] --- ## <code><font color =#4C5455>Case 2 - Hidden Patterns (2)</font></code> .pull-left[
] .pull-right[ <!-- --> ] --- ## <code><font color =#4C5455>Case 3 - Time Series (Movement) </font></code> .pull-left[
] .pull-right[ <!-- --> ] --- ## <code><font color =#4C5455>Case 4 - Time Series (Seasonality) </font></code>
rglWebGL
3D plot
--- ## <code><font color =#4C5455>Case 4 - Time Series (Seasonality - B) </font></code> .center[ <!-- --> ] --- ## <code><font color =#4C5455>Case 4 - Forecasting </font></code> .pull-left[
] .pull-left[
Data and Forecast Table
Time
Sales
L95
L80
U80
U95
12
125.183207
111.551972584918
116.270221805019
134.096191688069
138.81444090817
11
114.457244
104.818506364074
108.154812382935
120.759676568467
124.095982587328
10
103.731282
-
-
-
-
9
95.959592
-
-
-
-
8
89.393856
-
-
-
-
7
85.719162
-
-
-
-
6
73.414581
-
-
-
-
5
54.839257
-
-
-
-
4
44.192818
-
-
-
-
3
33.840276
-
-
-
-
2
16.046734
-
-
-
-
1
7.197622
-
-
-
-
] --- ## <code><font color =#4C5455>Case 5 - Tables are also visual tools </font></code>
Top 5 S&P 500 Stocks
Latest trading information and company logos.
Ticker
Last Price
Vol. (M)
Change (%)
Sentiment
YTD
AAPL
227.79
52.16
0.12
227.8
AMZN
187.97
48.03
−1.67
188.0
GOOGL
163.95
22.29
0.75
163.9
MSFT
428.02
20.57
−0.76
428.0
TSLA
260.46
123.81
2.45
260.5
Data collected from 9/30/23 to 9/30/24 - Allan Quadros (2024)
--- ## <code><font color =#4C5455>Case 6 - Network graphs </font></code>
--- class: title-slide-final, middle background-image: url(https://github.com/allanvc/fig_repo/raw/master/logo2.png) background-size: 100px background-position: 9% 15% # Obrigado! ## <code><font color =#F8A53A>D</font><font color =#76DFEC>O</font><font color =#C2DB70>U</font><font color =#4C5455>robot</font></code> ### .white[Estamos à disposição para quaisquer dúvidas.] **Contato:** | | | | :--------------------------------------------------------------------------------------------------------- | :-------------------------------- | | <a href="mailto:contato@metapolitica.com.br">.RUred[<i class="fa fa-paper-plane fa-fw"></i>] | contato@metapolitica.com.br |