Mermaid - Generation of diagram and flowchart from text in a similar manner as markdown

---

Generation of diagrams and flowcharts from text in a similar manner as markdown. Ever wanted to simplify documentation and avoid heavy tools like Visio when explaining your code? This is why mermaid was born, a simple markdown-like script language for generating charts from text via javascript.

diagram markdown flowchart sequence-diagram gantt class-diagram git-graph visio-alternative chart

flowchart.js - Draws simple SVG flow chart diagrams from textual representation of the diagram

---

Draws simple SVG flow chart diagrams from textual representation of the diagram

flowchart diagram svg client script

Diagram Ring

---

Advanced diagram editor for Flowcharts, Class Diagrams, DFDs, ERDs, Pie charts, Bar charts and etc. It's been developed in WPF , C#

diagram diagram-editor erd flowchart charting dfd diagram-maker

Open Diagram

---

Open Diagram is the definitive open source .net diagramming component library for the .Net framework winforms environment. Use Open Diagram to add interactive data visualizations to your .net applications.

diagram diagramming control flowchart

Dia - Visio alternative

---

Dia is inspired by the commercial Windows program Visio, though more geared towards informal diagrams for casual use. It can be used to draw many different kinds of diagrams. It currently has special objects to help draw entity relationship diagrams, UML diagrams, flowcharts, network diagrams, and many other diagrams. It is also possible to add support for new shapes by writing simple XML files, using a subset of SVG to draw the shape.

visio-alternative uml-diagram flowchart entity drawing-tool network-diagram

jquery.flowchart - JQuery plugin that allows you to draw a flow chart.

---

jquery.flowchart.js is an open source javascript jQuery ui plugin that allows you to draw and edit a flow chart. This project is part of a bigger one, UltIDE which allows you to have a complete interface managing a flowchart and custom properties. Though it is still WIP, you are welcome to give it a try and contribute. A screenshot is shown below.

flowchart svg flow chart graph ui jquery-plugin ecosystem:jquery

joint - JavaScript diagramming library

---

JointJS is a JavaScript diagramming library. It can be used to create either static diagrams or, and more importantly, fully interactive diagramming tools and application builders. Please see http://jointjs.com for more information, demos and documentation.

diagram svg html5 flowchart graph visualization

QuickFlow - SharePoint Workflow Enhancement and Flowchart Designer

---

A simple and powerfull workflow engine on SharePoint. It provider a flowchart flowcontainer to make the development of complex sharepoint workflow more easy. It's based on WF3.5 not WF4.

workflow codeart flowchart sharepoint wf

StarUML - UML or MDA Platform

---

StarUML is a software modeling tool to develop fast, flexible, extensible, featureful UML/MDA platform running on Win32 platform. It is a good alternative to Rational Rose. StarUML provides simple and powerful plug-in architecture so anyone can develop plug-in modules in COM-compatible languages.

uml mda modeling-tool class-diagram uml-tool

ArgoUML - UML modeling tool

---

ArgoUML is the leading open source UML modeling tool and includes support for all standard UML 1.4 diagrams. It supports Class diagram, Statechart diagram, Activity diagram, Use Case diagram, Collaboration diagram, Deployment diagram and Sequence diagram. The diagram could be exported to GIF, PNG, PS, EPS, PGML and SVG. It generates code for Java, C++, C# and PHP. It also supports reverse engineering, generates code from diagram.

uml uml-diagram model reverse-engineering

chartify - React.js plugin for building simple animated draggable charts

---

The source for this module is in the main repo.Container prop is a class that will be added to the chart container element. This is important in case you have more than one chart on your page.

chart charts react barchart linechart timeline timesheet films music-library music-visualizer react-plugins customizable-charts cinematography movie-collection visualization draggable-elements draggable film-ratings rank reactjs react-js react-chart scale items dataset kinopoisk line-chart bar-chart marks axis calendar-view pyramid progress-chart showreel visualisation diagram graph

android-lifecycle - A diagram of the Android Activity / Fragment lifecycle

---

After struggling with trying to figure out how various pieces fit together, I've done some research and put together the complete Android Activity/Fragment lifecycle chart. This has two parallel lifecycles (activities and fragments) which are organized vertically by time. Lifecycle stages will occur in the vertical order in which they're displayed, across activities and fragments. In this way, you can see how your fragments interact with your activities. If you see any discrepancies or errors in this diagram, please submit a pull request or contact steve@staticfree.info.

Flowton

---

Flowton is a open source flowcharting application based on open source shape library NShape available at http://code.google.com/p/nshape. For now, it is primitive with inbuilt shapes and would want to expand its capability to more stencils. Developed in VB.NET Express 2010. an...

export flow-chart flow-diag flowchart ftn-files import multipage-document

ModelGoon - UML for Java

---

ModelGoon provides support to create UML diagram from Java source. It provides support to build packages dependencies diagram, Class Diagram from existing sources, Build Sequence Diagram from a Java method, Shows the dependencies between user selected packages and lot more. ModelGoon is not a UML modeler, but just an UML point of view above the Java source code. It still uses UMLet for drawing purpose and the Eclipse Modeling Tools for implementing full MDA platforms.

eclipse-plugin uml uml-diagram reverse-engineering

Circuit Diagram

---

Circuit Diagram enables you to make electronic circuit diagrams and export them as images.

circuit diagram coursework diagram-maker digital electronic-circuit

Green - Create UML diagram from code

---

green is a LIVE round-tripping editor, meaning that it supports both software engineering and reverse engineering. You can use green to create a UML class diagram from code, or to generate code by drawing a class diagram. green supports exporting files to both jpg and gif format, so that you can share you diagrams without any issues!

uml uml-diagram reverse-engineering

ER diagram editor for eclipse

---

An Eclipse plugin for generating code out of an Entity-Relationship-Diagram (ERD). Currently SQL-DDL and POJO classes with EJB3.0 Annotations are supported. The diagrams conform to the diagram description by H. Buff (german book, ISBN 3-03-440201-5)

Callflow Sequence Diagram Generator

---

The callflow sequence diagram generator is a collection of awk and shell scripts that will take a packet capture file that can be read by wireshark and produce a time sequence diagram. This is useful to view amp; debug SIP callflows or other network traffic

RADPIM is MDA Tool to Generate Source from Diagram

---

This is a MDA tool to create source app from independent plataform diagram. Aim, this is my first open source project. The release run in Ubuntu/Mono and Windows/.Net Runtime.

diagram gerador mda mda-generate-source source-generate

Eclipse Model Development Tools

---

The Model Development Tools (MDT) project provide exemplary tools for developing models based on those metamodels. It supports creating UML diagram, Reverse engineer UML diagram from code, and lot more.

uml uml-diagram emf model reverse-engineering