엑셀 데이터를 그래프로 표현해 주는 웹 도구

필수 : 'OperationMode' 열이 반드시 있어야 함.

 

Dual-Axis for Datas in Excel

Dual-Axis Plot for Datas in Excel

** 그래프의 확대/축소, 이동이 가능함 ***

✅ 개요

이 웹페이지는 사용자가 **Excel 파일을 웹브라우저에서 직접 업로드하고, 선택한 열 데이터를 기반으로 이중 축 그래프(Dual-Axis Plot)**를 시각화할 수 있도록 설계된 인터랙티브 데이터 시각화 도구입니다. Plotly.js와 XLSX.js 라이브러리를 활용하여 데이터를 실시간으로 시각화하며, OperationMode 필터링 기능도 제공됩니다.

---

🛠️ 주요 기능

기능설명

📁 Excel 업로드	사용자가 Excel 파일(.xlsx)을 웹페이지로 드래그 앤 드롭하면, 각 시트(sheet)를 자동 인식하여 목록에 표시
📄 시트 선택	업로드된 Excel 파일의 시트 목록을 클릭하여 해당 시트를 로딩할 수 있음.
📌 축 선택	드롭다운을 통해 X축, Y축(왼쪽), Y축(오른쪽)을 사용자가 선택할 수 있음.
🔀 OperationMode 필터링	데이터에 포함된 OperationMode 열을 기반으로 M, C, O, D 모드 중 하나를 선택하여 필터링 가능
📈 이중 축 그래프	선택한 열의 데이터를 기반으로 Y축 두 개를 가진 그래프를 생성합니다. 왼쪽 축은 파란색, 오른쪽 축은 빨간색으로 시각화 가능.
🔍 줌/팬 기능	Plotly의 기능을 이용하여 그래프를 마우스로 드래그하거나 확대/축소 가능

 

[예시 이미지]