Introduction to Visuino | Visuino for Beginners.

Introduction: Introduction to Visuino | Visuino for Beginners.

About: I am a Programmer, Hacker, Maker and Technology enthusiast.

In this article I want to talk about Visuino, Which is another graphical programming software for Arduino and similar microcontrollers. If you are an electronic hobbyist who wants to get into the world of Arduino but lack any prior programming knowledge, this is the best option for you.

Here we will see what Visuino is, how to set it up and see two very basic and simple projects to get you started.
So without any further delay, let's get right into it.


Here is a list of supplies we will need to get started and make our first project using Visuino.

  1. Arduino Nano. (Amazon / Banggood)
  2. Momentary Push Button. (Amazon / Banggood)
  3. LED (Optional as we are going to use Builtin LED for this experiment)

Along with hardware we also need following software:

  1. Arduino IDE.
  2. Visuino Software.

Step 1: What Is Visuino?

Before we start using it, let's first understand what Visuino is.

Visuino is a graphical integrated programming environment which helps user program Microcontrollers and Microprocessors with the help of easy to use visual interface. It is a paid software but you can download a free version which is enough at a beginner level. Only draw back is that you are limited to using 20 Components in a project. You can download the software from here. With Visuino you can create a wide variety of projects, and it supports all the popular boars like Arduino and all its compatible boards, ESP series and even SBCs like Raspberry Pi. With the premium version you can create quite complex projects without having to learn coding.

Step 2: Setup.

Now that we are familiar with Visuino let's do the setup.

The setup is pretty straight forward. First we need to download and install the latest Arduino IDE. After that we can head over to Visuino and download it's latest version. After installing and launching Visuino, we will get an interface like in the image above.

  • In the center we see the main block which represents the actual microcontroller.
  • On the right side we find all the component blocks like Math, Logic, Digital, Analog and so on.
  • On the left side we can edit the properties of selected component.

Step 3: Selecting Board.

For this tutorial I have used Arduino Nano for demonstration purpose so I will change the main block to Arduino Nano. You can use UNO or any other Arduino board you have access to.

  1. To change the board, first click on the down arrow on the board and click on "Select board".
  2. From the list select the board you have, Here I have selected "Arduino Nano".

With that we are now all set to start using Visuino to make our first program.

Step 4: Blink in Visuino.

As always we will test this setup with good old blink code. We will see how easy it is to blink an LED with Visuino.
Follow the steps given below and refer to the images for better understanding.

1. First from the right components menu we will search for "Pulse Generator".

2. Drag the "Digital pulse generator" in the work area.

We will connect this component to pin number 13 of our board as it is connected to the on-board LED.
To connect the component:

3. Click and hold on the square contact point and click on the Digital pin 13 contact.

And that's it, we have the blink example ready. By default the frequency of the Pulse Generator is 1. i.e the LED will turn on for a second and off for a second.
Now we have to connect our board to the computer via USB and upload the code.

To open the code in Arduino IDE, we just have to press "F9" on the keyboard. Alternatively we can also click on the Arduino icon on the top menu bar. This will open the code in Arduino IDE and you can read and edit the code here. And upload it by connecting the arduino to your computer via USB cable and clicking the upload button.

Step 5: Turn ON LED With a Push Button.

1. Click on the "Pulse Generator" and press Delete on your keyboard as we no longer need it.

2. Next connect output of any digital pin to the input of pin 13.

For example, I have used pin 7 for the pushbutton so I will connect the Output of pin 7 to Input of pin 13 (Refer the image above).

That's pretty much it, now press 'F9' on the keyboard and the code will open in IDE. Upload the code to Arduino. But first connect a pushbutton to pin 7. Use a resistor in range of 220ohm to 10K ohm.

Now you will notice that the on board LED stays on and turn off when the button is pressed. But we want the opposite results, i.e the LED should turn on when the push button is pressed. To achieve that we just have to invert the output of pin 7, to do that we will add an inverter in between the connection.
In the component's field search for 'inverter' and drag to the canvas. Next connect the output to the input of Inverter component and connect the Output of Invert component to the Input of pin 13 as shown in the image above.

This component will invert the output of pin 7, so High will come out as Low and vise versa. Now press F9 and upload the code. Now you will see that pressing the button lights up the LED.

Step 6: Conclusion.

This article was just an introduction to Visuino. Now that you are familiar with the software and have an idea of how to use it, you can start experimenting yourself.
In future we will see more complex projects using this amazing software.

While you are here check out my website: There I post blogs and provide custom projects.

Be the First to Share


    • Colors of the Rainbow Contest

      Colors of the Rainbow Contest
    • Barbecue Speed Challenge

      Barbecue Speed Challenge
    • Arduino Contest

      Arduino Contest