Interactive Plotly Presentation

Kuladeep D.

2025-10-30

Slide 1 — Title

Interactive Plotly demo
Created: 2025-10-30

Slide 2 — Goal

  • Small reveal.js presentation demonstrating an interactive Plotly chart.
  • The plot supports hover, zoom, pan, and has the Plotly toolbar.

Slide 3 — Load libraries & generate data

## # A tibble: 200 × 5
##       id       x      y        z classe
##    <int>   <dbl>  <dbl>    <dbl> <chr> 
##  1     1  1.37   -2.00   1.33    B     
##  2     2 -0.565   0.334 -0.869   B     
##  3     3  0.363   1.17   0.0555  A     
##  4     4  0.633   2.06   0.0491  A     
##  5     5  0.404  -1.38  -0.578   E     
##  6     6 -0.106  -1.15  -0.999   A     
##  7     7  1.51   -0.706 -0.00243 D     
##  8     8 -0.0947 -1.05   0.656   D     
##  9     9  2.02   -0.646  1.48    D     
## 10    10 -0.0627 -0.185 -1.91    B     
## # ℹ 190 more rows

Slide 4 — Interactive Plot (Plotly)

Slide 5 — Short explanation

Hover points to see details (ID and z value).

Use the Plotly toolbar to zoom, box select, pan, and download the plot.

This slide proves the interactive requirement.

Slide 6 — Hosting note To host: knit to HTML, rename the HTML file to index.html, upload to a GitHub repo, then enable GitHub Pages (serve from root). The interactive plot works on GitHub Pages because the HTML is self-contained.