All Projects → cliftonm → FlowSharpWeb

cliftonm / FlowSharpWeb

Licence: other
A web-based implementation of FlowSharp

Programming Languages

HTML
75241 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to FlowSharpWeb

react
Basic Primitives Diagrams for React. Data visualization components library that implements organizational chart and multi-parent dependency diagrams.
Stars: ✭ 15 (-51.61%)
Mutual labels:  diagramming
X6
🚀 JavaScript diagramming library that uses SVG and HTML for rendering.
Stars: ✭ 2,686 (+8564.52%)
Mutual labels:  diagramming
Butterfly
🦋Butterfly,A JavaScript/React/Vue2 Diagramming library which concentrate on flow layout field. (基于JavaScript/React/Vue2的流程图组件)
Stars: ✭ 2,343 (+7458.06%)
Mutual labels:  diagramming
cytoscape.js-context-menus
A Cytoscape.js extension to provide context menu around elements and core instance
Stars: ✭ 63 (+103.23%)
Mutual labels:  diagramming

FlowSharpWeb

Build a Prototype Web-Based Diagramming App with SVG and Javascript

Screenshot

This is an early prototype intended to be a learning excerise for how to create a web-based diagramming tool. At this stage, learning about how to use SVG dynamically is explored:

  • create a virtual surface
  • drop shapes onto the surface
  • move shapes around
  • resize shapes
  • connect shapes with simple lines

The full article describing the implementation will be posted on CodeProject shortly.

A JSFiddle of the code base published in the article is here: https://jsfiddle.net/cliftonm/o2ve65c9/

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].