Javascript® Electronic Notebook Documentation of "lib_fc.js" Flow Chart Drawing Library by .
Place your mouse pointer over any of the categories above, for an active menu of their contents.
Description: The symbol marks the starting point or ending point of the system. It usually contains the words like "Start", "End", "Return", etc...
Return: The X and Y connection point pairs are returned for the top-center, right-center, bottom-center, and left-center, respectively.
Usage: The sample function call is shown below. The values from the select boxes above modify the sample subroutine call directly to show how a call might be constructed.
Description: A box can represent a single step, or and entire sub-process within a larger process.
Return: Returns the X and Y connection point pairs are returned for the top-center, right-center, bottom-center, and left-center, respectively.
Usage: The sample function call is shown below. The sample draws a Process rectangle and places a three line label, "This is", "a Test", "Symbol" in the center. Because 3 lines are defined, the vertical size is increased to 55 pixels to accomodate the text. A Process ID (P1) is placed outside the symbol, on the upper right side.
Description: A decision or branching point. Lines representing different decisions emerge from different points of the diamond.
Return: The return array contains the coordinates for each of the diamond points. The ordering of the points are Top_X, Top_Y, Right_X, Right_Y, Bottom_X, Bottom_Y, Left_X, Left_Y.
Usage: The sample function call is shown below. The sample draws a Decision diamond and places a label, "Test A", in the center. It also places the label "A < 0" on the left point, "A > 0" on the right point, and "A = 0" on the bottom point. A Decision ID (D1) is placed outside the symbol, on the upper right side.
Description: Represents material or information entering or leaving the system, such as customer order (input) or a product (output). Allows for multiple lines of text.
Return: The X and Y connection points returned for the top-center, right-center, bottom-center, and left-center, respectively
Usage: The sample function call is shown below. The sample draws a Process rectangle and places a three line label, "This is", "a Test", in the center. Because 3 lines are defined, the vertical size is increased to 55 pixels to accomodate the text. A Process ID (P1) is placed outside the symbol, on the upper right side.
Description: Indicates that the process continues off page.
Return: The X and Y coordinates of the input and output are returned in an array.
Usage: The sample function call is shown below.
Description: Represents a step where a user is prompted to enter information manually.
Return:
Description: Represents a set-up to another step in the process.
Return: The X and Y connection points returned for the top-center, right-center, bottom-center, and left-center, respectively. See the usage example below.
Description: Indicates that the flow continues where a matching symbol (containing the same letter) has been placed.
Description: Indicates that the process flow continues in more than two branches. No text information is associated with this symbol.
Description: Indicates a point in the flowchart where multiple branches converge back into a single process.
Description: Indicates a step where two or more sub-lists or sub-processes become one.
Description: Indicates a step that orders information into a standard format.
Return: The X and Y connection points returned for the top-center and bottom-center, respectively
Description: Indicates a step that organizes a list of items into a sequence or sets based on some pre-determined criteria.
Note the name adjustment (FC_Sort) to avoid a conflict with Javascript "Sort".
Description:Indicates a sequence of actions that perform a specific task embedded within a larger process. This sequence of actions could be described in more detail on a separate flowchart.
Usage: The sample function call is shown below. The sample draws a Subroutine rectangle and places a three line label, "This is", "a Test", "Symbol" in the center. Because 3 lines are defined, the vertical size is increased to 55 pixels to accomodate the text. A Process ID (S1) is placed outside the symbol, on the upper right side.
Description: Indicates a sequence of commands that will continue to repeat until stopped manually.
Description: Indicates the point at which a loop should stop.
Description: Indicates a delay in the process.
Description: Indicates a step where data gets stored.
Description: Indicates a list of information with a standard structure that allows for searching and sorting.
Description: Indicates that information was stored in memory during a program, used in software design flowcharts.
Description: Indicates a step that displays information.