10 min

Ensure clear and visible information presentation with JS1-5213AE and PIC18F46K42

Illuminate your data with decimal precision

7seg Click with EasyPIC v7a

Published Jun 18, 2023

Click board™

7seg Click

Development board

EasyPIC v7a


NECTO Studio



Straightforward solution for incorporating numeric or hexadecimal displays into electronic applications



Hardware Overview

How does it work?

7seg Click is based on two seven-segment red LED displays, the JS1-5213AE from Ningbo Junsheng Electronics, driven by the SN74HC595D, an 8-bit serial-in, parallel-out shift register module from Texas Instruments. The JS1-5213AE display consists of seven LEDs arranged in a rectangular fashion, where each of the seven LEDs is called a segment because when illuminated, the segment forms part of a numerical digit (both decimal and hex) to be displayed. With dimensions of 17.5x12.4x8.4mm and a decimal point, these displays are also characterized by a wide viewing

range and ultra-segment intensity. This board is suitable for numeric or hexadecimal displays, such as clocks, timers, counters, or similar applications. As mentioned, this Click board™ communicates with MCU through a standard SPI interface across SN74HC595D with a maximum frequency of 5MHz. In addition to the SPI communication, the 7seg Click uses two additional pins for the direct shift register override function and display activation routed to the RST and PWM pins of the mikroBUS™ socket. Setting the PWM pin to logic high state turns the displays ON. After that, users

can see the functionality of the 7seg click by showing numbers or characters on the left and right displays. This Click board™ can operate with either 3.3V or 5V logic voltage levels selected via the PWR SEL jumper. This way, both 3.3V and 5V capable MCUs can use the communication lines properly. Also, this Click board™ comes equipped with a library containing easy-to-use functions and an example code that can be used as a reference for further development.

7seg Click hardware overview image

Features overview

Development board

EasyPIC v7a is the seventh generation of PIC development boards specially designed for the needs of rapid development of embedded applications. It supports a wide range of 8-bit PIC microcontrollers from Microchip and has a broad set of unique functions, such as the first-ever embedded debugger/programmer over USB-C. The development board is well organized and designed so that the end-user has all the necessary elements in one place, such as switches, buttons, indicators, connectors, and others. With four different connectors for each port, EasyPIC v7a allows you to connect accessory boards, sensors, and custom electronics more efficiently than ever. Each part of the EasyPIC v7a development board

contains the components necessary for the most efficient operation of the same board. In addition to the advanced integrated CODEGRIP programmer/debugger module, which offers many valuable programming/debugging options and seamless integration with the Mikroe software environment, the board also includes a clean and regulated power supply module for the development board. It can use various external power sources, including an external 12V power supply, 7-23V AC or 9-32V DC via DC connector/screw terminals, and a power source via the USB Type-C (USB-C) connector. Communication options such as USB-UART and RS-232 are also included, alongside the well-

established mikroBUS™ standard, three display options (7-segment, graphical, and character-based LCD), and several different DIP sockets. These sockets cover a wide range of 8-bit PIC MCUs, from PIC10F, PIC12F, PIC16F, PIC16Enh, PIC18F, PIC18FJ, and PIC18FK families. EasyPIC v7a is an integral part of the Mikroe ecosystem for rapid development. Natively supported by Mikroe software tools, it covers many aspects of prototyping and development thanks to a considerable number of different Click boards™ (over a thousand boards), the number of which is growing every day.

EasyPIC v7a double side image

Microcontroller Overview

MCU Card / MCU




MCU Memory (KB)


Silicon Vendor


Pin count


RAM (Bytes)


Used MCU Pins

mikroBUS™ mapper

Register Override
SPI Chip Select
SPI Clock
Power Supply
PWM Signal
Power Supply

Take a closer look


7seg Click Schematic schematic

Step by step

Project assembly

EasyPIC v7a front image hardware assembly

Start by selecting your development board and Click board™. Begin with the EasyPIC v7a as your development board.

EasyPIC v7a front image hardware assembly
Buck 22 Click front image hardware assembly
MCU DIP 40 hardware assembly
EasyPIC v7a MB 1 - upright/background hardware assembly
Necto image step 2 hardware assembly
Necto image step 3 hardware assembly
Necto image step 4 hardware assembly
NECTO Compiler Selection Step Image hardware assembly
NECTO Output Selection Step Image hardware assembly
Necto image step 6 hardware assembly
Necto DIP image step 7 hardware assembly
EasyPIC PRO v7a Display Selection Necto Step hardware assembly
Necto image step 9 hardware assembly
Necto image step 10 hardware assembly
Necto PreFlash Image hardware assembly

