# Flowcharts

> Flowcharts provide a visual representation of the flow of a workflow, helping better illustrate decision points and the overall view.

Flowcharts provide a visual representation of the flow of a workflow, helping better illustrate decision points and the overall view.

Flowcharts can be used in a variety of settings, from large jobs to small projects that you can reuse in other projects.

The most important aspect of flowcharts is that, unlike sequences, they present multiple branching logical operators, that enable you to create complex business processes and connect activities in multiple ways.

Flowcharts come with the **Auto arrange** option in the context menu, and can be auto arranged either horizontally or vertically.

:::note
When you drag an activity from the **Available** category for the first time, the corresponding activity package is installed but the activity is not added to the **Designer** panel. A banner message will then prompt you to add the activity again.
:::

## Example of a Flowchart

To exemplify the properties of a flowchart, we are going to build a guessing game that generates a random number from 1 to 999 that the user must guess. To create such an automation, do the following:

1. Create a blank process and from the **Design** tab, in the **File** group, select **New > Flowchart**. The **New Flowchart** window is displayed.
   :::note
   You can also add a [Flowchart](https://docs.uipath.com/activities/docs/flowchart) activity to the **Designer** panel to create a new flowchart project.
   :::
2. In the **Name** field type a name for the automation, such as "First Flowchart", and leave the default project location or add a subfolder. Click **Create**. The **Designer** panel is updated accordingly.
3. Create two **Int32** variables (`RandomNumber`, `GuessNumber`) and a **String** one (`Message`).
4. Set the default value of the `Message` variable to "Guess a number from 1 to 999." The `RandomNumber` stores a random number between 1 and 999, `GuessNumber` stores the user’s guess and `Message` stores the message that is going to be displayed to prompt the user.

   ![docs image](https://dev-assets.cms.uipath.com/assets/images/studio/studio-docs-image-170525-093df41b.webp)

5. Add an [Assign](https://docs.uipath.com/activities/docs/assign) activity to the **Designer** panel, and connect it to the **Start** node.
6. In the **Properties** panel, in the **To** field add the `RandomNumber` variable.
7. In the **Value** field, type `new Random().Next(1,999)`.
   :::note
   This field uses the `Random()` function to generate a random number between 1 and 999. For more information on variables, see [Variables](https://docs.uipath.com/studio/standalone/2025.10/user-guide/managing-variables#managing-variables).
   :::
8. Add an [Input Dialog](https://docs.uipath.com/activities/docs/input-dialog) activity to the **Designer** panel and connect it to the **Assign** one.
9. In the **Properties** panel, in the **Label** field, add the `Message` variable.
10. In the **Result** field, add the `GuessNumber` variable. This activity asks and stores the user’s guesses in the `GuessNumber` variable.
11. Add a [Flow Decision](https://docs.uipath.com/activities/docs/flow-decision) activity and connect it to the **Input Dialog**. This activity enables you to tell the user if they correctly guessed the number or not.
12. In the **Properties** panel, in the **Condition** field, type `GuessNumber` = `RandomNumber`. Alternatively, you can select the **Condition Builder** from the **Plus** menu to edit your condition. This enables you to verify if the number added by the user is the same as the randomly-generated one.
13. Add a [Message Box](https://docs.uipath.com/activities/docs/message-box) activity and connect it to the **True** branch of the **Flow Decision**.
14. In the **Properties** panel, in the **Text** field, type "Congratulations! You guessed correctly! The number was " + `RandomNumber.ToString` + ".". This is the message that is going to be displayed if the user correctly guessed the number.
15. Add a new **Flow Decision** activity and connect it to the **False** branch of the previously added **Flow** Decision.
16. In the **Properties** panel, in the **Condition** field, type `GuessNumber` > `RandomNumber`. You can also select the **Condition Builder** from the **Plus** menu to edit your condition. This activity enables you to check if the number the user added is bigger than the randomly-generated one.
17. In the **DisplayName** field, type **Comparison**. This enables you to easily to tell the difference between the two **Flow Decisions** used.
18. Add an **Assign** activity and connect it to the **True** branch of the **Comparison** activity.
19. In the **To** field, type the `Message` variable, and in the **Value** field, type a message indicating that the guess was too high, such as "Too big. Try again.".
20. Select the **Assign** activity and press Ctrl+C. The entire activity and its properties are copied to the Clipboard.
21. Press Ctrl + V. A duplicate of the previous **Assign** activity is displayed.
22. Connect it to the **False** branch of the **Comparison** activity and, in the **Properties** panel, in the **Value** field, type "Too small. Try again.".
23. Connect the **Assign** activities created at steps 18-22 to the **Input Dialog**. A loop is created, asking the user to type a smaller or bigger number, until he guesses correctly. Optionally, you can add labels by right-clicking a connection and selecting **Add label**.

The final project should look as in the screenshot below.

   ![docs image](https://dev-assets.cms.uipath.com/assets/images/studio/studio-docs-image-432114-e4634980.webp)

[Download example](https://documentationexamplerepo.blob.core.windows.net/examples/Studio_V2024.10/FirstFlowchart.zip)