# visdoc

**Repository Path**: Rosmen/visdoc

## Basic Information

- **Project Name**: visdoc
- **Description**: 基于Echarts展示的文献可视化项目
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2021-02-17
- **Last Updated**: 2023-02-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# DocUniverse

本项目是是对来自 *Data Mining*，*Big Data*，*Data Visualization* 领域的 **2749篇文献** 进行图形可视化展示。通过 Pagerank, word2vec, doc2vec 等算法，基于 Vue.js 和 Echarts 构建了如下所示的三维散点图，我们称之为 DocUniverse.

![克隆项目](./static/headline.gif "image-20210217215003915.png")

## Build Setup

运行这个项目，你需要执行以下步骤：

1. 首先从 Gitee 上克隆这个项目到本地

   ```bash
   git clone https://gitee.com/Rosmen/visdoc.git
   ```

   例如，我在 `d:/Projects` 目录下选择 "Git bash here" 输入上述命令：

    ![克隆项目](https://images.gitee.com/uploads/images/2021/0217/220249_449b7ca8_4830776.png "image-20210217215003915.png")

2. 接着安装项目所需的依赖

   ```bash
   npm install
   # 或者使用cnpm
   cnpm install
   # 如果有淘宝的npm镜像，使用cnpm安装速度会快很多
   ```
    ![项目依赖安装](https://images.gitee.com/uploads/images/2021/0217/220337_7550fbb3_4830776.png "2.png")
   
3. 最后就可以成功运行项目了

   ```bash
   # serve with hot reload at localhost:8080
   npm run dev
   ```
   

## Exploration methods

交互可以促进探索，提升用户体验，但是过于繁杂的交互使得用户没有探索、交互的兴趣。我们的数据展示与接口十分简洁，将信息交互组件全部集成到下面这个卡片中：

![image-20230215205226384](https://raw.githubusercontent.com/Steven-cpp/myPhotoSet/main/image-20230215205226384.png)

<p style='text-align: center; margin-top: 10px; line-height: 20px; font-size: 15px; font-family: Microsoft YaHei, "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 400; color: rgb(133, 144, 166)'>信息交互组件 (a)初始界面显示欢迎信息、网站的特点以及文献数据集的基本信息 (b) 在双击页面空白处后，该卡片会展示数据过滤组件。用以过滤时间和主题 (c)当点击文献结点之后，该组件会展示该文献相关的所有信息，包括文献元信息(例如年份、作者、摘要、被引量)以及聚合信息(文献引用指数DRI, 同年关键字分布情况)以帮助研究人员发掘当下的热门领域</p>

该组件的交互方式非常直观：

1. 在初始状态下，显示欢迎信息；
2. 在用户点击文献节点后，该点会高亮显示，点对应坐标轴后的标线也会高亮显示，并且与该文献相关的所有信息也会同时展现在卡片中；
3. 点击按钮还可以聚焦于该文献的某一个主题进行探索。