Hacking the quarantine with Grafana & Electronics

A presentation at Copenhagen Developers Festival in August 2023 in Copenhagen, Denmark by Yonatan Mevorach

Slide 1

Slide 1

Hacking the Quarantine with Grafana & Electronics

Slide 2

Slide 2

Character Stats Name: Yonatan Mevorach Team: Wix.com Skills: █████████████ Netflix Javascript ██████████░░░ Electronics █░░░░░░░░░░░░

Slide 3

Slide 3

zajkowskimarcin

Slide 4

Slide 4

Slide 5

Slide 5

Slide 6

Slide 6

Slide 7

Slide 7

Slide 8

Slide 8

Slide 9

Slide 9

Slide 10

Slide 10

Slide 11

Slide 11

Slide 12

Slide 12

Slide 13

Slide 13

Slide 14

Slide 14

Slide 15

Slide 15

Slide 16

Slide 16

Slide 17

Slide 17

Slide 18

Slide 18

✔Screen ✔Controls X Brain X Power X Internet

Slide 19

Slide 19

✔Screen ✔Controls ✔Brain ✔Power ✔Internet

Slide 20

Slide 20

Slide 21

Slide 21

Slide 22

Slide 22

Slide 23

Slide 23

Slide 24

Slide 24

Slide 25

Slide 25

❓

Slide 26

Slide 26

⏚ (Ground)

Slide 27

Slide 27

1 3 5 7 9 11 13 15 17 19 21 23 25 27 29 31 33 35 37 39 2 4 6 8 10 12 14 16 18 20 22 24 26 28 30 32 34 36 38 40

Slide 28

Slide 28

1 3 5 7 9 11 13 15 17 19 21 23 25 27 29 31 33 35 37 39 2 4 6 8 10 12 14 16 18 20 22 24 26 28 30 32 34 36 38 40 ⏚ (Ground)

Slide 29

Slide 29

Slide 30

Slide 30

Slide 31

Slide 31

Slide 32

Slide 32

Slide 33

Slide 33

X Screen ✔Controls ✔Brain ✔Power ✔Internet

Slide 34

Slide 34

✔Screen ✔Controls ✔Brain ✔Power ✔Internet

Slide 35

Slide 35

Slide 36

Slide 36

Slide 37

Slide 37

Slide 38

Slide 38

Slide 39

Slide 39

Slide 40

Slide 40

Slide 41

Slide 41

Slide 42

Slide 42

[ [0xff, [0xff, [0xff, … // ] 0x00, 0x00], 0x00, 0x00], 0x00, 0x00], 76800

Slide 43

Slide 43

[ [0xff, [0xff, [0xff, … // ] 0x00, 0x00], 0x00, 0x00], 0x00, 0x00], 76800 #ff0000 RGB 888

Slide 44

Slide 44

[ [0xff, [0xff, [0xff, … // ] 0x00, 0x00], 0x00, 0x00], 0x00, 0x00], 76800 #ff0000 RGB 888 320 * 240

Slide 45

Slide 45

[ [0xf8, [0xf8, [0xf8, … // ] 0x00], 0x00], 0x00], 76800 #f800 RGB 565

Slide 46

Slide 46

Slide 47

Slide 47

Slide 48

Slide 48

Slide 49

Slide 49

GET https://grafana.wix.com /render/dashboard-solo/db /watchtower-stats ?panelId=3 &from=now-6h &to=now &width=320 &height=240 Authorization: Bearer 3IxVnh…

Slide 50

Slide 50

Slide 51

Slide 51

Slide 52

Slide 52

1 3 5 7 9 11 13 15 17 19 21 23 25 27 29 31 33 35 37 39 2 4 6 8 10 12 14 16 18 20 22 24 26 28 30 32 34 36 38 40 ⏚ (Ground)

Slide 53

Slide 53

1 3 5 7 9 11 13 15 17 19 21 23 25 27 29 31 33 35 37 39 2 4 6 8 10 12 14 16 18 20 22 24 26 28 30 32 34 36 38 40 ⏚ (Ground)

Slide 54

Slide 54

Slide 55

Slide 55

Slide 56

Slide 56

Slide 57

Slide 57

Slide 58

Slide 58

Slide 59

Slide 59

Slide 60

Slide 60

Slide 61

Slide 61

Slide 62

Slide 62

Slide 63

Slide 63

Slide 64

Slide 64

Slide 65

Slide 65

Slide 66

Slide 66

Slide 67

Slide 67

Slide 68

Slide 68

Slide 69

Slide 69

Slide 70

Slide 70

Slide 71

Slide 71

Slide 72

Slide 72

Slide 73

Slide 73

Raspberry Pi Process Host Arcade Machine Library Local Web Server Host Inputs: rpio pin polling Input: “Right”, “Left”, “A”, “B”, …. Input: Mac keyboard events Output: Screen update over SPI Output: PNG Buffer Output: DOM image updates

Slide 74

Slide 74

Slide 75

Slide 75

Slide 76

Slide 76

Thank You! @cowchimp blog.yonatan.dev