Questions tagged [flowchart]

A flowchart is a type of diagram that represents an algorithm or process, showing the steps as boxes of various kinds, and their order by connecting these with arrows. This diagrammatic representation can give a step-by-step solution to a given problem.

A flowchart is a type of diagram that represents an algorithm or process, showing the steps as boxes of various kinds, and their order by connecting these with arrows. This diagrammatic representation can give a step-by-step solution to a given problem.

Process operations are represented in these boxes, and arrows connecting them represent flow of control. Data flows are not typically represented in a flowchart, in contrast with data flow diagrams; rather, they are implied by the sequencing of operations. Flowcharts are used in analyzing, designing, documenting or managing a process or program in various fields

For more info check Wikipedia.

585 questions
92
votes
10 answers

Sankey Diagrams in R?

I am trying to visualize my data flow with a Sankey Diagram in R. I found this blog post linking to an R script that produces a Sankey Diagram; unfortunately, it's quite raw and somewhat limited (see below for sample code and data). Does anyone know…
Eric Fail
  • 8,191
  • 8
  • 72
  • 128
53
votes
5 answers

Flowchart diagrams vs. UML activity diagrams

What is the practical difference between using flowchart diagrams and UML activity diagrams? I have some thoughts, but maybe I'm missing an elephant in the room? Flowchart diagram: Widely used; Easily understood by non-programmers; Old? UML…
Vladimir Sinenko
  • 4,629
  • 1
  • 27
  • 39
48
votes
5 answers

Flowchart "for each" loop loop without variable increment

I'm designed a flowchart to describe at a high level how a programming process works. Part of this process involves looping through a set of items. I'm wondering if there is any standard or semi-standard way of representing a "for each" style loop…
Bryce Thomas
  • 10,479
  • 26
  • 77
  • 126
45
votes
6 answers

Can you build reusable styles in GraphViz?

I'm using graphviz to create flow charts. I change the styles every time by setting node and edge attributes: node[shape="box", style="filled, rounded", fillcolor=lightyellow, fontname="Verdana", fontsize=9, …
Steve Kallestad
  • 3,484
  • 2
  • 23
  • 31
39
votes
5 answers

JavaScript flowchart / flow diagram lib

Are there any javascript libraries for client-side rendering and manipulation of flow-charts? My preference would be for jQuery, but I'd settle for others. This question has been asked before, but not for a couple of years so I'm hoping there's a…
Armand
  • 23,463
  • 20
  • 90
  • 119
39
votes
3 answers

Can I create a flow chart (no tree chart) using D3.js

can I create a flowchart like this one: starting form a json object using the D3.js library? What should the json structure look like? Have you got any example I can analyse? Thank you very much.
Dino
  • 1,307
  • 2
  • 16
  • 47
37
votes
10 answers

Good freeware for flowcharts on Windows?

I have to present some 'process' or 'flow' of the application at work on friday. I was hoping to prepare a flow chart before I begin the hands on demo. Any suggestions for freeware sw to make simple flowcharts on Windows?
Omnipresent
  • 29,434
  • 47
  • 142
  • 186
37
votes
5 answers

Automatic flowchart tool

Is there a flowchart tool that will automatically draw (align, reposition) a chart based on given information? I'd like to add blocks to a chart, create relationships between them and then have the software reposition the blocks and lines so it can…
Karlovsky120
  • 6,212
  • 8
  • 41
  • 94
29
votes
2 answers

How to make a flowchart/diagram using only HTML and CSS

I need to make a really complicated diagram for a website, in which the hierarchy will be a bit messy: arrows will go up and down, sometimes an element will point to several others, and sometimes there will be several elements pointing to the same…
Variax
  • 1,057
  • 2
  • 11
  • 16
26
votes
1 answer

Creating Straight Edges in Graphviz

I want to create a flowchart (similar to Visio) using Graphviz. Here is a sample digraph. digraph start_up { node [style = rounded]; node [shape = rect] start end; node [style = ""]; node [shape = diamond] "USB\nCommand\nArrived"; start ->…
oliverks
  • 261
  • 1
  • 3
  • 4
24
votes
4 answers

Graph flow chart of transition from states

I'm trying to find a way to graph something like this in R: It is a transition between states, I want the boxes to be equal to the population size and the arrows to indicate the size of the transition. I've looked at the Diagram package but it's…
Max Gordon
  • 5,367
  • 2
  • 44
  • 70
22
votes
1 answer

Save and Load jsPlumb flowchart including exact anchors and connections

This is the jsFiddle of the flowchart editor I am building. This is an example of what can be easily created with "Add Decision" + "Add Task", connecting and moving the elements. Now for the hard part: I want to be able to save and load the exact…
hbit
  • 959
  • 2
  • 13
  • 33
22
votes
4 answers

jsPlumb: how to make Flowchart connectors avoid intersecting elements?

Is it possible to make jsPlumb Flowchart connectors not to cross connectable items or specified elements (in the example: elements with 'item' class)? Default Flowchart behaviour: A desired result: Here's what I…
Dmitry Druganov
  • 2,088
  • 3
  • 23
  • 32
19
votes
3 answers

What is the difference between a flow chart and a UML activity diagram?

I know that an activity diagram is: More simple; More standardized; Support concurrent flows. compared to a flow chart. But what are the possible reasons for using an activity diagram instead of a flow chart apart from those mentioned above?
yelo
  • 371
  • 1
  • 5
  • 17
17
votes
2 answers

Can I control the direction of flowcharts in Mermaid?

graph LR A-->B-->C-->D-->E-->F; graph TD A-->B-->C-->D-->E-->F; I like to draw simple diagram using Mermaid. But it seems that flowcharts can only be top-to-bottom or left-to-right. Can I have more subtle control over the direction so the…
Paw in Data
  • 1,262
  • 2
  • 14
  • 32
1
2 3
38 39