All Projects → zhangyuanliang → Flowchart

zhangyuanliang / Flowchart

Licence: mit
svg实现流程图绘制,导入导出json [正在重构项目flowchart-vue],地址:

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Flowchart

Logicflow
A front-end framework for process visualization.
Stars: ✭ 973 (+178%)
Mutual labels:  svg, flowchart
Reaviz
📊 Data visualization library for React based on D3
Stars: ✭ 1,141 (+226%)
Mutual labels:  svg, d3js
Svg essentials
《SVG精髓》 阅读笔记
Stars: ✭ 59 (-83.14%)
Mutual labels:  svg, d3js
Js Code To Svg Flowchart
js2flowchart - a visualization library to convert any JavaScript code into beautiful SVG flowchart. Learn other’s code. Design your code. Refactor code. Document code. Explain code.
Stars: ✭ 6,290 (+1697.14%)
Mutual labels:  svg, flowchart
Butterfly
🦋Butterfly,A JavaScript/React/Vue2 Diagramming library which concentrate on flow layout field. (基于JavaScript/React/Vue2的流程图组件)
Stars: ✭ 2,343 (+569.43%)
Mutual labels:  svg, flowchart
Jsplumb
Visual connectivity for webapps
Stars: ✭ 6,758 (+1830.86%)
Mutual labels:  svg, flowchart
D3
This is the repository for my course, Learning Data Visualization with D3.js on LinkedIn Learning and Lynda.com.
Stars: ✭ 64 (-81.71%)
Mutual labels:  svg, d3js
Vue D3 Workshop
Workshop content material and excercises for Suncoast Developers
Stars: ✭ 63 (-82%)
Mutual labels:  svg, d3js
D3 Org Tree
A highly customizable org tree built with d3.js v5
Stars: ✭ 109 (-68.86%)
Mutual labels:  svg, d3js
Flowmaker
flowmaker: JS to SVG flowchart generation extension for Vscode in realtime written in typescript and also download the SVG through local node server. Extension:
Stars: ✭ 108 (-69.14%)
Mutual labels:  svg, flowchart
Jquery.flowchart
JQuery plugin that allows you to draw a flow chart.
Stars: ✭ 413 (+18%)
Mutual labels:  svg, flowchart
Flowchart Vue
flowchart的vue版本
Stars: ✭ 136 (-61.14%)
Mutual labels:  svg, flowchart
Ngx Charts
📊 Declarative Charting Framework for Angular
Stars: ✭ 4,057 (+1059.14%)
Mutual labels:  svg, d3js
Flowchart.js
Draws simple SVG flow chart diagrams from textual representation of the diagram
Stars: ✭ 7,711 (+2103.14%)
Mutual labels:  svg, flowchart
Nivo
nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries
Stars: ✭ 9,550 (+2628.57%)
Mutual labels:  svg, d3js
X6
🚀 JavaScript diagramming library that uses SVG and HTML for rendering.
Stars: ✭ 2,686 (+667.43%)
Mutual labels:  svg, flowchart
D3tutorial
📊📈 A D3 v6 tutorial - interactive bar chart and multiple coordinated views (MCV)
Stars: ✭ 163 (-53.43%)
Mutual labels:  svg, d3js
Sharpvectors
SharpVectors - SVG# Reloaded: SVG DOM and Rendering in C# for the .Net.
Stars: ✭ 315 (-10%)
Mutual labels:  svg
Faux Code Generator
Turn real code into faux code.
Stars: ✭ 339 (-3.14%)
Mutual labels:  svg
Displacy
💥 displaCy.js: An open-source NLP visualiser for the modern web
Stars: ✭ 311 (-11.14%)
Mutual labels:  svg

flow-chart

Demo演示(Chrome):

Demo Online

SVG实现流程图绘制,前端页面应用:jquery.js/d3.js/ semantic.css

功能包括:

  • 流程图块生成、拖拽、连线
  • 放大缩小功能
  • 导入导出json数据
  • 产生相应的xmlxpdl
  • 保存(还未完成,待更新)

产品成果如下:

Image text

主视图

Image text

Xpdl视图

Image text

Xml视图

Image text

本项目兼容Chrome/Firefox/IE11,最好用Chrome浏览测试。

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].