# 听雨图编辑器

**Repository Path**: zhanle.git.com/rain-graph

## Basic Information

- **Project Name**: 听雨图编辑器
- **Description**: 图编辑器，实现了思维导图、流程图
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: https://rain-graph.netlify.app
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2023-09-01
- **Last Updated**: 2023-09-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 听雨图编辑器

[![Netlify Status](https://api.netlify.com/api/v1/badges/4c3864ea-d13e-4344-a270-9c48712e02fe/deploy-status)](https://app.netlify.com/sites/rain-graph/deploys)


## 发行版

- [在线使用](https://rain-graph.netlify.app/)
- [utools](https://u.tools/)

## 第三方面板

- [思维导图](https://wanglin2.github.io/mind-map/#/)

## 思维导图

### 库

- [Mind elixir](https://github.com/ssshooter/mind-elixir-core)：一个无框架依赖的思维导图内核
- [jsMind](https://github.com/hizzgdev/jsmind)：jsMind 是一个显示/编辑思维导图的纯 javascript 类库，其基于 html5 canvas (和 svg) 进行设计。
- [kityminder-editor](https://github.com/fex-team/kityminder-editor)：KityMinder Editor 是一款强大、简洁、体验优秀的脑图编辑工具，适合用于编辑树/图/网等结构的数据。
- [Simple mind map](https://github.com/wanglin2/mind-map)：一个简单&强大的Web思维导图

### 相关参考

- [知犀思维导图](https://www.zhixi.com/space?page=owner)

## 流程图

- [Flowchart.js](https://github.com/adrai/flowchart.js)：_Flowchart.js_ 仅需几行代码即可在 Web 上完成流程图的构建。可以从文字表述中画出简单的 SVG 流程图，也可以画出彩色的图表。
- [antv x6](https://antv-x6.gitee.io/zh)：阿里开源的图编辑器
- [LogicFlow](https://docs.logic-flow.cn/docs/#/)：滴滴开源的图编辑器

## 可视化图表

- 可视化：[echarts](https://echarts.apache.org/zh/index.html)

## 手绘图、白板

- [rough.js](https://github.com/rough-stuff/rough)：生成手绘风格的图片
- [tldraw](https://github.com/tldraw/tldraw)：画图库（React库）
- [atrament.js](https://github.com/jakubfiala/atrament.js)：一个小的JS库，用于在HTML画布上进行漂亮的绘图和手写。
- [excalidraw](https://excalidraw.com/)：画图库，貌似也是react的
- [tiny_whiteboard](https://github.com/wanglin2/tiny_whiteboard)：白板

## 拓展库

- [qier-progress](https://github.com/vortesnail/qier-progress)：顶部进度条
- [dom-to-image](https://github.com/tsayen/dom-to-image)：将dom转为图片
- [draft-flow](https://github.com/towersxu/draft-flow)：LogicFlow插件，手绘风格
- [handsontable](https://handsontable.com/)：可实现web的excel