脑电数据分析

脑电数据分析前端应用

项目介绍

这是一个专业的脑电数据分析前端应用，提供直观的脑电数据可视化和分析功能。用户可以上传脑电数据文件，查看脑电波形、功率谱密度分析结果，以及各种脑电波（德尔塔、西塔、阿尔法、贝塔、伽马）的能量分布。

功能特性

1. 数据上传功能

• 支持拖拽文件上传
• 支持 CSV、TXT、EDF 格式的脑电数据文件
• 文件信息展示和管理

2. 脑电波形显示

• 实时显示选定通道的脑电波形
• 支持多通道数据选择
• 可调节显示时间范围
• 波形缩放和交互功能

3. 功率谱密度分析

• 计算并可视化脑电信号的功率谱密度
• 支持频率范围筛选
• 对数坐标显示，便于观察不同量级的信号

4. 脑波能量分析

• 自动识别并计算各频段脑波能量：
  • 德尔塔波 (0.5-4Hz)：深度睡眠和无意识状态
  • 西塔波 (4-8Hz)：创造力和放松状态
  • 阿尔法波 (8-13Hz)：平静和冥想状态
  • 贝塔波 (13-30Hz)：清醒和专注状态
  • 伽马波 (30-100Hz)：高级认知功能
• 饼图展示各频段能量分布
• 数值和进度条直观显示各频段能量比例

5. 交互功能

• 通道切换：查看不同电极通道的数据
• 时间范围选择：调整显示的数据时长
• 自动刷新：设置数据自动更新频率
• 响应式设计：适配不同屏幕尺寸

技术栈

• 前端框架：HTML5 + CSS3 + JavaScript
• UI组件：Tailwind CSS v3
• 图表库：Chart.js v4
• 数据处理：D3.js
• 图标：Font Awesome

安装与使用

快速开始

1. 克隆或下载本项目到本地
2. 进入项目目录
3. 在浏览器中打开 index.html 文件即可使用

# 无需额外安装依赖，所有库通过CDN引入

本地开发

1. 使用任何静态文件服务器启动项目：

# 使用Python启动简单服务器
python -m http.server 8000

# 或使用Node.js
npm install -g http-server
http-server

2. 在浏览器中访问 http://localhost:8000

数据格式说明

CSV/TXT 格式要求

• 第一行为列标题，格式为：timestamp,通道1,通道2,通道3,...
• 时间戳以秒为单位
• 数据值为微伏(μV)单位
• 每行代表一个采样点

示例：

timestamp,Fp1,Fp2,C3,C4,O1
0.004,-12.3,8.5,-5.2,6.8,-3.5
0.008,-15.6,10.2,-7.8,9.4,-6.2

EDF 格式

支持标准EDF格式的脑电图数据文件。

使用示例

1. 点击"上传脑电数据"按钮或拖拽文件到上传区域
2. 选择一个脑电数据文件（支持CSV、TXT、EDF格式）
3. 点击"开始分析"按钮处理数据
4. 在分析结果区域查看：
   • 脑电波形图
   • 功率谱密度分析
   • 脑波能量分布
5. 使用控制面板切换通道、调整时间范围或刷新间隔

项目结构

eeg-analysis-frontend/
├── index.html          # 主页面文件
├── src/               # 源代码目录
│   └── main.js        # 主JavaScript逻辑
├── sample_data.csv    # 示例数据文件
└── README.md          # 项目说明文档

浏览器兼容性

• Chrome 90+
• Firefox 88+
• Safari 14+
• Edge 90+

注意事项

1. 目前EDF文件解析使用的是模拟数据，实际应用中需要添加完整的EDF解析库
2. 对于大型数据文件，可能需要优化性能以避免浏览器卡顿
3. 建议使用较新版本的浏览器以获得最佳体验

扩展与优化方向

1. 添加真实的EDF文件解析功能
2. 实现数据导出功能
3. 添加更高级的信号处理算法
4. 实现多用户数据存储和分享功能
5. 添加实时数据采集和分析功能

联系方式

如有问题或建议，请联系项目维护者。

资源获取

https://github.com/18535367435-eng/EEG-Analysis.git