--- --- restore content begins
1, OrgChart ( https://balkangraph.com/ ) - charge (free 30-day trial)
- Editing Node
- add a new node
- Delete Node
- Node drag
- expanded collapsed
- Export to SVG file
- to a CSV file
OrgChart JS is a powerful widget, can be used to visualize and edit the node. It offers a variety of options on how to render the underlying data and perform operations.
2, Qunee ( http://qunee.com/ ) - fees (15-day trial) - better features and more, recommended ,,,
- topology diagrams, flowcharts, organization charts, computer room floor plan, configuration software development
- Maps - subway map, statistics, map topology - a social network diagram, illustrating another network management - organizational chart, mind map (draggable), flow diagram
- operation vector graphics - vector graphics support, stepless zooming interactive experience - roaming interaction, improved interaction events, handheld device support and attention to detail - GIF animations, rich gradation, level control
- Qunee main components provide Graph, Graph can be added to different types of FIG element (Node, Edge, Group, ShapeNode , Text, Bus ...), you can configure different primitive presentation style, or to mount or to add different UI elements (LabelUI, ImageUI ...), and by a combination of layout, to achieve a rich rendering, to meet a variety of application scenarios:
map - subway map, statistics, maps
- with a strong tree layout, you can solve the problem of automatic layout tree structure data can be used in the organization chart, mind map and other basic flow chart provide a rich graphics and arrow style, supporting bending, perpendicular to connection type, etc., together comprising a control relationship, it can be solved The type of problems
3, Jointjs ( https://www.jointjs.com/ ) - toll - free version can be, less functional,, is particularly suitable for simple flow chart
JointJS chart is a JavaScript library. It can be used to create static picture may be used to create a fully interactive drawing tools and application builder.
- FIG basic elements (rectangular, circular, oval, text, images, paths)
ready to use well-known graph chart elements (the ERD, organization chart, FSA, UML, PN, DEVS, etc.) -
- SVG-based or programmatically custom presented in FIG element
- interactive elements and link
- link connection with FIG element
- customizable links, arrows, and their labels
- smooth link (Bezier interpolation)
- magnets (link connection points) can be placed substantially anywhere
- hierarchical graph
- to JSON serialization format / deserialization
- highly event-driven - you can respond to any incidents that occur inside the paper
- zoom in / out
- touch support
- plug-consciousness
- MVC architecture
... a lot more
4, a typescript + canvas easy to use and open drawing engine based drawing tools. Easy integration into their own front-end projects, you can also easily customize the graphics library, support micro-service architecture diagrams, flow charts, timing diagrams, activity diagrams, class diagrams: https://juejin.im/post/5d6c88726fb9a06b0e54ab35