# flowchart **Repository Path**: sam_yelanting/flowchart ## Basic Information - **Project Name**: flowchart - **Description**: svg实现流程图绘制,导入导出json [正在重构项目flowchart-vue],地址: - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 4 - **Forks**: 1 - **Created**: 2021-03-01 - **Last Updated**: 2025-05-17 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # flow-chart Demo演示(Chrome): > —[**Demo Online**](https://zhangyuanliang.github.io/flowchart/flowchart.html) SVG实现流程图绘制,前端页面应用:`jquery.js`/`d3.js`/ `semantic.css` 功能包括: - 流程图块生成、拖拽、连线 - 放大缩小功能 - 导入导出`json`数据 - 产生相应的`xml`和`xpdl` - 保存(还未完成,待更新) ### 产品成果如下: >![Image text](https://github.com/zhangyuanliang/flow-chart/blob/master/img/show.gif) #### 主视图 >![Image text](https://github.com/zhangyuanliang/flow-chart/blob/master/img/img_3.png) #### Xpdl视图 >![Image text](https://github.com/zhangyuanliang/flow-chart/blob/master/img/img_1.png) #### Xml视图 >![Image text](https://github.com/zhangyuanliang/flow-chart/blob/master/img/img_2.png) 本项目兼容`Chrome/Firefox/IE11`,最好用`Chrome`浏览测试。