# VueAddD3

**Repository Path**: fenlinu/vue-add-d3

## Basic Information

- **Project Name**: VueAddD3
- **Description**: 基于老君山旅游评论的情感分析可视化展示系统，使用 Vue 3 + D3.js + Koa.js 构建。
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-06-16
- **Last Updated**: 2025-06-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 情感数据可视化项目

基于老君山旅游评论的情感分析可视化展示系统，使用 Vue 3 + D3.js + Koa.js 构建。

## 项目结构

```
├── public/                 # 静态资源
├── src/                   # Vue 前端源码
│   ├── components/        # Vue 组件
│   ├── App.vue           # 主应用组件
│   └── main.js           # 入口文件
├── server/               # Koa 后端服务
│   ├── data/            # Excel 数据文件
│   │   └── emotion_data.xlsx
│   └── index.js         # 服务器入口
├── package.json         # 统一的依赖管理
└── README.md           # 项目说明
```

## 功能特性

- 📊 **多维度数据可视化**: 饼图、柱状图、折线图、散点图等
- 🎯 **情感分析展示**: 正面、负面、中性情感分布
- 📈 **时间趋势分析**: 情感随时间变化趋势
- 🗺️ **地区分布分析**: 不同地区的评论情况
- 📱 **响应式设计**: 适配各种屏幕尺寸
- ⚡ **实时数据**: 从 Excel 文件动态读取数据

## 安装依赖

```bash
npm install
```

## 开发模式

同时启动前端和后端开发服务器：

```bash
npm run dev
```

这将启动：
- 前端开发服务器: http://localhost:8080
- 后端 API 服务器: http://localhost:3001

## 单独启动

### 仅启动前端
```bash
npm run serve
```

### 仅启动后端
```bash
npm run server:dev  # 开发模式（自动重启）
npm run server      # 生产模式
```

## 生产构建

```bash
npm run build
```

## API 接口

- `GET /api/data` - 获取原始数据
- `GET /api/stats` - 获取统计数据
- `GET /api/timeline` - 获取时间线数据

## 数据格式

Excel 文件应包含以下字段：
- 评论时间
- IP地区
- 评分
- 评价
- 评价分词
- 情感得分_snownlp
- 情感得分_词典
- 情感得分
- 情感标签

## 技术栈

### 前端
- Vue 3 - 渐进式 JavaScript 框架
- D3.js - 数据驱动的可视化库
- CSS3 - 现代样式和动画

### 后端
- Koa.js - 轻量级 Node.js 框架
- xlsx - Excel 文件处理
- @koa/cors - 跨域资源共享
- @koa/router - 路由中间件


## 浏览器支持

- Chrome (推荐)
- Firefox
- Safari
- Edge