Track your results in real time

Application Output

After pressing the "FLASH" button on the left-side panel, it is necessary to open the UART terminal to display the achieved results. By clicking on the Tools icon in the right-hand panel, multiple different functions are displayed, among which is the UART Terminal. Click on the offered "UART Terminal" icon.

UART Application Output Step 1

Once the UART terminal is opened, the window takes on a new form. At the top of the tab are two buttons, one for adjusting the parameters of the UART terminal and the other for connecting the UART terminal. The tab's lower part is reserved for displaying the achieved results. Before connecting, the terminal has a Disconnected status, indicating that the terminal is not yet active. Before connecting, it is necessary to check the set parameters of the UART terminal. Click on the "OPTIONS" button.

UART Application Output Step 2

In the newly opened UART Terminal Options field, we check if the terminal settings are correct, such as the set port and the Baud rate of UART communication. If the data is not displayed properly, it is possible that the Baud rate value is not set correctly and needs to be adjusted to 115200. If all the parameters are set correctly, click on "CONFIGURE".

UART Application Output Step 3

The next step is to click on the "CONNECT" button, after which the terminal status changes from Disconnected to Connected in green, and the data is displayed in the Received data field.

UART Application Output Step 4

Software Support

Library Description

This library contains API for 7seg Click driver.

Key functions:

  • c7seg_display_mode - This function sets display state for 7seg Click

  • c7seg_write_data_number - This function writes left and right number on 7seg display

  • c7seg_write_data_character - This function writes left and right character on 7seg display

Open Source

Code example

This example can be found in NECTO Studio. Feel free to download the code, or you can copy the code below.

 * \file 
 * \brief 7seg Click example
 * # Description
 * Example code consist of two sections: AppInit and AppTask,
 * and shows number or character on 7seg display.
 * The demo application is composed of two sections :
 * ## Application Init 
 * Application Init performs Logger and Click Initialization.
 * ## Application Task  
 * Application Task shows functionality of the 7seg click,
 * shows number or character on left and right display.
 * \author Mihajlo Djordjevic
// ------------------------------------------------------------------- INCLUDES

#include "board.h"
#include "log.h"
#include "c7seg.h"

// ------------------------------------------------------------------ VARIABLES

static c7seg_t c7seg;
static log_t logger;

// ------------------------------------------------------ APPLICATION FUNCTIONS

void application_init ( void )
    log_cfg_t log_cfg;
    c7seg_cfg_t cfg;

     * Logger initialization.
     * Default baud rate: 115200
     * Default log level: LOG_LEVEL_DEBUG
     * @note If USB_UART_RX and USB_UART_TX 
     * are defined as HAL_PIN_NC, you will 
     * need to define them manually for log to work. 
     * See @b LOG_MAP_USB_UART macro definition for detailed explanation.
    LOG_MAP_USB_UART( log_cfg );
    log_init( &logger, &log_cfg );
    log_info( &logger, "---- Application Init ----" );

    //  Click initialization.

    c7seg_cfg_setup( &cfg );
    c7seg_init( &c7seg, &cfg );
    c7seg_default_cfg ( &c7seg );
    Delay_ms ( 1000 );

void application_task ( void )
    uint8_t counter;

    c7seg_display_mode( &c7seg, C7SEG_DISPLAY_ON );
    Delay_ms ( 1000 );
    for ( counter = 0; counter < 9; counter ++ )
        c7seg_write_data_number( &c7seg, counter, counter + 1 );
        Delay_ms ( 1000 );
    Delay_ms ( 1000 );

    for ( counter = 65; counter < 90; counter ++ )
        c7seg_write_data_character( &c7seg, counter, counter + 1 );
        Delay_ms ( 1000 );
    Delay_ms ( 1000 );

    c7seg_display_mode( &c7seg, C7SEG_DISPLAY_OFF );
    Delay_ms ( 1000 );

void main ( void )
    application_init( );

    for ( ; ; )
        application_task( );

// ------------------------------------------------------------------------ END

Additional Support