# Multi-Agent-Visualization：多智能体可视化仿真

**Repository Path**: os_team01/multi-agent-front-end

## Basic Information

- **Project Name**: Multi-Agent-Visualization：多智能体可视化仿真
- **Description**: 基于多智能体的COVID-19传播过程可视化仿真系统
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 13
- **Created**: 2023-12-05
- **Last Updated**: 2023-12-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<h1 align="center">多智能体</h1>

<div align="center">

新冠疫情时空传播过程可视化模拟

</div>

"多智能体"项目选取武汉市硚口区作为实验区域，进行了多场景仿真实验，模拟了时空演化、戴口罩率、疫苗接种率、医疗条件等因素对新冠疫情传播的影响。

## 数据来源

区域数据,戴口罩率,疫苗接种率等数据由用户自己上传。

## 可视化看板 🔥🔥🔥

 <table> 
   <thead> 
     <tr> 
       <th width="25%">系统界面</th> 
       <th width="25%">初始化模块</th> 
       <th width="25%">agent人数模块</th> 
       <th width="25%">echart图标模块</th> 
     </tr> 
   </thead> 
   <tbody> 
     <tr> 
       <td> 
         <img 
           src="https://s2.loli.net/2023/11/24/GZ1pctaHzPVTRom.jpg"
         /> 
       </td> 
       <td> 
         <img 
           src="https://s2.loli.net/2023/11/15/1GDAZEevCV5fj7T.png"
         /> 
       </td> 
       <td>
         <img 
           src="https://s2.loli.net/2023/11/15/rEs4Ybq8h7KMNSn.png"
         /> </td>
           <td>
         <img 
           src="https://s2.loli.net/2023/11/24/tILDladNu1FEh8Y.png"
         /> </td>
     </tr>

   </tbody> 
 </table>

- **系统界面**: 可以让大家对多智能体项目有一个基本的了解。

- **初始化模块**: 该模块可以初始化 agent，录入此次模拟的戴口罩率、疫苗接种率、医疗条件等信息。

- **agent 人数模块**：该模块可以显示模拟过程中的每种 agent 的人数信息，以及 agent 的运动快慢等信息。

- **echart 图标模块**: 该模块通过图表的形式，动态展示了可视化仿真的全过程，以及每种感染人数如何变化的详细信息。

## 参与贡献

如果你初来乍到或对 Git/gitee 的基本操作不熟悉，请阅读[Git 官方文档](https://git-scm.com/docs/)。

### 环境需求

1. node >= 16.14

### 快速开始

1. git clone https://gitee.com/os-hubu/multi-agent-front-end

2. cd multi-agent-front-end

3. npm install

4. npm run serve

5. Happy hacking!

### 问题交流

我们非常欢迎您的贡献，您可以通过 [Issue](https://gitee.com/os-hubu/multi-agent-front-end/issues) 提出问题或交流。

### 接口文档（network/network.js）

sendMessageInitData:多智能体数据初始化
数据格式:{ "type": "updateSetting", "agentMasksratio": 40, "agentVaccineratio": 50, "infectedagenMasksratio": 10,"infectedagenVaccineratio": 10, "asymptomaticagentMasksratio": 10,"asymptomaticagentVaccineratio": 10, "agentNumber": 44,"infectedagentNumber": "13","asymptomaticagentNumber": "13" }

resumeRunAgent：多智能体结束暂停
数据格式:{ type: "resumeRunAgent" }

stopAgent:多智能体暂停
数据格式:{ type: "stopAgent" }

endAgent:多智能体终止
数据格式:{ type: "endAgent" }

startAgent:多智能体开始
数据格式: { type: "startAgent" }

reLoadAgent:多智能体重置
数据格式:{ type: "reLoadAgent" }