JavaScript

[Javascript] plotly 라이브러리를 이용하여 웹에 동적 그래프 그리기

0. 서론 이번 프로젝트를 진행하며 동적 그래프를 웹 페이지 위에 구현하기 위해 공부한 라이브러리이다. 본 프로젝트에서는 가변저항을 통하여 PID 제어에 필요한 게인 값들(P값, I값, D값을) 아두이노(esp32)가 받은 후, 그 값들을 JSON format으로 웹과 소켓 통신을 이용해 전송했다. 영상 대부분이 날라가고 남은 영상이 이거뿐이다.. 보면 PCB 발주 전 프로토타입용으로 빵판에 이것 저것 꽂은 상태로 진행했다. 참고로 관련 지식들을 정석대로 공부했기보다는 프로젝트에 적용하기 위해 주먹구구식으로 공부해서 설명이나 용어가 자연스럽지 못하거나 잘못된 부분이 있을 수도 있다.. 필요한 지식들 1. 얕은 html 지식 2. 얕은 js 지식 1. Plotly란? https://plotly.com/gr..