Reveal.js Features | Jaehyeon Kim

## Reveal.js Features

Demonstrating Reveal.js Features<br>for Engineering Presentation

---

## 1. Image Embedding

Standard Markdown or HTML backgrounds

![Local Image](featured.jpg)

### Full Background Slide

(Use -- for vertical slides)

## Cosmic Background

This slide has a remote image background.

---

## 2. LaTeX Math

Rendered via MathJax

The Probability Density Function for a Normal Distribution:

$$
f(x) = \frac{1}{\sigma\sqrt{2\pi}} e^{ -\frac{1}{2}\left(\frac{x-\mu}{\sigma}\right)^2 }
$$

---

## 3. HTML Tables

Markdown and HTML mix

---

## 4. Charts (Mermaid.js)

Diagrams from Code

<div class="mermaid">
graph LR
    A[Producer] --> B(Kafka Topic)
    B --> C{Flink Job}
    C --> D[Redis]
    C --> E[S3 Bucket]
</div>

---

## 5. Code Highlighting

Highlight specific lines (Click next)

```python [1|3-5|7]
def process_stream(data):
    # Step 1: Clean
    data = data.strip()
    data = data.lower()
    
    # Step 2: Return
    return data
```

---

## 6. Fragments

### Step-by-step visibility

- Item 1 (Fades in) 
- Item 2 (Fades in second) 
- Item 3 (Grows larger) 
- Item 4 (Turns red) 
- Item 5 (Fades out)