Flowcode Help - User contributions [en]

Component: Display Manager (Graphical Library)

2026-05-06T09:56:36Z

BenR:

{| style="width:50%"
|-
| width="20%" style="color:gray;" | Author
| MatrixTSL
|-
| width="20%" style="color:gray;" | Version
| 24.0
|-
| width="20%" style="color:gray;" | Category
| Graphical Library
|}

==Display Manager component==
A component designed to simplify the process of drawing primitives and text onto a graphical display. Keeps track of coordinates so you don't have to. Also works great as a base layer for gLCD based games as it will check for collisions and perform movement.

==Version information==

Library Version, Component Version, Date, Author, Info
13, 2.0, 22-05-24, BR, Added text alignment options
14, 2.1, 14-06-24, BR, Renamed Button to Widget to better include things like sliders
15, 2.1, 26-07-24, BR, Added SetTextFloat and AddTextNumber macros
16, 2.1, 29-07-24, BR, Renamed Themes to ObjectThemes and WidgetThemes
17, 2.1, 29-07-24, BR, Added CreateTextField macro which automates creating a simple textbox
18, 2.1, 06-08-24, BR, Fixed a problem with updating values, theme, text on IDs
19, 2.1, 06-08-24, BR, Textfield now uses hidden object type instead of rectangle
20, 2.1, 06-08-24, BR, Fixed a problem where slider value could be set with out of range value
21, 2.1, 06-08-24, BR, Fixed problem where SetTextNumber would reset an ESP32
22, 22.0, 19-03-25, MW, Added keypad creation function

==Detailed description==

===Objects===

The component can create the following objects.

*'''Object_Hidden''' - 0 - A hidden area with no graphics.
*'''Object_Rectangle''' - 1 - A simple rectangular box.
*'''Object_Line''' - 2 - A simple straight line.
*'''Object_Ellipse''' - 3 - A simple ellipse or circle.
*'''Object_EllipseFilled''' - 4 - A filled ellipse or circle.
*'''Object_RectangeFilled''' - 5 - A filled rectangular box.

===TextField===

There is also an additional TextField object which consists of an Object_Rectangle that is pre-populated with text.

===Widgets===

The component can also create the following interactive buttons and sliders.

*'''Widget_Hidden''' - 0 - A hidden area with no graphics.
*'''Widget_Rectangle''' - 1 - A rectangular box with a shadow.
*'''Widget_RoundedRectangle''' - 2 - A rounded rectangular box with a shadow.
*'''Widget_Ellipse''' - 3 - A simple ellipse or circle with a shadow.
*'''Widget_VSlider''' - 4 - A vertical slider with a square thumb.
*'''Widget_HSlider''' - 5 - A horizontal slider with a square thumb.
*'''Widget_VSlider_Round''' - 6 - A vertical slider with a round thumb.
*'''Widget_HSlider_Round''' - 7 - A horizontal slider with a round thumb.

The type can be entered by using the component's public constants. Begin with the Display Manager handle name followed by :: and the list of the public variables will be displayed.

For example... '''DisplayManager1::Object_Rectangle''' or '''DisplayManager1::Widget_VSlider'''

===Touch Repeat Rate for Button Widgets===

The Touch Repeat Rate property applies to button based widgets and sets the frequency that a valid touch will be detected for a held button. This is similar to holding down a single key on a keyboard and acts to reduce the frequency of positive button detections when touching the button. For example if you had a button that incremented a value, without the repeat rate the value would increment much faster then anticipated in an uncontrollable manner. When no touch is detected it is recommended to call the NoTouch macro to clear the touch counters and allow a more responsive user experience.

Example of implementing touch repeat rate

[[File:ButtonRepeatRate.jpg]]

==Examples==

===Flowcode v11===

====Video Tutorials====

[https://youtu.be/8pBGSSQuoaI Graphical Display Manager and Layout Editor Part 1]

[https://youtu.be/KM_CKja7wXY Graphical Display Manager and Layout Editor Part 2]

====Converting Flowcode v10 examples====

The v10 examples can also be used in v11 but the functions have changed slightly, now you need to define the colours for each object rather then by setting an overall colour theme.

To do this you must create a byte array with the correct number of bytes and then populate the byte array with the colours you wish to use. This can be done using a calculation icon.

===Flowcode v10===

====Basic Example====

An example showing how to use the display manager with a gLCD and a touch interface to create a full HMI.

The example shows how to create a simple menu system as well as a toggle switch and a slider used to control a PWM output.

{{Fcfile|DisplayManagerDemo.fcfx|Display Manager Demo}}

====Keypad Example====

An example showing how you can use the CreateWigitArray component to create a touch keypad for your gLCD.

[[File:Updated__Display_Manager1.png]]

The CreateWidgetArray function macro has a number of parameters to allow high flexibility in what you can create:

[[File:Updated__Display_Manager2.png]]

There are also tooltips for each parameter to help.

[[File:Updated__Display_Manager3.png]]

Note: if you get a unable to run simulation error then make sure you have the latest components downloaded.

How the key touch is detected

The first widget is automatically assigned a unique widget ID e.g. the first widget with text 1 on it is assigned 24.

All the following widgets ID is then incremented from 24, e.g. widget with text 6 on is assigned 24+ 5 = 29.

The widget button pressed can then be calculated from 29 – 24 + 1 = 6.

{{Fcfile|DisplayManager_WidgetArray_Keypad_Example.fcfx|Display Manager Widget Array Keypad Example}}

==Macro reference==

===CheckCollision===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CheckCollision'''
|-
| colspan="2" | Checks to see if two objects bounding boxes are colliding, Useful when implementing 2D games. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID1
|-
| colspan="2" | ID of Object or Widget to check 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID2
|-
| colspan="2" | ID of Object or Widget to check 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===CheckForTouch===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CheckForTouch'''
|-
| colspan="2" | Uses the X and Y coordinates from a touch sensor to check for Widget presses. Returns 0 for no Widgets pressed. Returns ID for a valid Widget press. Any touched slider Widgets will automatically move their thumb and value to the touch position.  
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | X
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Y
|-
| colspan="2" |  
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ClearAll===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ClearAll'''
|-
| colspan="2" | Removes all objects and Widgets from memory. Also clears the screen if required. 
|-
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | ClearScreen
|-
| colspan="2" | 0=Don't clear the screen, 1=Clear the screen 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===CreateObject===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CreateObject'''
|-
| colspan="2" | Define a none touchable graphical object. Returns the Object ID. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | ObjectType
|-
| colspan="2" | 0=Hidden, 1=Rect, 2=RoundedRect, 3=Ellipse, 4=Line, 8=Bitmap 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | X
|-
| colspan="2" | X Pixel Coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Y
|-
| colspan="2" | Y Pixel Coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Width
|-
| colspan="2" | Pixel Width or X Radius 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Height
|-
| colspan="2" | Pixel Height or Y Radius 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | LineWidth
|-
| colspan="2" | Number of pixels thick to draw outer border lines 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Colours
|-
| colspan="2" | Byte array containing FgColour RGB [0-2], Bg Colour RGB [3-5], Text Colour RGB [6-8] 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | DrawObject
|-
| colspan="2" | 0=Do not draw object yet, 1=Draw object now (Does not apply to hidden objects) 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===CreateObjectArray===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CreateObjectArray'''
|-
| colspan="2" | Creates a 2d array of objects that can be used to create things like table data. Returns the ID of the first object, the following objects have incremental IDs going column by column and then row by row. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | ObjectType
|-
| colspan="2" | 0=Hidden, 1=Rect, 2=RoundedRect, 3=Ellipse, 4=Line, 8=Bitmap 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | NumColumns
|-
| colspan="2" | Number of columns of buttons in the array 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | NumRows
|-
| colspan="2" | Number of rows of buttons in the array 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | InitialPositionX
|-
| colspan="2" | X location of the initial button 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | InitialPositionY
|-
| colspan="2" | Y location of the initial button 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ObjectWidth
|-
| colspan="2" | Widget width in pixels 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ObjectHeight
|-
| colspan="2" | Object height in pixels 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | SpacingX
|-
| colspan="2" | Horizontal spacing between the objects 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | SpacingY
|-
| colspan="2" | Vertical spacing between the objects 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | LineWidth
|-
| colspan="2" | Number of pixels thick to draw outer border lines 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Colours
|-
| colspan="2" | Byte array containing FgColour RGB [0-2], Bg Colour RGB [3-5], Text Colour RGB [6-8] 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Font
|-
| colspan="2" | Font used for the widgets text 
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | ObjectText
|-
| colspan="2" | A comma seperated text field with the text for each object e.g. "1,2,3,.." 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===CreateTextField===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CreateTextField'''
|-
| colspan="2" | Creates a text field consisting of a rectangular border containing a single line of text 
|-
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | Text
|-
| colspan="2" | Text string to set as the label 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | X
|-
| colspan="2" | X Pixel Coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Y
|-
| colspan="2" | Y Pixel Coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Width
|-
| colspan="2" | Pixel Width 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Height
|-
| colspan="2" | Pixel Height 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Font
|-
| colspan="2" | GLCD Font Index to use 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Colours
|-
| colspan="2" | Byte array containing FgColour RGB [0-2], Bg Colour RGB [3-5], Text Colour RGB [6-8] 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | HAlignment
|-
| colspan="2" | 0=Left, 1=Center, 2=Right 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | VAlignment
|-
| colspan="2" | 0=Top, 1=Middle, 2=Bottom 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===CreateWidget===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CreateWidget'''
|-
| colspan="2" | Define an interactive Widget or slider. Returns the Widget ID. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | WidgetType
|-
| colspan="2" | 0=WidgetHidden, 1=WidgetRect, 2=WidgetRoundedRect, 3=WidgetEllipse, 4=VSlider, 5=HSlider, 6=VSliderRound, 7=HSliderRound, 8=Bitmap 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | X
|-
| colspan="2" | X Pixel Coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Y
|-
| colspan="2" | Y Pixel Coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Width
|-
| colspan="2" | Pixel Width or X Radius 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Height
|-
| colspan="2" | Pixel Height or Y Radius 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | LineWidth
|-
| colspan="2" | Number of pixels thick to draw outer border lines 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Colours
|-
| colspan="2" | Byte array containing FgColour RGB [0-2], Bg Colour RGB [3-5], Text Colour RGB [6-8], Hl Colour RGB [9-11] 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | DrawHighlight
|-
| colspan="2" | Draws the highlight on buttons, also used for thumb width on sliders 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | DrawWidget
|-
| colspan="2" | 0=Do not draw Widget yet, 1=Draw Widget now (Does not apply to hidden widgets) 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===CreateWidgetArray===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CreateWidgetArray'''
|-
| colspan="2" | Creates a 2d array of buttons that can be used to create things like keypads. Returns the ID of the first button, the following buttons have incremental IDs going column by column and then row by row. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | WidgetType
|-
| colspan="2" | 0=WidgetHidden, 1=WidgetRect, 2=WidgetRoundedRect, 3=WidgetEllipse, 4=VSlider, 5=HSlider, 6=VSliderRound, 7=HSliderRound, 8=Bitmap 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | NumColumns
|-
| colspan="2" | Number of columns of buttons in the array 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | NumRows
|-
| colspan="2" | Number of rows of buttons in the array 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | InitialPositionX
|-
| colspan="2" | X location of the initial button 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | InitialPositionY
|-
| colspan="2" | Y location of the initial button 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | WidgetWidth
|-
| colspan="2" | Widget width in pixels 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | WidgetHeight
|-
| colspan="2" | Widget height in pixels 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | SpacingX
|-
| colspan="2" | Horizontal spacing between the widgets 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | SpacingY
|-
| colspan="2" | Vertical spacing between the widgets 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | LineWidth
|-
| colspan="2" | Number of pixels thick to draw outer border lines 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Colours
|-
| colspan="2" | , Hl Colour RGB [9-11] 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Font
|-
| colspan="2" | Font used for the widgets text 
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | WidgetText
|-
| colspan="2" | A comma seperated text field with the text for each widget e.g. "1,2,3,.." 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | DrawHighlight
|-
| colspan="2" | Draws the highlight on buttons, also used for thumb width on sliders 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===DrawAll===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''DrawAll'''
|-
| colspan="2" | Redraws all of the defined Objects and Widgets. Doesn't draw text, this is done using the SetText macros. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===DrawItem===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''DrawItem'''
|-
| colspan="2" | Draws a single object or Widget onto the display without clearing the display. Doesn't draw text, this is done using the SetText macros. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID
|-
| colspan="2" | Unique ID of the Object or Widget 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===DrawScene===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''DrawScene'''
|-
| colspan="2" | Clears the screen and adds and draws the objects and widgets from the layout editor.  
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | SceneIndex
|-
| colspan="2" | Select which screen to draw. Range: 0 to Scene Count - 1 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===GetLastTouchID===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetLastTouchID'''
|-
| colspan="2" | Gets the ID of the last Widget that returned a valid press via the CheckForTouch macro. Returns 0 for no valid touch recorded. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-s16-icon.png]] - INT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===GetSceneIdx===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetSceneIdx'''
|-
| colspan="2" | Gets the index of the current drawn scene allowing for variable behaviour based on the scene. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===GetSliderValue===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetSliderValue'''
|-
| colspan="2" | Reads the value of one of the sliders ranging between 0 and 1. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | WidgetID
|-
| colspan="2" |  
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===Initialise===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Initialise'''
|-
| colspan="2" | Initialises the object and Widget control variables and sets up the default themes. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ModifyBitmap===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ModifyBitmap'''
|-
| colspan="2" | Allows the bitmap image to be swapped out 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID
|-
| colspan="2" | Object or Widget ID to update 
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | Filename
|-
| colspan="2" | Bitmap filename in 8.3 file format 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | Scaling
|-
| colspan="2" | 0=Native, 1=Stretch 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | Transparancy
|-
| colspan="2" | 0=Disabled, 1=Enabled 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | Redraw
|-
| colspan="2" |  
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ModifyColour===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ModifyColour'''
|-
| colspan="2" | Changes the theme index of the selected Object or Widget. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID
|-
| colspan="2" | Unique ID of the object or Widget 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Index
|-
| colspan="2" | 0=Foreground, 1=Background, 2=TextColour, 3=Highlight(Widgets Only) 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | R
|-
| colspan="2" | Colour Channels 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | G
|-
| colspan="2" | Colour Channels 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | B
|-
| colspan="2" | Colour Channels 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | Redraw
|-
| colspan="2" | Redraws the component straight away in the new colours 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ModifyPosition===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ModifyPosition'''
|-
| colspan="2" | Moves an existing object or Widget to absolute coordinates on the screen. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID
|-
| colspan="2" | Unique ID of the object or Widget 
|-
| width="10%" align="center" | [[File:Fc9-s16-icon.png]] - INT
| width="90%" | X
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-s16-icon.png]] - INT
| width="90%" | Y
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | Relative
|-
| colspan="2" | 0=Absolute Positioning, 1=Relative Positioning 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ModifyScale===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ModifyScale'''
|-
| colspan="2" | Changes the width and height of the selected Object or Widget. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID
|-
| colspan="2" | Unique ID of the object or Widget 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Width
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Height
|-
| colspan="2" |  
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===NoTouch===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''NoTouch'''
|-
| colspan="2" | Called when no touch is present, Allows the repeat rate counter to be cleared allowing for better responses to fast touches. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SetSliderValue===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetSliderValue'''
|-
| colspan="2" | Sets the value of one of the sliders and optionally redraws the slider to reflect the value change. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | WidgetID
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" | Value
|-
| colspan="2" | Range: 0 to 1 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | RedrawSlider
|-
| colspan="2" | 0=Do not redraw, 1=Redraw 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SetTextLabel===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetTextLabel'''
|-
| colspan="2" | Draws a single line of text onto an object or Widget location. Useful for labelling Widgets such as buttons or having name, value statistics. Drawn using the object themes. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID
|-
| colspan="2" | Unique identifier of object or Widget. 
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | Text
|-
| colspan="2" | Text string to set as the label 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Font
|-
| colspan="2" | GLCD Font Index to use 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | HAlignment
|-
| colspan="2" | 0=Left, 1=Center, 2=Right 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | VAlignment
|-
| colspan="2" | 0=Top, 1=Middle, 2=Bottom 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | Transparent
|-
| colspan="2" | 0=Background Colour Drawn, 1=Don't Draw Background Colour 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

==Property reference==

{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
|-
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Graphical Display
|-
| colspan="2" | Graphical Display to draw our objects on 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | DM Library
|-
| colspan="2" | Display Manager compatible GLCD library component. e.g. Bitmap drawer components. 
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Ram Usage Bytes
|-
| colspan="2" | The calculated number of bytes of RAM required by the display manager. 
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Text Align Offset
|-
| colspan="2" | Number of pixels to move away from an edge when calling  
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Background Colour
|-
| colspan="2" | Default background colour to use when clearing the display and applied as the default when creating new display creator scenes. 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Objects
|-
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Max Objects
|-
| colspan="2" | The total number of primitive objects allowed on the screen at once. Sets the size of the RAM buffers used to track the various screen elements. Each object requires 10 bytes of RAM to stores things like size, location and type. 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Widgets
|-
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Max Widgets
|-
| colspan="2" | The total number of touchable interactibe objects allowed on the screen at once e.g. Widgets and sliders. Sets the size of the RAM buffers used to track the various screen elements Each Widget requires 18 bytes of RAM to stores things like size, location, value and type. 
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Touch Repeat Rate
|-
| colspan="2" | Sets the period for touch repeats in terms of calls of the CheckForTouch macro. Widgets will only register a repeat touch after x calls if continually held down. Sliders will always register a touch. The touch count can be cleared using the NoTouch macro if no touch is detected. 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Display Creator
|-
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Enabled
|-
| colspan="2" | Enable the display creator (WYSIWYG) scene panels. 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Settings
|-
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Enable Callbacks
|-
| colspan="2" | Allows the widgets to define their own callback macros to simplify the act of processing touches 
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Scene Count
|-
| colspan="2" | Defines the number of invididual scene layout, display creator scenes available to draw 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Scene Data
|-
|-
| width="10%" align="center" | [[File:Fc9-type-26-icon.png]]
| width="90%" | Scene 0
|-
| colspan="2" |  
|}

==Component Source Code==

Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_Lib_DisplayManager.fcfx FC_Comp_Source_Lib_DisplayManager.fcfx]

Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_Lib_DisplayManager.fcfx FC_Comp_Source_Lib_DisplayManager.fcfx]

Component: Display Manager (Graphical Library)

2026-05-06T09:56:04Z

BenR: /* Flowcode v11 */

{| style="width:50%"
|-
| width="20%" style="color:gray;" | Author
| MatrixTSL
|-
| width="20%" style="color:gray;" | Version
| 24.0
|-
| width="20%" style="color:gray;" | Category
| Graphical Library
|}

==Display Manager component==
A component designed to simplify the process of drawing primitives and text onto a graphical display. Keeps track of coordinates so you don't have to. Also works great as a base layer for gLCD based games as it will check for collisions and perform movement.

==Version information==

Library Version, Component Version, Date, Author, Info
13, 2.0, 22-05-24, BR, Added text alignment options
14, 2.1, 14-06-24, BR, Renamed Button to Widget to better include things like sliders
15, 2.1, 26-07-24, BR, Added SetTextFloat and AddTextNumber macros
16, 2.1, 29-07-24, BR, Renamed Themes to ObjectThemes and WidgetThemes
17, 2.1, 29-07-24, BR, Added CreateTextField macro which automates creating a simple textbox
18, 2.1, 06-08-24, BR, Fixed a problem with updating values, theme, text on IDs
19, 2.1, 06-08-24, BR, Textfield now uses hidden object type instead of rectangle
20, 2.1, 06-08-24, BR, Fixed a problem where slider value could be set with out of range value
21, 2.1, 06-08-24, BR, Fixed problem where SetTextNumber would reset an ESP32
22, 22.0, 19-03-25, MW, Added keypad creation function

==Detailed description==

===Objects===

The component can create the following objects.

*'''Object_Hidden''' - 0 - A hidden area with no graphics.
*'''Object_Rectangle''' - 1 - A simple rectangular box.
*'''Object_Line''' - 2 - A simple straight line.
*'''Object_Ellipse''' - 3 - A simple ellipse or circle.
*'''Object_EllipseFilled''' - 4 - A filled ellipse or circle.
*'''Object_RectangeFilled''' - 5 - A filled rectangular box.

===TextField===

There is also an additional TextField object which consists of an Object_Rectangle that is pre-populated with text.

===Widgets===

The component can also create the following interactive buttons and sliders.

*'''Widget_Hidden''' - 0 - A hidden area with no graphics.
*'''Widget_Rectangle''' - 1 - A rectangular box with a shadow.
*'''Widget_RoundedRectangle''' - 2 - A rounded rectangular box with a shadow.
*'''Widget_Ellipse''' - 3 - A simple ellipse or circle with a shadow.
*'''Widget_VSlider''' - 4 - A vertical slider with a square thumb.
*'''Widget_HSlider''' - 5 - A horizontal slider with a square thumb.
*'''Widget_VSlider_Round''' - 6 - A vertical slider with a round thumb.
*'''Widget_HSlider_Round''' - 7 - A horizontal slider with a round thumb.

The type can be entered by using the component's public constants. Begin with the Display Manager handle name followed by :: and the list of the public variables will be displayed.

For example... '''DisplayManager1::Object_Rectangle''' or '''DisplayManager1::Widget_VSlider'''

===Touch Repeat Rate for Button Widgets===

The Touch Repeat Rate property applies to button based widgets and sets the frequency that a valid touch will be detected for a held button. This is similar to holding down a single key on a keyboard and acts to reduce the frequency of positive button detections when touching the button. For example if you had a button that incremented a value, without the repeat rate the value would increment much faster then anticipated in an uncontrollable manner. When no touch is detected it is recommended to call the NoTouch macro to clear the touch counters and allow a more responsive user experience.

Example of implementing touch repeat rate

[[File:ButtonRepeatRate.jpg]]

==Examples==

===Flowcode v11===

====Video Tutorials====

[https://youtu.be/8pBGSSQuoaI Graphical Display Manager and Layout Editor Part 1]

[https://youtu.be/KM_CKja7wXY Graphical Display Manager and Layout Editor Part 2]

====Converting Flowcode v10 examples====

The v10 examples can also be used in v11 but the functions have changed slightly, now you need to define the colours for each object rather then by setting an overall colour theme. To do this you must create a byte array with the correct number of bytes and then populate the byte array with the colours you wish to use.

===Flowcode v10===

====Basic Example====

An example showing how to use the display manager with a gLCD and a touch interface to create a full HMI.

The example shows how to create a simple menu system as well as a toggle switch and a slider used to control a PWM output.

{{Fcfile|DisplayManagerDemo.fcfx|Display Manager Demo}}

====Keypad Example====

An example showing how you can use the CreateWigitArray component to create a touch keypad for your gLCD.

[[File:Updated__Display_Manager1.png]]

The CreateWidgetArray function macro has a number of parameters to allow high flexibility in what you can create:

[[File:Updated__Display_Manager2.png]]

There are also tooltips for each parameter to help.

[[File:Updated__Display_Manager3.png]]

Note: if you get a unable to run simulation error then make sure you have the latest components downloaded.

How the key touch is detected

The first widget is automatically assigned a unique widget ID e.g. the first widget with text 1 on it is assigned 24.

All the following widgets ID is then incremented from 24, e.g. widget with text 6 on is assigned 24+ 5 = 29.

The widget button pressed can then be calculated from 29 – 24 + 1 = 6.

{{Fcfile|DisplayManager_WidgetArray_Keypad_Example.fcfx|Display Manager Widget Array Keypad Example}}

==Macro reference==

===CheckCollision===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CheckCollision'''
|-
| colspan="2" | Checks to see if two objects bounding boxes are colliding, Useful when implementing 2D games. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID1
|-
| colspan="2" | ID of Object or Widget to check 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID2
|-
| colspan="2" | ID of Object or Widget to check 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===CheckForTouch===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CheckForTouch'''
|-
| colspan="2" | Uses the X and Y coordinates from a touch sensor to check for Widget presses. Returns 0 for no Widgets pressed. Returns ID for a valid Widget press. Any touched slider Widgets will automatically move their thumb and value to the touch position.  
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | X
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Y
|-
| colspan="2" |  
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ClearAll===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ClearAll'''
|-
| colspan="2" | Removes all objects and Widgets from memory. Also clears the screen if required. 
|-
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | ClearScreen
|-
| colspan="2" | 0=Don't clear the screen, 1=Clear the screen 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===CreateObject===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CreateObject'''
|-
| colspan="2" | Define a none touchable graphical object. Returns the Object ID. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | ObjectType
|-
| colspan="2" | 0=Hidden, 1=Rect, 2=RoundedRect, 3=Ellipse, 4=Line, 8=Bitmap 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | X
|-
| colspan="2" | X Pixel Coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Y
|-
| colspan="2" | Y Pixel Coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Width
|-
| colspan="2" | Pixel Width or X Radius 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Height
|-
| colspan="2" | Pixel Height or Y Radius 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | LineWidth
|-
| colspan="2" | Number of pixels thick to draw outer border lines 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Colours
|-
| colspan="2" | Byte array containing FgColour RGB [0-2], Bg Colour RGB [3-5], Text Colour RGB [6-8] 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | DrawObject
|-
| colspan="2" | 0=Do not draw object yet, 1=Draw object now (Does not apply to hidden objects) 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===CreateObjectArray===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CreateObjectArray'''
|-
| colspan="2" | Creates a 2d array of objects that can be used to create things like table data. Returns the ID of the first object, the following objects have incremental IDs going column by column and then row by row. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | ObjectType
|-
| colspan="2" | 0=Hidden, 1=Rect, 2=RoundedRect, 3=Ellipse, 4=Line, 8=Bitmap 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | NumColumns
|-
| colspan="2" | Number of columns of buttons in the array 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | NumRows
|-
| colspan="2" | Number of rows of buttons in the array 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | InitialPositionX
|-
| colspan="2" | X location of the initial button 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | InitialPositionY
|-
| colspan="2" | Y location of the initial button 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ObjectWidth
|-
| colspan="2" | Widget width in pixels 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ObjectHeight
|-
| colspan="2" | Object height in pixels 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | SpacingX
|-
| colspan="2" | Horizontal spacing between the objects 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | SpacingY
|-
| colspan="2" | Vertical spacing between the objects 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | LineWidth
|-
| colspan="2" | Number of pixels thick to draw outer border lines 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Colours
|-
| colspan="2" | Byte array containing FgColour RGB [0-2], Bg Colour RGB [3-5], Text Colour RGB [6-8] 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Font
|-
| colspan="2" | Font used for the widgets text 
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | ObjectText
|-
| colspan="2" | A comma seperated text field with the text for each object e.g. "1,2,3,.." 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===CreateTextField===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CreateTextField'''
|-
| colspan="2" | Creates a text field consisting of a rectangular border containing a single line of text 
|-
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | Text
|-
| colspan="2" | Text string to set as the label 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | X
|-
| colspan="2" | X Pixel Coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Y
|-
| colspan="2" | Y Pixel Coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Width
|-
| colspan="2" | Pixel Width 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Height
|-
| colspan="2" | Pixel Height 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Font
|-
| colspan="2" | GLCD Font Index to use 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Colours
|-
| colspan="2" | Byte array containing FgColour RGB [0-2], Bg Colour RGB [3-5], Text Colour RGB [6-8] 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | HAlignment
|-
| colspan="2" | 0=Left, 1=Center, 2=Right 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | VAlignment
|-
| colspan="2" | 0=Top, 1=Middle, 2=Bottom 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===CreateWidget===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CreateWidget'''
|-
| colspan="2" | Define an interactive Widget or slider. Returns the Widget ID. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | WidgetType
|-
| colspan="2" | 0=WidgetHidden, 1=WidgetRect, 2=WidgetRoundedRect, 3=WidgetEllipse, 4=VSlider, 5=HSlider, 6=VSliderRound, 7=HSliderRound, 8=Bitmap 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | X
|-
| colspan="2" | X Pixel Coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Y
|-
| colspan="2" | Y Pixel Coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Width
|-
| colspan="2" | Pixel Width or X Radius 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Height
|-
| colspan="2" | Pixel Height or Y Radius 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | LineWidth
|-
| colspan="2" | Number of pixels thick to draw outer border lines 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Colours
|-
| colspan="2" | Byte array containing FgColour RGB [0-2], Bg Colour RGB [3-5], Text Colour RGB [6-8], Hl Colour RGB [9-11] 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | DrawHighlight
|-
| colspan="2" | Draws the highlight on buttons, also used for thumb width on sliders 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | DrawWidget
|-
| colspan="2" | 0=Do not draw Widget yet, 1=Draw Widget now (Does not apply to hidden widgets) 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===CreateWidgetArray===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CreateWidgetArray'''
|-
| colspan="2" | Creates a 2d array of buttons that can be used to create things like keypads. Returns the ID of the first button, the following buttons have incremental IDs going column by column and then row by row. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | WidgetType
|-
| colspan="2" | 0=WidgetHidden, 1=WidgetRect, 2=WidgetRoundedRect, 3=WidgetEllipse, 4=VSlider, 5=HSlider, 6=VSliderRound, 7=HSliderRound, 8=Bitmap 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | NumColumns
|-
| colspan="2" | Number of columns of buttons in the array 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | NumRows
|-
| colspan="2" | Number of rows of buttons in the array 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | InitialPositionX
|-
| colspan="2" | X location of the initial button 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | InitialPositionY
|-
| colspan="2" | Y location of the initial button 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | WidgetWidth
|-
| colspan="2" | Widget width in pixels 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | WidgetHeight
|-
| colspan="2" | Widget height in pixels 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | SpacingX
|-
| colspan="2" | Horizontal spacing between the widgets 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | SpacingY
|-
| colspan="2" | Vertical spacing between the widgets 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | LineWidth
|-
| colspan="2" | Number of pixels thick to draw outer border lines 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Colours
|-
| colspan="2" | , Hl Colour RGB [9-11] 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Font
|-
| colspan="2" | Font used for the widgets text 
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | WidgetText
|-
| colspan="2" | A comma seperated text field with the text for each widget e.g. "1,2,3,.." 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | DrawHighlight
|-
| colspan="2" | Draws the highlight on buttons, also used for thumb width on sliders 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===DrawAll===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''DrawAll'''
|-
| colspan="2" | Redraws all of the defined Objects and Widgets. Doesn't draw text, this is done using the SetText macros. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===DrawItem===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''DrawItem'''
|-
| colspan="2" | Draws a single object or Widget onto the display without clearing the display. Doesn't draw text, this is done using the SetText macros. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID
|-
| colspan="2" | Unique ID of the Object or Widget 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===DrawScene===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''DrawScene'''
|-
| colspan="2" | Clears the screen and adds and draws the objects and widgets from the layout editor.  
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | SceneIndex
|-
| colspan="2" | Select which screen to draw. Range: 0 to Scene Count - 1 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===GetLastTouchID===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetLastTouchID'''
|-
| colspan="2" | Gets the ID of the last Widget that returned a valid press via the CheckForTouch macro. Returns 0 for no valid touch recorded. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-s16-icon.png]] - INT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===GetSceneIdx===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetSceneIdx'''
|-
| colspan="2" | Gets the index of the current drawn scene allowing for variable behaviour based on the scene. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===GetSliderValue===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetSliderValue'''
|-
| colspan="2" | Reads the value of one of the sliders ranging between 0 and 1. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | WidgetID
|-
| colspan="2" |  
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===Initialise===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Initialise'''
|-
| colspan="2" | Initialises the object and Widget control variables and sets up the default themes. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ModifyBitmap===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ModifyBitmap'''
|-
| colspan="2" | Allows the bitmap image to be swapped out 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID
|-
| colspan="2" | Object or Widget ID to update 
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | Filename
|-
| colspan="2" | Bitmap filename in 8.3 file format 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | Scaling
|-
| colspan="2" | 0=Native, 1=Stretch 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | Transparancy
|-
| colspan="2" | 0=Disabled, 1=Enabled 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | Redraw
|-
| colspan="2" |  
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ModifyColour===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ModifyColour'''
|-
| colspan="2" | Changes the theme index of the selected Object or Widget. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID
|-
| colspan="2" | Unique ID of the object or Widget 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Index
|-
| colspan="2" | 0=Foreground, 1=Background, 2=TextColour, 3=Highlight(Widgets Only) 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | R
|-
| colspan="2" | Colour Channels 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | G
|-
| colspan="2" | Colour Channels 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | B
|-
| colspan="2" | Colour Channels 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | Redraw
|-
| colspan="2" | Redraws the component straight away in the new colours 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ModifyPosition===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ModifyPosition'''
|-
| colspan="2" | Moves an existing object or Widget to absolute coordinates on the screen. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID
|-
| colspan="2" | Unique ID of the object or Widget 
|-
| width="10%" align="center" | [[File:Fc9-s16-icon.png]] - INT
| width="90%" | X
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-s16-icon.png]] - INT
| width="90%" | Y
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | Relative
|-
| colspan="2" | 0=Absolute Positioning, 1=Relative Positioning 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ModifyScale===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ModifyScale'''
|-
| colspan="2" | Changes the width and height of the selected Object or Widget. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID
|-
| colspan="2" | Unique ID of the object or Widget 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Width
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Height
|-
| colspan="2" |  
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===NoTouch===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''NoTouch'''
|-
| colspan="2" | Called when no touch is present, Allows the repeat rate counter to be cleared allowing for better responses to fast touches. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SetSliderValue===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetSliderValue'''
|-
| colspan="2" | Sets the value of one of the sliders and optionally redraws the slider to reflect the value change. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | WidgetID
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" | Value
|-
| colspan="2" | Range: 0 to 1 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | RedrawSlider
|-
| colspan="2" | 0=Do not redraw, 1=Redraw 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SetTextLabel===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetTextLabel'''
|-
| colspan="2" | Draws a single line of text onto an object or Widget location. Useful for labelling Widgets such as buttons or having name, value statistics. Drawn using the object themes. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID
|-
| colspan="2" | Unique identifier of object or Widget. 
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | Text
|-
| colspan="2" | Text string to set as the label 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Font
|-
| colspan="2" | GLCD Font Index to use 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | HAlignment
|-
| colspan="2" | 0=Left, 1=Center, 2=Right 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | VAlignment
|-
| colspan="2" | 0=Top, 1=Middle, 2=Bottom 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | Transparent
|-
| colspan="2" | 0=Background Colour Drawn, 1=Don't Draw Background Colour 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

==Property reference==

{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
|-
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Graphical Display
|-
| colspan="2" | Graphical Display to draw our objects on 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | DM Library
|-
| colspan="2" | Display Manager compatible GLCD library component. e.g. Bitmap drawer components. 
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Ram Usage Bytes
|-
| colspan="2" | The calculated number of bytes of RAM required by the display manager. 
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Text Align Offset
|-
| colspan="2" | Number of pixels to move away from an edge when calling  
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Background Colour
|-
| colspan="2" | Default background colour to use when clearing the display and applied as the default when creating new display creator scenes. 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Objects
|-
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Max Objects
|-
| colspan="2" | The total number of primitive objects allowed on the screen at once. Sets the size of the RAM buffers used to track the various screen elements. Each object requires 10 bytes of RAM to stores things like size, location and type. 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Widgets
|-
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Max Widgets
|-
| colspan="2" | The total number of touchable interactibe objects allowed on the screen at once e.g. Widgets and sliders. Sets the size of the RAM buffers used to track the various screen elements Each Widget requires 18 bytes of RAM to stores things like size, location, value and type. 
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Touch Repeat Rate
|-
| colspan="2" | Sets the period for touch repeats in terms of calls of the CheckForTouch macro. Widgets will only register a repeat touch after x calls if continually held down. Sliders will always register a touch. The touch count can be cleared using the NoTouch macro if no touch is detected. 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Display Creator
|-
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Enabled
|-
| colspan="2" | Enable the display creator (WYSIWYG) scene panels. 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Settings
|-
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Enable Callbacks
|-
| colspan="2" | Allows the widgets to define their own callback macros to simplify the act of processing touches 
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Scene Count
|-
| colspan="2" | Defines the number of invididual scene layout, display creator scenes available to draw 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Scene Data
|-
|-
| width="10%" align="center" | [[File:Fc9-type-26-icon.png]]
| width="90%" | Scene 0
|-
| colspan="2" |  
|}

==Component Source Code==

Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_Lib_DisplayManager.fcfx FC_Comp_Source_Lib_DisplayManager.fcfx]

Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_Lib_DisplayManager.fcfx FC_Comp_Source_Lib_DisplayManager.fcfx]

Component: Display Manager (Graphical Library)

2026-05-06T09:54:29Z

BenR: /* Flowcode v11 */

{| style="width:50%"
|-
| width="20%" style="color:gray;" | Author
| MatrixTSL
|-
| width="20%" style="color:gray;" | Version
| 24.0
|-
| width="20%" style="color:gray;" | Category
| Graphical Library
|}

==Display Manager component==
A component designed to simplify the process of drawing primitives and text onto a graphical display. Keeps track of coordinates so you don't have to. Also works great as a base layer for gLCD based games as it will check for collisions and perform movement.

==Version information==

Library Version, Component Version, Date, Author, Info
13, 2.0, 22-05-24, BR, Added text alignment options
14, 2.1, 14-06-24, BR, Renamed Button to Widget to better include things like sliders
15, 2.1, 26-07-24, BR, Added SetTextFloat and AddTextNumber macros
16, 2.1, 29-07-24, BR, Renamed Themes to ObjectThemes and WidgetThemes
17, 2.1, 29-07-24, BR, Added CreateTextField macro which automates creating a simple textbox
18, 2.1, 06-08-24, BR, Fixed a problem with updating values, theme, text on IDs
19, 2.1, 06-08-24, BR, Textfield now uses hidden object type instead of rectangle
20, 2.1, 06-08-24, BR, Fixed a problem where slider value could be set with out of range value
21, 2.1, 06-08-24, BR, Fixed problem where SetTextNumber would reset an ESP32
22, 22.0, 19-03-25, MW, Added keypad creation function

==Detailed description==

===Objects===

The component can create the following objects.

*'''Object_Hidden''' - 0 - A hidden area with no graphics.
*'''Object_Rectangle''' - 1 - A simple rectangular box.
*'''Object_Line''' - 2 - A simple straight line.
*'''Object_Ellipse''' - 3 - A simple ellipse or circle.
*'''Object_EllipseFilled''' - 4 - A filled ellipse or circle.
*'''Object_RectangeFilled''' - 5 - A filled rectangular box.

===TextField===

There is also an additional TextField object which consists of an Object_Rectangle that is pre-populated with text.

===Widgets===

The component can also create the following interactive buttons and sliders.

*'''Widget_Hidden''' - 0 - A hidden area with no graphics.
*'''Widget_Rectangle''' - 1 - A rectangular box with a shadow.
*'''Widget_RoundedRectangle''' - 2 - A rounded rectangular box with a shadow.
*'''Widget_Ellipse''' - 3 - A simple ellipse or circle with a shadow.
*'''Widget_VSlider''' - 4 - A vertical slider with a square thumb.
*'''Widget_HSlider''' - 5 - A horizontal slider with a square thumb.
*'''Widget_VSlider_Round''' - 6 - A vertical slider with a round thumb.
*'''Widget_HSlider_Round''' - 7 - A horizontal slider with a round thumb.

The type can be entered by using the component's public constants. Begin with the Display Manager handle name followed by :: and the list of the public variables will be displayed.

For example... '''DisplayManager1::Object_Rectangle''' or '''DisplayManager1::Widget_VSlider'''

===Touch Repeat Rate for Button Widgets===

The Touch Repeat Rate property applies to button based widgets and sets the frequency that a valid touch will be detected for a held button. This is similar to holding down a single key on a keyboard and acts to reduce the frequency of positive button detections when touching the button. For example if you had a button that incremented a value, without the repeat rate the value would increment much faster then anticipated in an uncontrollable manner. When no touch is detected it is recommended to call the NoTouch macro to clear the touch counters and allow a more responsive user experience.

Example of implementing touch repeat rate

[[File:ButtonRepeatRate.jpg]]

==Examples==

===Flowcode v11===

====Video Tutorials====

[https://youtu.be/8pBGSSQuoaI Graphical Display Manager and Layout Editor Part 1]

[https://youtu.be/KM_CKja7wXY Graphical Display Manager and Layout Editor Part 2]

===Flowcode v10===

====Basic Example====

An example showing how to use the display manager with a gLCD and a touch interface to create a full HMI.

The example shows how to create a simple menu system as well as a toggle switch and a slider used to control a PWM output.

{{Fcfile|DisplayManagerDemo.fcfx|Display Manager Demo}}

====Keypad Example====

An example showing how you can use the CreateWigitArray component to create a touch keypad for your gLCD.

[[File:Updated__Display_Manager1.png]]

The CreateWidgetArray function macro has a number of parameters to allow high flexibility in what you can create:

[[File:Updated__Display_Manager2.png]]

There are also tooltips for each parameter to help.

[[File:Updated__Display_Manager3.png]]

Note: if you get a unable to run simulation error then make sure you have the latest components downloaded.

How the key touch is detected

The first widget is automatically assigned a unique widget ID e.g. the first widget with text 1 on it is assigned 24.

All the following widgets ID is then incremented from 24, e.g. widget with text 6 on is assigned 24+ 5 = 29.

The widget button pressed can then be calculated from 29 – 24 + 1 = 6.

{{Fcfile|DisplayManager_WidgetArray_Keypad_Example.fcfx|Display Manager Widget Array Keypad Example}}

==Macro reference==

===CheckCollision===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CheckCollision'''
|-
| colspan="2" | Checks to see if two objects bounding boxes are colliding, Useful when implementing 2D games. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID1
|-
| colspan="2" | ID of Object or Widget to check 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID2
|-
| colspan="2" | ID of Object or Widget to check 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===CheckForTouch===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CheckForTouch'''
|-
| colspan="2" | Uses the X and Y coordinates from a touch sensor to check for Widget presses. Returns 0 for no Widgets pressed. Returns ID for a valid Widget press. Any touched slider Widgets will automatically move their thumb and value to the touch position.  
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | X
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Y
|-
| colspan="2" |  
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ClearAll===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ClearAll'''
|-
| colspan="2" | Removes all objects and Widgets from memory. Also clears the screen if required. 
|-
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | ClearScreen
|-
| colspan="2" | 0=Don't clear the screen, 1=Clear the screen 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===CreateObject===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CreateObject'''
|-
| colspan="2" | Define a none touchable graphical object. Returns the Object ID. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | ObjectType
|-
| colspan="2" | 0=Hidden, 1=Rect, 2=RoundedRect, 3=Ellipse, 4=Line, 8=Bitmap 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | X
|-
| colspan="2" | X Pixel Coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Y
|-
| colspan="2" | Y Pixel Coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Width
|-
| colspan="2" | Pixel Width or X Radius 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Height
|-
| colspan="2" | Pixel Height or Y Radius 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | LineWidth
|-
| colspan="2" | Number of pixels thick to draw outer border lines 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Colours
|-
| colspan="2" | Byte array containing FgColour RGB [0-2], Bg Colour RGB [3-5], Text Colour RGB [6-8] 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | DrawObject
|-
| colspan="2" | 0=Do not draw object yet, 1=Draw object now (Does not apply to hidden objects) 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===CreateObjectArray===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CreateObjectArray'''
|-
| colspan="2" | Creates a 2d array of objects that can be used to create things like table data. Returns the ID of the first object, the following objects have incremental IDs going column by column and then row by row. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | ObjectType
|-
| colspan="2" | 0=Hidden, 1=Rect, 2=RoundedRect, 3=Ellipse, 4=Line, 8=Bitmap 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | NumColumns
|-
| colspan="2" | Number of columns of buttons in the array 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | NumRows
|-
| colspan="2" | Number of rows of buttons in the array 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | InitialPositionX
|-
| colspan="2" | X location of the initial button 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | InitialPositionY
|-
| colspan="2" | Y location of the initial button 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ObjectWidth
|-
| colspan="2" | Widget width in pixels 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ObjectHeight
|-
| colspan="2" | Object height in pixels 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | SpacingX
|-
| colspan="2" | Horizontal spacing between the objects 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | SpacingY
|-
| colspan="2" | Vertical spacing between the objects 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | LineWidth
|-
| colspan="2" | Number of pixels thick to draw outer border lines 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Colours
|-
| colspan="2" | Byte array containing FgColour RGB [0-2], Bg Colour RGB [3-5], Text Colour RGB [6-8] 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Font
|-
| colspan="2" | Font used for the widgets text 
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | ObjectText
|-
| colspan="2" | A comma seperated text field with the text for each object e.g. "1,2,3,.." 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===CreateTextField===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CreateTextField'''
|-
| colspan="2" | Creates a text field consisting of a rectangular border containing a single line of text 
|-
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | Text
|-
| colspan="2" | Text string to set as the label 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | X
|-
| colspan="2" | X Pixel Coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Y
|-
| colspan="2" | Y Pixel Coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Width
|-
| colspan="2" | Pixel Width 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Height
|-
| colspan="2" | Pixel Height 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Font
|-
| colspan="2" | GLCD Font Index to use 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Colours
|-
| colspan="2" | Byte array containing FgColour RGB [0-2], Bg Colour RGB [3-5], Text Colour RGB [6-8] 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | HAlignment
|-
| colspan="2" | 0=Left, 1=Center, 2=Right 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | VAlignment
|-
| colspan="2" | 0=Top, 1=Middle, 2=Bottom 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===CreateWidget===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CreateWidget'''
|-
| colspan="2" | Define an interactive Widget or slider. Returns the Widget ID. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | WidgetType
|-
| colspan="2" | 0=WidgetHidden, 1=WidgetRect, 2=WidgetRoundedRect, 3=WidgetEllipse, 4=VSlider, 5=HSlider, 6=VSliderRound, 7=HSliderRound, 8=Bitmap 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | X
|-
| colspan="2" | X Pixel Coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Y
|-
| colspan="2" | Y Pixel Coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Width
|-
| colspan="2" | Pixel Width or X Radius 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Height
|-
| colspan="2" | Pixel Height or Y Radius 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | LineWidth
|-
| colspan="2" | Number of pixels thick to draw outer border lines 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Colours
|-
| colspan="2" | Byte array containing FgColour RGB [0-2], Bg Colour RGB [3-5], Text Colour RGB [6-8], Hl Colour RGB [9-11] 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | DrawHighlight
|-
| colspan="2" | Draws the highlight on buttons, also used for thumb width on sliders 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | DrawWidget
|-
| colspan="2" | 0=Do not draw Widget yet, 1=Draw Widget now (Does not apply to hidden widgets) 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===CreateWidgetArray===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CreateWidgetArray'''
|-
| colspan="2" | Creates a 2d array of buttons that can be used to create things like keypads. Returns the ID of the first button, the following buttons have incremental IDs going column by column and then row by row. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | WidgetType
|-
| colspan="2" | 0=WidgetHidden, 1=WidgetRect, 2=WidgetRoundedRect, 3=WidgetEllipse, 4=VSlider, 5=HSlider, 6=VSliderRound, 7=HSliderRound, 8=Bitmap 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | NumColumns
|-
| colspan="2" | Number of columns of buttons in the array 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | NumRows
|-
| colspan="2" | Number of rows of buttons in the array 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | InitialPositionX
|-
| colspan="2" | X location of the initial button 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | InitialPositionY
|-
| colspan="2" | Y location of the initial button 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | WidgetWidth
|-
| colspan="2" | Widget width in pixels 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | WidgetHeight
|-
| colspan="2" | Widget height in pixels 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | SpacingX
|-
| colspan="2" | Horizontal spacing between the widgets 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | SpacingY
|-
| colspan="2" | Vertical spacing between the widgets 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | LineWidth
|-
| colspan="2" | Number of pixels thick to draw outer border lines 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Colours
|-
| colspan="2" | , Hl Colour RGB [9-11] 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Font
|-
| colspan="2" | Font used for the widgets text 
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | WidgetText
|-
| colspan="2" | A comma seperated text field with the text for each widget e.g. "1,2,3,.." 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | DrawHighlight
|-
| colspan="2" | Draws the highlight on buttons, also used for thumb width on sliders 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===DrawAll===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''DrawAll'''
|-
| colspan="2" | Redraws all of the defined Objects and Widgets. Doesn't draw text, this is done using the SetText macros. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===DrawItem===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''DrawItem'''
|-
| colspan="2" | Draws a single object or Widget onto the display without clearing the display. Doesn't draw text, this is done using the SetText macros. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID
|-
| colspan="2" | Unique ID of the Object or Widget 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===DrawScene===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''DrawScene'''
|-
| colspan="2" | Clears the screen and adds and draws the objects and widgets from the layout editor.  
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | SceneIndex
|-
| colspan="2" | Select which screen to draw. Range: 0 to Scene Count - 1 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===GetLastTouchID===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetLastTouchID'''
|-
| colspan="2" | Gets the ID of the last Widget that returned a valid press via the CheckForTouch macro. Returns 0 for no valid touch recorded. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-s16-icon.png]] - INT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===GetSceneIdx===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetSceneIdx'''
|-
| colspan="2" | Gets the index of the current drawn scene allowing for variable behaviour based on the scene. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===GetSliderValue===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetSliderValue'''
|-
| colspan="2" | Reads the value of one of the sliders ranging between 0 and 1. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | WidgetID
|-
| colspan="2" |  
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===Initialise===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Initialise'''
|-
| colspan="2" | Initialises the object and Widget control variables and sets up the default themes. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ModifyBitmap===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ModifyBitmap'''
|-
| colspan="2" | Allows the bitmap image to be swapped out 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID
|-
| colspan="2" | Object or Widget ID to update 
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | Filename
|-
| colspan="2" | Bitmap filename in 8.3 file format 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | Scaling
|-
| colspan="2" | 0=Native, 1=Stretch 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | Transparancy
|-
| colspan="2" | 0=Disabled, 1=Enabled 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | Redraw
|-
| colspan="2" |  
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ModifyColour===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ModifyColour'''
|-
| colspan="2" | Changes the theme index of the selected Object or Widget. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID
|-
| colspan="2" | Unique ID of the object or Widget 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Index
|-
| colspan="2" | 0=Foreground, 1=Background, 2=TextColour, 3=Highlight(Widgets Only) 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | R
|-
| colspan="2" | Colour Channels 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | G
|-
| colspan="2" | Colour Channels 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | B
|-
| colspan="2" | Colour Channels 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | Redraw
|-
| colspan="2" | Redraws the component straight away in the new colours 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ModifyPosition===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ModifyPosition'''
|-
| colspan="2" | Moves an existing object or Widget to absolute coordinates on the screen. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID
|-
| colspan="2" | Unique ID of the object or Widget 
|-
| width="10%" align="center" | [[File:Fc9-s16-icon.png]] - INT
| width="90%" | X
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-s16-icon.png]] - INT
| width="90%" | Y
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | Relative
|-
| colspan="2" | 0=Absolute Positioning, 1=Relative Positioning 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ModifyScale===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ModifyScale'''
|-
| colspan="2" | Changes the width and height of the selected Object or Widget. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID
|-
| colspan="2" | Unique ID of the object or Widget 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Width
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Height
|-
| colspan="2" |  
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===NoTouch===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''NoTouch'''
|-
| colspan="2" | Called when no touch is present, Allows the repeat rate counter to be cleared allowing for better responses to fast touches. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SetSliderValue===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetSliderValue'''
|-
| colspan="2" | Sets the value of one of the sliders and optionally redraws the slider to reflect the value change. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | WidgetID
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" | Value
|-
| colspan="2" | Range: 0 to 1 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | RedrawSlider
|-
| colspan="2" | 0=Do not redraw, 1=Redraw 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SetTextLabel===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetTextLabel'''
|-
| colspan="2" | Draws a single line of text onto an object or Widget location. Useful for labelling Widgets such as buttons or having name, value statistics. Drawn using the object themes. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID
|-
| colspan="2" | Unique identifier of object or Widget. 
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | Text
|-
| colspan="2" | Text string to set as the label 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Font
|-
| colspan="2" | GLCD Font Index to use 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | HAlignment
|-
| colspan="2" | 0=Left, 1=Center, 2=Right 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | VAlignment
|-
| colspan="2" | 0=Top, 1=Middle, 2=Bottom 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | Transparent
|-
| colspan="2" | 0=Background Colour Drawn, 1=Don't Draw Background Colour 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

==Property reference==

{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
|-
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Graphical Display
|-
| colspan="2" | Graphical Display to draw our objects on 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | DM Library
|-
| colspan="2" | Display Manager compatible GLCD library component. e.g. Bitmap drawer components. 
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Ram Usage Bytes
|-
| colspan="2" | The calculated number of bytes of RAM required by the display manager. 
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Text Align Offset
|-
| colspan="2" | Number of pixels to move away from an edge when calling  
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Background Colour
|-
| colspan="2" | Default background colour to use when clearing the display and applied as the default when creating new display creator scenes. 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Objects
|-
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Max Objects
|-
| colspan="2" | The total number of primitive objects allowed on the screen at once. Sets the size of the RAM buffers used to track the various screen elements. Each object requires 10 bytes of RAM to stores things like size, location and type. 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Widgets
|-
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Max Widgets
|-
| colspan="2" | The total number of touchable interactibe objects allowed on the screen at once e.g. Widgets and sliders. Sets the size of the RAM buffers used to track the various screen elements Each Widget requires 18 bytes of RAM to stores things like size, location, value and type. 
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Touch Repeat Rate
|-
| colspan="2" | Sets the period for touch repeats in terms of calls of the CheckForTouch macro. Widgets will only register a repeat touch after x calls if continually held down. Sliders will always register a touch. The touch count can be cleared using the NoTouch macro if no touch is detected. 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Display Creator
|-
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Enabled
|-
| colspan="2" | Enable the display creator (WYSIWYG) scene panels. 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Settings
|-
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Enable Callbacks
|-
| colspan="2" | Allows the widgets to define their own callback macros to simplify the act of processing touches 
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Scene Count
|-
| colspan="2" | Defines the number of invididual scene layout, display creator scenes available to draw 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Scene Data
|-
|-
| width="10%" align="center" | [[File:Fc9-type-26-icon.png]]
| width="90%" | Scene 0
|-
| colspan="2" |  
|}

==Component Source Code==

Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_Lib_DisplayManager.fcfx FC_Comp_Source_Lib_DisplayManager.fcfx]

Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_Lib_DisplayManager.fcfx FC_Comp_Source_Lib_DisplayManager.fcfx]

Component: Display Manager (Graphical Library)

2026-05-06T09:54:03Z

BenR:

{| style="width:50%"
|-
| width="20%" style="color:gray;" | Author
| MatrixTSL
|-
| width="20%" style="color:gray;" | Version
| 24.0
|-
| width="20%" style="color:gray;" | Category
| Graphical Library
|}

==Display Manager component==
A component designed to simplify the process of drawing primitives and text onto a graphical display. Keeps track of coordinates so you don't have to. Also works great as a base layer for gLCD based games as it will check for collisions and perform movement.

==Version information==

Library Version, Component Version, Date, Author, Info
13, 2.0, 22-05-24, BR, Added text alignment options
14, 2.1, 14-06-24, BR, Renamed Button to Widget to better include things like sliders
15, 2.1, 26-07-24, BR, Added SetTextFloat and AddTextNumber macros
16, 2.1, 29-07-24, BR, Renamed Themes to ObjectThemes and WidgetThemes
17, 2.1, 29-07-24, BR, Added CreateTextField macro which automates creating a simple textbox
18, 2.1, 06-08-24, BR, Fixed a problem with updating values, theme, text on IDs
19, 2.1, 06-08-24, BR, Textfield now uses hidden object type instead of rectangle
20, 2.1, 06-08-24, BR, Fixed a problem where slider value could be set with out of range value
21, 2.1, 06-08-24, BR, Fixed problem where SetTextNumber would reset an ESP32
22, 22.0, 19-03-25, MW, Added keypad creation function

==Detailed description==

===Objects===

The component can create the following objects.

*'''Object_Hidden''' - 0 - A hidden area with no graphics.
*'''Object_Rectangle''' - 1 - A simple rectangular box.
*'''Object_Line''' - 2 - A simple straight line.
*'''Object_Ellipse''' - 3 - A simple ellipse or circle.
*'''Object_EllipseFilled''' - 4 - A filled ellipse or circle.
*'''Object_RectangeFilled''' - 5 - A filled rectangular box.

===TextField===

There is also an additional TextField object which consists of an Object_Rectangle that is pre-populated with text.

===Widgets===

The component can also create the following interactive buttons and sliders.

*'''Widget_Hidden''' - 0 - A hidden area with no graphics.
*'''Widget_Rectangle''' - 1 - A rectangular box with a shadow.
*'''Widget_RoundedRectangle''' - 2 - A rounded rectangular box with a shadow.
*'''Widget_Ellipse''' - 3 - A simple ellipse or circle with a shadow.
*'''Widget_VSlider''' - 4 - A vertical slider with a square thumb.
*'''Widget_HSlider''' - 5 - A horizontal slider with a square thumb.
*'''Widget_VSlider_Round''' - 6 - A vertical slider with a round thumb.
*'''Widget_HSlider_Round''' - 7 - A horizontal slider with a round thumb.

The type can be entered by using the component's public constants. Begin with the Display Manager handle name followed by :: and the list of the public variables will be displayed.

For example... '''DisplayManager1::Object_Rectangle''' or '''DisplayManager1::Widget_VSlider'''

===Touch Repeat Rate for Button Widgets===

The Touch Repeat Rate property applies to button based widgets and sets the frequency that a valid touch will be detected for a held button. This is similar to holding down a single key on a keyboard and acts to reduce the frequency of positive button detections when touching the button. For example if you had a button that incremented a value, without the repeat rate the value would increment much faster then anticipated in an uncontrollable manner. When no touch is detected it is recommended to call the NoTouch macro to clear the touch counters and allow a more responsive user experience.

Example of implementing touch repeat rate

[[File:ButtonRepeatRate.jpg]]

==Examples==

===Flowcode v11===

====Video Tutorials====

[https://youtu.be/8pBGSSQuoaI Graphical Display Manager and Layout Editor Part 1]

[https://www.youtu.be/KM_CKja7wXY Graphical Display Manager and Layout Editor Part 2]

===Flowcode v10===

====Basic Example====

An example showing how to use the display manager with a gLCD and a touch interface to create a full HMI.

The example shows how to create a simple menu system as well as a toggle switch and a slider used to control a PWM output.

{{Fcfile|DisplayManagerDemo.fcfx|Display Manager Demo}}

====Keypad Example====

An example showing how you can use the CreateWigitArray component to create a touch keypad for your gLCD.

[[File:Updated__Display_Manager1.png]]

The CreateWidgetArray function macro has a number of parameters to allow high flexibility in what you can create:

[[File:Updated__Display_Manager2.png]]

There are also tooltips for each parameter to help.

[[File:Updated__Display_Manager3.png]]

Note: if you get a unable to run simulation error then make sure you have the latest components downloaded.

How the key touch is detected

The first widget is automatically assigned a unique widget ID e.g. the first widget with text 1 on it is assigned 24.

All the following widgets ID is then incremented from 24, e.g. widget with text 6 on is assigned 24+ 5 = 29.

The widget button pressed can then be calculated from 29 – 24 + 1 = 6.

{{Fcfile|DisplayManager_WidgetArray_Keypad_Example.fcfx|Display Manager Widget Array Keypad Example}}

==Macro reference==

===CheckCollision===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CheckCollision'''
|-
| colspan="2" | Checks to see if two objects bounding boxes are colliding, Useful when implementing 2D games. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID1
|-
| colspan="2" | ID of Object or Widget to check 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID2
|-
| colspan="2" | ID of Object or Widget to check 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===CheckForTouch===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CheckForTouch'''
|-
| colspan="2" | Uses the X and Y coordinates from a touch sensor to check for Widget presses. Returns 0 for no Widgets pressed. Returns ID for a valid Widget press. Any touched slider Widgets will automatically move their thumb and value to the touch position.  
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | X
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Y
|-
| colspan="2" |  
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ClearAll===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ClearAll'''
|-
| colspan="2" | Removes all objects and Widgets from memory. Also clears the screen if required. 
|-
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | ClearScreen
|-
| colspan="2" | 0=Don't clear the screen, 1=Clear the screen 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===CreateObject===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CreateObject'''
|-
| colspan="2" | Define a none touchable graphical object. Returns the Object ID. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | ObjectType
|-
| colspan="2" | 0=Hidden, 1=Rect, 2=RoundedRect, 3=Ellipse, 4=Line, 8=Bitmap 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | X
|-
| colspan="2" | X Pixel Coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Y
|-
| colspan="2" | Y Pixel Coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Width
|-
| colspan="2" | Pixel Width or X Radius 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Height
|-
| colspan="2" | Pixel Height or Y Radius 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | LineWidth
|-
| colspan="2" | Number of pixels thick to draw outer border lines 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Colours
|-
| colspan="2" | Byte array containing FgColour RGB [0-2], Bg Colour RGB [3-5], Text Colour RGB [6-8] 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | DrawObject
|-
| colspan="2" | 0=Do not draw object yet, 1=Draw object now (Does not apply to hidden objects) 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===CreateObjectArray===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CreateObjectArray'''
|-
| colspan="2" | Creates a 2d array of objects that can be used to create things like table data. Returns the ID of the first object, the following objects have incremental IDs going column by column and then row by row. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | ObjectType
|-
| colspan="2" | 0=Hidden, 1=Rect, 2=RoundedRect, 3=Ellipse, 4=Line, 8=Bitmap 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | NumColumns
|-
| colspan="2" | Number of columns of buttons in the array 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | NumRows
|-
| colspan="2" | Number of rows of buttons in the array 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | InitialPositionX
|-
| colspan="2" | X location of the initial button 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | InitialPositionY
|-
| colspan="2" | Y location of the initial button 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ObjectWidth
|-
| colspan="2" | Widget width in pixels 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ObjectHeight
|-
| colspan="2" | Object height in pixels 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | SpacingX
|-
| colspan="2" | Horizontal spacing between the objects 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | SpacingY
|-
| colspan="2" | Vertical spacing between the objects 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | LineWidth
|-
| colspan="2" | Number of pixels thick to draw outer border lines 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Colours
|-
| colspan="2" | Byte array containing FgColour RGB [0-2], Bg Colour RGB [3-5], Text Colour RGB [6-8] 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Font
|-
| colspan="2" | Font used for the widgets text 
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | ObjectText
|-
| colspan="2" | A comma seperated text field with the text for each object e.g. "1,2,3,.." 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===CreateTextField===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CreateTextField'''
|-
| colspan="2" | Creates a text field consisting of a rectangular border containing a single line of text 
|-
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | Text
|-
| colspan="2" | Text string to set as the label 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | X
|-
| colspan="2" | X Pixel Coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Y
|-
| colspan="2" | Y Pixel Coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Width
|-
| colspan="2" | Pixel Width 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Height
|-
| colspan="2" | Pixel Height 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Font
|-
| colspan="2" | GLCD Font Index to use 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Colours
|-
| colspan="2" | Byte array containing FgColour RGB [0-2], Bg Colour RGB [3-5], Text Colour RGB [6-8] 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | HAlignment
|-
| colspan="2" | 0=Left, 1=Center, 2=Right 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | VAlignment
|-
| colspan="2" | 0=Top, 1=Middle, 2=Bottom 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===CreateWidget===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CreateWidget'''
|-
| colspan="2" | Define an interactive Widget or slider. Returns the Widget ID. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | WidgetType
|-
| colspan="2" | 0=WidgetHidden, 1=WidgetRect, 2=WidgetRoundedRect, 3=WidgetEllipse, 4=VSlider, 5=HSlider, 6=VSliderRound, 7=HSliderRound, 8=Bitmap 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | X
|-
| colspan="2" | X Pixel Coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Y
|-
| colspan="2" | Y Pixel Coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Width
|-
| colspan="2" | Pixel Width or X Radius 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Height
|-
| colspan="2" | Pixel Height or Y Radius 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | LineWidth
|-
| colspan="2" | Number of pixels thick to draw outer border lines 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Colours
|-
| colspan="2" | Byte array containing FgColour RGB [0-2], Bg Colour RGB [3-5], Text Colour RGB [6-8], Hl Colour RGB [9-11] 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | DrawHighlight
|-
| colspan="2" | Draws the highlight on buttons, also used for thumb width on sliders 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | DrawWidget
|-
| colspan="2" | 0=Do not draw Widget yet, 1=Draw Widget now (Does not apply to hidden widgets) 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===CreateWidgetArray===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CreateWidgetArray'''
|-
| colspan="2" | Creates a 2d array of buttons that can be used to create things like keypads. Returns the ID of the first button, the following buttons have incremental IDs going column by column and then row by row. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | WidgetType
|-
| colspan="2" | 0=WidgetHidden, 1=WidgetRect, 2=WidgetRoundedRect, 3=WidgetEllipse, 4=VSlider, 5=HSlider, 6=VSliderRound, 7=HSliderRound, 8=Bitmap 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | NumColumns
|-
| colspan="2" | Number of columns of buttons in the array 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | NumRows
|-
| colspan="2" | Number of rows of buttons in the array 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | InitialPositionX
|-
| colspan="2" | X location of the initial button 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | InitialPositionY
|-
| colspan="2" | Y location of the initial button 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | WidgetWidth
|-
| colspan="2" | Widget width in pixels 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | WidgetHeight
|-
| colspan="2" | Widget height in pixels 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | SpacingX
|-
| colspan="2" | Horizontal spacing between the widgets 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | SpacingY
|-
| colspan="2" | Vertical spacing between the widgets 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | LineWidth
|-
| colspan="2" | Number of pixels thick to draw outer border lines 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Colours
|-
| colspan="2" | , Hl Colour RGB [9-11] 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Font
|-
| colspan="2" | Font used for the widgets text 
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | WidgetText
|-
| colspan="2" | A comma seperated text field with the text for each widget e.g. "1,2,3,.." 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | DrawHighlight
|-
| colspan="2" | Draws the highlight on buttons, also used for thumb width on sliders 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===DrawAll===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''DrawAll'''
|-
| colspan="2" | Redraws all of the defined Objects and Widgets. Doesn't draw text, this is done using the SetText macros. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===DrawItem===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''DrawItem'''
|-
| colspan="2" | Draws a single object or Widget onto the display without clearing the display. Doesn't draw text, this is done using the SetText macros. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID
|-
| colspan="2" | Unique ID of the Object or Widget 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===DrawScene===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''DrawScene'''
|-
| colspan="2" | Clears the screen and adds and draws the objects and widgets from the layout editor.  
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | SceneIndex
|-
| colspan="2" | Select which screen to draw. Range: 0 to Scene Count - 1 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===GetLastTouchID===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetLastTouchID'''
|-
| colspan="2" | Gets the ID of the last Widget that returned a valid press via the CheckForTouch macro. Returns 0 for no valid touch recorded. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-s16-icon.png]] - INT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===GetSceneIdx===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetSceneIdx'''
|-
| colspan="2" | Gets the index of the current drawn scene allowing for variable behaviour based on the scene. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===GetSliderValue===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetSliderValue'''
|-
| colspan="2" | Reads the value of one of the sliders ranging between 0 and 1. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | WidgetID
|-
| colspan="2" |  
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===Initialise===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Initialise'''
|-
| colspan="2" | Initialises the object and Widget control variables and sets up the default themes. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ModifyBitmap===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ModifyBitmap'''
|-
| colspan="2" | Allows the bitmap image to be swapped out 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID
|-
| colspan="2" | Object or Widget ID to update 
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | Filename
|-
| colspan="2" | Bitmap filename in 8.3 file format 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | Scaling
|-
| colspan="2" | 0=Native, 1=Stretch 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | Transparancy
|-
| colspan="2" | 0=Disabled, 1=Enabled 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | Redraw
|-
| colspan="2" |  
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ModifyColour===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ModifyColour'''
|-
| colspan="2" | Changes the theme index of the selected Object or Widget. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID
|-
| colspan="2" | Unique ID of the object or Widget 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Index
|-
| colspan="2" | 0=Foreground, 1=Background, 2=TextColour, 3=Highlight(Widgets Only) 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | R
|-
| colspan="2" | Colour Channels 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | G
|-
| colspan="2" | Colour Channels 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | B
|-
| colspan="2" | Colour Channels 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | Redraw
|-
| colspan="2" | Redraws the component straight away in the new colours 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ModifyPosition===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ModifyPosition'''
|-
| colspan="2" | Moves an existing object or Widget to absolute coordinates on the screen. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID
|-
| colspan="2" | Unique ID of the object or Widget 
|-
| width="10%" align="center" | [[File:Fc9-s16-icon.png]] - INT
| width="90%" | X
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-s16-icon.png]] - INT
| width="90%" | Y
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | Relative
|-
| colspan="2" | 0=Absolute Positioning, 1=Relative Positioning 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ModifyScale===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ModifyScale'''
|-
| colspan="2" | Changes the width and height of the selected Object or Widget. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID
|-
| colspan="2" | Unique ID of the object or Widget 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Width
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Height
|-
| colspan="2" |  
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===NoTouch===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''NoTouch'''
|-
| colspan="2" | Called when no touch is present, Allows the repeat rate counter to be cleared allowing for better responses to fast touches. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SetSliderValue===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetSliderValue'''
|-
| colspan="2" | Sets the value of one of the sliders and optionally redraws the slider to reflect the value change. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | WidgetID
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" | Value
|-
| colspan="2" | Range: 0 to 1 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | RedrawSlider
|-
| colspan="2" | 0=Do not redraw, 1=Redraw 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SetTextLabel===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetTextLabel'''
|-
| colspan="2" | Draws a single line of text onto an object or Widget location. Useful for labelling Widgets such as buttons or having name, value statistics. Drawn using the object themes. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | ID
|-
| colspan="2" | Unique identifier of object or Widget. 
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | Text
|-
| colspan="2" | Text string to set as the label 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Font
|-
| colspan="2" | GLCD Font Index to use 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | HAlignment
|-
| colspan="2" | 0=Left, 1=Center, 2=Right 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | VAlignment
|-
| colspan="2" | 0=Top, 1=Middle, 2=Bottom 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | Transparent
|-
| colspan="2" | 0=Background Colour Drawn, 1=Don't Draw Background Colour 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

==Property reference==

{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
|-
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Graphical Display
|-
| colspan="2" | Graphical Display to draw our objects on 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | DM Library
|-
| colspan="2" | Display Manager compatible GLCD library component. e.g. Bitmap drawer components. 
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Ram Usage Bytes
|-
| colspan="2" | The calculated number of bytes of RAM required by the display manager. 
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Text Align Offset
|-
| colspan="2" | Number of pixels to move away from an edge when calling  
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Background Colour
|-
| colspan="2" | Default background colour to use when clearing the display and applied as the default when creating new display creator scenes. 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Objects
|-
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Max Objects
|-
| colspan="2" | The total number of primitive objects allowed on the screen at once. Sets the size of the RAM buffers used to track the various screen elements. Each object requires 10 bytes of RAM to stores things like size, location and type. 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Widgets
|-
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Max Widgets
|-
| colspan="2" | The total number of touchable interactibe objects allowed on the screen at once e.g. Widgets and sliders. Sets the size of the RAM buffers used to track the various screen elements Each Widget requires 18 bytes of RAM to stores things like size, location, value and type. 
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Touch Repeat Rate
|-
| colspan="2" | Sets the period for touch repeats in terms of calls of the CheckForTouch macro. Widgets will only register a repeat touch after x calls if continually held down. Sliders will always register a touch. The touch count can be cleared using the NoTouch macro if no touch is detected. 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Display Creator
|-
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Enabled
|-
| colspan="2" | Enable the display creator (WYSIWYG) scene panels. 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Settings
|-
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Enable Callbacks
|-
| colspan="2" | Allows the widgets to define their own callback macros to simplify the act of processing touches 
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Scene Count
|-
| colspan="2" | Defines the number of invididual scene layout, display creator scenes available to draw 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Scene Data
|-
|-
| width="10%" align="center" | [[File:Fc9-type-26-icon.png]]
| width="90%" | Scene 0
|-
| colspan="2" |  
|}

==Component Source Code==

Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_Lib_DisplayManager.fcfx FC_Comp_Source_Lib_DisplayManager.fcfx]

Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_Lib_DisplayManager.fcfx FC_Comp_Source_Lib_DisplayManager.fcfx]

Component: Label ( Web Primitives)

2026-04-27T10:53:31Z

BenR: Created page with "{| style="width:50%" |- | width="20%" style="color:gray;" | Author | MatrixTSL |- | width="20%" style="color:gray;" | Version | 1.0 |- | width="20%" style="color:gray;" | Cate..."

{| style="width:50%"
|-
| width="20%" style="color:gray;" | Author
| MatrixTSL
|-
| width="20%" style="color:gray;" | Version
| 1.0
|-
| width="20%" style="color:gray;" | Category
| Creation
|}

==Label component==

==Detailed description==

''No detailed description exists yet for this component''

==Examples==

''No additional examples''

==Macro reference==

==Property reference==

{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
|-
|-
| width="10%" align="center" | [[File:Fc9-type-10-icon.png]]
| width="90%" | Text
|-
| colspan="2" |  
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Style
|-
|-
| width="10%" align="center" | [[File:Fc9-type-3-icon.png]]
| width="90%" | Font
|-
| colspan="2" | Specifies the font style for the item 
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Font Size
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
| width="90%" | Horizontal Alignment
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Bold
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Italic
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Underline
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Strikethrough
|-
| colspan="2" |  
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Colour
|-
|-
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
| width="90%" | Text
|-
| colspan="2" | Specifies the font colour for the item 
|-
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
| width="90%" | Background
|-
| colspan="2" | Specifies the background colour value 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Advanced
|-
|-
| width="10%" align="center" | [[File:Fc9-type-10-icon.png]]
| width="90%" | Custom Attributes
|-
| colspan="2" |  
|}

Component: TextUrl ( Web Primitives)

2026-04-27T10:52:28Z

{| style="width:50%"
|-
| width="20%" style="color:gray;" | Author
| MatrixTSL
|-
| width="20%" style="color:gray;" | Version
| 1.0
|-
| width="20%" style="color:gray;" | Category
| Creation
|}

==TextUrl component==

==Detailed description==

''No detailed description exists yet for this component''

==Examples==

''No additional examples''

==Macro reference==

==Property reference==

{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
|-
|-
| width="10%" align="center" | [[File:Fc9-type-10-icon.png]]
| width="90%" | Text
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-10-icon.png]]
| width="90%" | URL
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Open in new tab
|-
| colspan="2" |  
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Style
|-
|-
| width="10%" align="center" | [[File:Fc9-type-3-icon.png]]
| width="90%" | Font
|-
| colspan="2" | Specifies the font style for the item 
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Font Size
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
| width="90%" | Horizontal Alignment
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Bold
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Italic
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Underline
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Strikethrough
|-
| colspan="2" |  
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Colour
|-
|-
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
| width="90%" | Text
|-
| colspan="2" | Specifies the font colour for the item 
|-
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
| width="90%" | Background
|-
| colspan="2" | Specifies the background colour value 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Advanced
|-
|-
| width="10%" align="center" | [[File:Fc9-type-10-icon.png]]
| width="90%" | Custom Attributes
|-
| colspan="2" |  
|}

Components

2026-04-27T10:02:01Z

BenR:

In Flowcode IDE, a component is a predefined module or building block that represents a physical or logical element, which can be added to your project to simplify the process of designing and simulating embedded systems. These components can range from hardware elements like sensors, actuators, and communication devices, to software elements like variables, timers, or logic gates.

Each component typically comes with its own properties, methods, and events, which allow users to configure and interact with the component in a graphical way. For example:

Hardware components: These include microcontrollers, LEDs, motors, displays, or communication interfaces like I2C, SPI, and UART.
Software components: These are functional blocks such as delays, counters, or decision-making constructs like conditionals or loops.
Flowcode simplifies embedded programming by allowing you to drag and drop these components into your design, and then connect and configure them without the need to write low-level code manually. However, it still offers the flexibility to add custom code when needed.

Each component can also be simulated, allowing you to test and debug your design before deploying it to the actual hardware.
__TOC__

==Embedded Components==

<tabs>

<tab name="Inputs">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | General Input
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 0e4cb9c6_10d4_416f_bc27_5f8f7bc746b4|Grey Code Encoder]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9dba6468_db7d_4eae_8b94_7bd35fd115b1|Grey Code Encoder 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 76bb1b8c_43da_48d3_b53f_a9907f03a528|IO Expander (MCP23017)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 331daac0_653d_4f45_9822_6408a8258bda|IO Expander (MCP23S17)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d43a1c1f_8ad6_4271_9f62_20e1bdf529f0|IO Expander (PCF8574)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4616b658_531f_4c5e_981a_4d9fc04f9a36|IO Expander (PCF8575)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 3531a68d_7686_44b7_a3a5_67afda8467dc|Quadrature Encoder]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 50d58a97_3208_4ff3_bcd4_0d2b1c22dc1c|Quadrature Encoder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Analog Input
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 937e425e_21c0_4b08_8d8f_0bf80a6391d2|ADC (AD7680)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 235fd689_bfd1_4c4a_a918_6c3c36e9a49f|ADC (MCP356X)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ee11c499_8a22_4987_ba57_c7d5d2224a39|ADC 24bit ADS1220]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fd24f205_3750_4324_8c2c_94a6c0377475|ADC ADS1256]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e65e5368_af24_44a9_897e_cb0422fcea27|ADC QUAD + DAC (PCF8591)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7aad74d6_b24e_4dab_91eb_5d72a973f12d|ADC Template]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9b845489_48f5_4fa5_aace_2c97efdcede3|ADC Template 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f788c9e7_2e69_4be9_b41e_5fdced777c2e|ADC16bit ADS111x]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 74571cdc_4f94_4e9a_b56b_376f36424996|Joystick (Sparkfun Quiic)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 94c78e1b_f580_4105_a223_7e40b75d134c|Joystick (Sparkfun Quiic) 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 11ca2f38_de81_4812_9338_4b5a7a89a658|Potentiometer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3d8f329f_3bf9_4c90_8797_05100f6419f8|Potentiometer (Slider)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Switch
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 9306f758_06af_49f8_8b09_d10d2b4374dd|Rotary Switch]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 6f2c4205_6a87_46ba_a8b4_8c869e144fcd|Switch (Microswitch)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e2698f3e_1168_4f25_9c50_24a74ea7e34a|Switch Push Button]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 58b37280_d90e_4a23_941d_26f34ccff410|Switch Rotary 0 - 1]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e5dbdd14_0308_4a22_bacd_765215a4df45|Switch Rotary 0 - 15]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1df1ea9a_6983_4014_aba5_f5144ea4e053|Switch Slide]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d43ac17c_2ec0_4277_95f9_fbc339456fab|Switch User Images]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Switches
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 208101fb_f735_4e83_980b_c1d2b4be28ff|Switch Array (Push)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cd8da0fe_80cf_4532_bb50_69f0d1730e70|Switch Array (Push)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 4ac72986_ad7d_49ce_afe5_9128831debc9|Switch Array (Slide)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 975b2770_cfa8_4c76_b8ca_c008735e366d|Switch Array (Slide)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Keypad
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6c74b9ee_2907_4b1e_8a9b_80fc192b6027|Keypad]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1d24df27_423c_4d91_b2bb_e6ad3e121f14|Keypad (Cursor 3x3)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 287e2f0b_8869_4994_a958_c8f851091322|Keypad (Hex 4x4)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Outputs">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | General Output
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 76bb1b8c_43da_48d3_b53f_a9907f03a528|IO Expander (MCP23017)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 331daac0_653d_4f45_9822_6408a8258bda|IO Expander (MCP23S17)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d43a1c1f_8ad6_4271_9f62_20e1bdf529f0|IO Expander (PCF8574)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4616b658_531f_4c5e_981a_4d9fc04f9a36|IO Expander (PCF8575)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 444fb704_814c_4707_a15c_759ba088505c|PWM (Internal)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5bd41be2_1b9c_4f30_ba78_84cb29d61ced|PWM 16CH 12Bit (PCA9685)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2f95990b_1dc6_4cb4_a6b1_e000a487b702|Relay (Grove 103020005)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Analog Output
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e65e5368_af24_44a9_897e_cb0422fcea27|ADC QUAD + DAC (PCF8591)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3d87ffe9_97c1_4013_a2cd_82c24d0ccb48|DAC (AD5662)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 09222494_fbef_455b_9651_9e9e46592eb5|DAC (Internal)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e78d88a0_e132_4f82_988d_59353009b669|DAC (MCP4725)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 70a3bead_e66d_4a76_bc7b_fb1baa86d2e6|DAC (MCP47x6)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fab5cf20_8686_4397_8a21_cc936659d5f6|DAC (MCP48x1)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b6de5668_e0ae_4c1a_9c16_b16aa3f58024|DAC (MCP49x1)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f484e96a_af4f_434e_a002_70d3f4315dfb|DAC Dual (MCP48x2)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b66f5769_5e9d_40e7_9159_c6a0552ff86e|DAC Dual (MCP49x2)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID adb523db_db13_4d19_bfa3_0fbc177e4d3f|DAC Quad (MCP4728)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a4c8e3f2_9b7d_4e1a_8c5f_3d6e9a2b4c7d|DDS DAC (AD9834/AD9833)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID a3bfda42_750b_4baf_8428_3536dcfc72cd|DDS DAC Synth (AD9851)]]
| width="20%" align="center" style="background-color:#FFFFFF;" | both
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b48a8c76_b62d_4b52_9368_237e5a2dbd4a|Digital Potentiometer (AD528X)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 37025734_a84d_46ad_9078_925beb81f38b|Digital Potentiometer (MCP41XX / MCP42XX)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID aba8b3ce_e71c_49c8_a961_d59b36338afa|Digital Potentiometer (MCP41XXX / MCP42XXX)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3a3a0802_42b6_4c31_8983_4d043b70b443|Digital Potentiometer (MCP44XX)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a69bf9b3_272e_44b3_a47d_22f53c3c0804|Digital Potentiometer (MCP45XX / MCP46XX)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0a0819d2_73b7_4bc2_bc11_f3139972d224|Digital Potentiometer (X9Cx0x)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Audio Output
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 04bbd3b8_ee11_40eb_91e8_1bbbd6f65b8c|Buzzer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2061d38d_0cca_440c_a842_f9c84ca55f90|DFPlayer (MP3 / WAV)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 70ec3aee_f273_4b0e_8ee6_e2b3a8b693af|Piezo Sounder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 01fd689c_985c_4b10_bc98_99de5f9b41a8|Speech (Phoneme)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eaee384d_6b16_4988_b1aa_8628231a7128|WAV Library File]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | LED
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 44f82374_a417_40d5_bd42_23a177a390d2|LED Mono]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ce086f9b_c365_4471_b6e4_1760a53a7bfb|LED Mono Custom]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b562ceda_0ae0_4c50_bbcd_38a4b7e77829|LED Mono User Images]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 67271369_4b2e_4126_a5d0_a93142ac71b9|LED MultiColour Bi (5mm, PCB)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID a5c2033e_8639_4de3_80eb_58c02b44bd96|LED MultiColour Tri (5mm, PCB)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | LEDs
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID bbfc7c9f_fa05_4257_849d_8601ff7dc1de|Chainable RGB LED v2.0 (Grove 104020048)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b07ae733_c144_4558_979a_be737044519c|LED Array]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 6664b695_2a8f_4247_ae55_110b38270877|LED Bar v2.0 (Grove 104020006)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fef1acfd_e19f_4af2_9593_ba341240ce4f|LED Charlieplex]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID ef9cb184_0167_4d3e_a63b_6e0faad72391|LED Matrix]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 24bef796_e0e3_4195_a76d_920fdba5ea79|LED Matrix (Parallel)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 5a88c882_0396_44f3_a67b_f236244800d1|LED Matrix (Serial)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 0161e243_0ca0_497d_88be_76351cf4dfa1|RGB LED APA102C]]
| width="20%" align="center" style="background-color:#FFFFFF;" | both
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 12a23e2a_0b1e_427e_975a_f0b56d4a9483|RGB LED LP5030 LP5036]]
| width="20%" align="center" style="background-color:#FFFFFF;" | both
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 284bf38b_0fe1_4a0b_ae43_e1784445821b|RGB LED SK6812 RGBW]]
| width="20%" align="center" style="background-color:#FFFFFF;" | both
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID d814cb36_0d04_4eeb_b5b3_da8276ad8bdf|RGB LED WS2801]]
| width="20%" align="center" style="background-color:#FFFFFF;" | both
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID d977c3ef_c7dc_4683_a1be_76e17e6ba12b|RGB LED WS2811 / WS2812 / APA106]]
| width="20%" align="center" style="background-color:#FFFFFF;" | both
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Mechatronics
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 83c095cc_fefc_4854_a7c5_7fe867753bf4|Coupling]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4b0e5196_0db2_45a9_bcb9_b172f71f9c4d|DC Motor]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID bfa45502_f9d6_4b53_a239_b5731f9288d5|Gearbox]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 50eddda0_73c3_4514_b2e0_7e33abeaa162|Grove I2C Motor Driver]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 2e8c4276_d81c_4dd6_a70f_aad25e8bbf1e|Kinematics Arm]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 15921536_cf92_4cd3_88e4_207c251ab775|Linear Actuator]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7b03c836_c1f9_4ab5_8bf2_787a55e792e0|ST3215 Servo Motor]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 02668c1b_013c_43b8_a5b3_4f9d73412137|Servo Motor]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9202a62e_0a42_4780_adce_16b701e5ec53|Servo Motor Controller]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1ac8ae8b_bcd2_493f_b516_36dacb3695f9|Solenoid DC]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b331ed08_2a01_466e_9816_df3342019892|Stepper Motor]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Displays">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Segment
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID d9e86781_7fa0_4e64_9f82_ef49152611b0|4-Digit Display (Grove 104030003)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3299d5f9_92a6_414a_af9f_f7fe29b3e6ed|4-Digit Display (Grove 104030003) 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID e2c3165d_8020_4e52_bc7e_7022ff459129|7Segment]]
| width="20%" align="center" style="background-color:#FFFFFF;" | both
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID bddc472f_59dc_4705_997e_662768d643cd|7Segment (74HC595)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 727806c8_26a4_489a_a11e_4ef0306694f5|7Segment (74HC595) 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 4de4697e_2de3_432e_a0fe_97ef8c79dfc0|7Segment (Hex TM1637)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5c1232f7_2af1_4ce9_9124_1ad038ac09d8|7Segment (Hex TM1637) 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e6bd0a57_6bf2_42bb_b05e_6b6cdad2ce0e|7Segment (Quad TM1637)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID f4400e36_dd95_4472_86da_4bba68d68d5d|7Segment (Quad)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 71f200a6_153f_4984_8928_850523305e02|7Segment (Quad) 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 52c5383b_4f48_4029_8b75_c3633f7cf892|7Segment (Single)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6a9e9265_e261_4604_8dc3_252ea3ccf02c|7Segment (Single)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 5015c7e1_2166_4f1a_b9b1_9bd181784cea|Starburst Display]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ae5688c5_6bfc_4e62_aaf4_e9a56fb068f9|Starburst Display]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Alphanumeric
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 672cb410_6026_403b_aff7_0628fe9e8140|LCD (Adafruit, 16x2)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 913991df_9bcb_475a_ae49_d9eb611b0d71|LCD (Adafruit, 20x4)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f8c9b53d_0bf2_469f_8f0a_34caa93749ba|LCD (Generic, 16x2)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a2b40602_5421_4e2f_ba82_96db1be51d69|LCD (Generic, 20x4)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 51677753_5eaf_4e3a_a3c8_71c49a142171|LCD (Generic, Configurable)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f45468b8_5731_4bfb_b5c0_4042ef1dd1da|LCD (Grove - I2C)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 31326041_9339_4cf4_b609_c14cc66318b3|LCD (Grove - UART)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 24a7a014_0ad0_44a7_b63b_61dac014eee7|LCD (ST7032i)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bcd6a955_12c6_4ed4_a22f_f16eb62e0762|LCD I2C (Backpack)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3cf64267_8c56_47b0_84a1_a933a77716bc|LCD I2C (LCM1602)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c198e346_6b0f_4309_973c_78d7207e0b96|LCD SPI (MiniClick)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Graphical Color
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ac3375c7_acf3_4160_8c3e_3011735116aa|GLCD (E-BLOCKS 3)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3167b57a_5a41_4a91_bd6c_e0a8cc23cf56|GLCD (GC9A01A SPI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 79f105db_3eb0_45cb_b3fb_e4b6d6e94358|GLCD (ILI9163C)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7bd84555_ae51_40cc_8e1a_a7bcba661e52|GLCD (ILI9341 SPI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bc0a0612_ef85_48fb_8960_5e78f4083df1|GLCD (ILI9341)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3408fde0_f512_487b_8902_74cd56623191|GLCD (ILI9488 SPI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b5148d9e_884c_488e_8536_741e7fc4306c|GLCD (ILI9488)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 641b19bc_b941_46de_843d_229ca347466d|GLCD (LS020)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0a432f5f_d9a0_4726_9b42_18de4eeddfd8|GLCD (SSD1289)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e635704b_9d69_466c_be7f_a03543f011a6|GLCD (SSD1331)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8af7f5ec_2e7a_4080_9566_b816c24ebbfa|GLCD (SSD1351 SPI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fd1a193b_149f_4ba8_b1ce_ce39ca863975|GLCD (SSD1351)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9d414a42_fd9b_4afd_9493_dbf80eece14a|GLCD (SSD1963) Parallel]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 37f69c17_886a_4b13_9daf_8dde9a1cce40|GLCD (ST7735)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4e30b15e_2507_4583_995d_b2056e04a286|GLCD (ST7789V)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b8541d78_44db_43c3_961a_a96141da67e9|GLCD (ST7796 SPI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a00b9a94_9608_4208_af26_68a94dab336b|GLCD (STM32F429ZI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5bd73e47_8060_4677_a1a3_6191ceb924b7|GLCD (STM32F469NI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6a2520bc_d8dd_4001_937e_21925253291a|GLCD (STM32F746NG)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 756045fb_388b_4dbb_8f10_5136de8bfacb|Nextion Display]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7c3895d3_0359_4b4c_8fa4_ab6314cd5fbf|Raspberry Pi HDMI]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Graphical Monochrome
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8a7a90d2_3274_4433_8609_699e976e0719|GLCD (Grove OLED)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c9d3b357_b914_4301_a741_0d13819e441c|GLCD (KS0108)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a1edc3df_71d0_4ec5_a511_05818570696f|GLCD (PDC8544)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ebf9c18e_044e_41e2_b845_da14e744b25f|GLCD (SH1106) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 91c1b7f5_6974_4ea3_84b3_4e24a9784631|GLCD (SH1106) SPI]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5ed21fc4_3979_4825_8c8e_95944d1101d9|GLCD (SSD1305)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8fccb5eb_1664_4dd5_9d2e_5c62294a7151|GLCD (SSD1305) Buffered]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID dfe103f9_ef5c_4554_85be_7519ec274609|GLCD (SSD1305) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7b1ef6f5_5c39_4b7f_9faf_eed122ff2b3e|GLCD (SSD1306)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9e067700_36d1_4697_a165_9e8d60b45399|GLCD (SSD1306) Buffered]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f6ab6074_68ba_4cd4_9274_f973102f8518|GLCD (SSD1306) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f0f2f410_3216_4a3f_a2dc_db35f4a2821d|GLCD (SSD1322) Buffered]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID dba19ea1_efe2_46e4_90be_18ee41930d1e|GLCD (SSD1322) Parallel]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6548a7da_7e0b_4d45_ad92_f61bf5713442|GLCD (SSD1327) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID deade808_da0a_4530_8cf4_7c7894fdb6a3|GLCD (SSD1327) SPI]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 496cf2f0_4220_4f70_9219_7c67c672e36e|GLCD (ST7036) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 889a6ac6_12d0_40c0_9882_075ce9801eeb|GLCD (ST7565R) Parallel]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2149fdef_84e9_407d_b68d_fc7f39e6f41e|GLCD (ST7565R) SPI]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7e19b0ee_6cfd_49d3_8efb_67e7b145dfba|GLCD (ST7567) SPI]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 022045f0_7e41_4385_a79f_7cdbd9b71c6a|GLCD (ST7567) SPI NOBUFF]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 804de427_4b97_4468_9ea9_b5adf7b98771|GLCD (ST7920)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c9d3b357_b914_4301_a741_0d13819e452e|GLCD (T6963C)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 71ba0cdd_e003_4f6d_9dae_8eecffd1774b|GLCD (TLS8201)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ebd426a3_c694_42bb_8611_320e27c6ea65|GLCD (UC1701)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 65f9d966_4d43_498f_b6ca_2e66e49a2379|GLCD eINK (IL3829)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2c2a1a7c_bd81_4327_9902_dc1b2f6156d0|GLCD eINK (SSD1681)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Display Plugins">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Graphical Library
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cbfb3c21_f13d_488d_9b90_400c8d4fc605|Display Manager]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b02b7c75_53cb_4be4_871f_61be633d898c|GLCD Bitmap Drawer FAT]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 52dd90bd_fec9_4ee5_934c_e4b2297168a5|GLCD Bitmap Drawer ROM]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d4994410_ca95_4d1c_8d57_542d48a21d58|GLCD Graph Creator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7b198227_81d6_404c_a2d4_ce1e59ef84f8|GLCD Graph Creator XY]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0df0d376_b9dd_4c40_8102_1b0203980c3c|GLCD QR Code Generator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9e0fa7e4_0c8c_485d_98c4_6f0ef8e57d40|GLCD Textfield]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 90c9f255_b526_4288_b0b6_26736e6db2e2|Touch Screen (FT6X06)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3c28ab9b_d363_402e_a99b_ff109b8729e3|Touch Screen (GT911)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fe5255ed_0613_4e5b_b011_9f432531832e|Touch Screen (Resistive)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ab872cc0_e6fe_4d30_a7cb_a1efc6ae87a6|Touch Screen (XPT2046)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Graphical Manager Primitives
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 30e9f969_f18c_45c4_bac0_5ec85a48120f|Bitmap]]
| width="20%" align="center" style="background-color:#FFFFFF;" | wysiwyg
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 42949d26_33e7_4a67_bc39_4969cd287c2b|Ellipse]]
| width="20%" align="center" style="background-color:#FFFFFF;" | wysiwyg
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 07faadd6_e3af_4802_b101_baf82838d103|Hidden]]
| width="20%" align="center" style="background-color:#FFFFFF;" | wysiwyg
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID d478e9ec_2929_4b85_b226_427f079f1873|Line]]
| width="20%" align="center" style="background-color:#FFFFFF;" | wysiwyg
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID d13b1e7c_32a2_4117_9b76_8cd03399dc3c|Rectangle]]
| width="20%" align="center" style="background-color:#FFFFFF;" | wysiwyg
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 852ae874_e901_47e9_977b_5e2f3af0bef1|Rounded Rectangle]]
| width="20%" align="center" style="background-color:#FFFFFF;" | wysiwyg
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 471eab69_d1c0_45eb_88f8_d01bd7167b23|Slider]]
| width="20%" align="center" style="background-color:#FFFFFF;" | wysiwyg
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 81f24c15_ab7c_49ba_b55f_62d3cbfee92a|Text]]
| width="20%" align="center" style="background-color:#FFFFFF;" | wysiwyg
|-
|}

</tab>

<tab name="Sensors">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Audio
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0a5d4625_78e6_4bf3_a802_925c655ef718|Heelight Sensor (Grove 101020312)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3bb0eba4_8ae3_442b_8653_507d1bde8be0|Sound Sensor (Grove 101020023)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c5d9ffa3_5a7d_4fb2_b9ba_ec855ad7b25c|Ultrasonic]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 06c52475_f44f_41f3_aae7_9ddeee44fc06|Ultrasonic Ranger (Grove 101020010)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Electrical
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d5f0360d_ba69_4cc4_af4a_c2621fd2d77d|Battery Cell Fuel Gauge (MAX17043 MAX17044)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID aa85a268_ba47_4a33_bdad_04f51b716cdf|Current Sensor (ACS7xx)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 09d2a023_0199_4c73_a737_14228973ddc5|Current Sensor (ILA260)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ef2427ea_7767_43be_a0c5_6f705e3c2668|Energy Monitor (PZEM-004T)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 29b4cd01_9dd8_43ad_b5b4_895358321a89|LTSR Current Transducer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Environmental
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c416a604_834b_48ba_a5e8_a47cad4f08de|Air Quality (BME688)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ea4894d0_fb58_4cfc_bae6_2502eb3e68d0|Air Velocity Sensor (FS3000)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 69a2ca78_26f3_47df_a402_b5a7c1ff73f2|Analogue Temp Sensors]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a9eb79b0_1d24_4acf_aade_d3639aa800c7|Barometer (BME280)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 38f89887_af35_470e_8c6f_c91f3c99e88d|Barometer (BMP180)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b52758bf_4466_48c0_8054_33ee4b11e82b|Barometer (BMP280 / Grove 101020192)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ca60c1d2_fb77_4e3e_9d01_c4496d35db1e|Barometer (DPS310)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b8c43425_121c_4dfc_8a70_665973e9938b|Barometer (MS5637)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2755f2ee_60e0_4e4d_9bce_8bffb3a6a730|Humidity AHT10]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 36175036_08af_4bcf_8dd2_1c46f6761385|Magnetometer (BMM150)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID caa29480_5f50_4c3b_8dac_22cfb8e36999|Pulse Oximeter (Max30100)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e3b5f8d2_6f4a_4fbc_a4f9_9c7f5a1a3b65|RTD (MAX31865)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 40785d28_4fe3_4aec_a5d9_ba30b2d58760|Temp / Humidity (DHT11)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 95a1525b_7e03_4836_8c09_59bf174f603b|Temp / Humidity (DHT22)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0689100f_8b13_45a6_98a2_b9833b02eed5|Temp / Humidity (Grove 101020019)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eca89720_1386_4589_ab75_6c0425162b91|Temp / Humidity (Grove 101020212)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 66e6f00d_d894_49de_a768_02997eaf45e1|Temp / Humidity (HTS221)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 75d7da2a_c682_4622_ac86_b6eb9ed7a88e|Temp / Humidity (SHT21)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4475d8e8_4f60_48be_8a27_e91d85fbabae|Temp / Humidity (SHT31)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cc6a9919_31de_480e_91c9_2a59254a5bbd|Temp / Humidity (SHT41 / BL0144)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID df4eca75_779f_47ce_9495_56d3233be5e1|Temperature (DS1822)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 783b7689_0c71_44fb_9dde_673e4b7455ba|Temperature (DS18B20)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b42d9405_a751_4622_8fbe_ce512da391ba|Temperature (DS18S20)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bbf0ab46_623e_44c6_9402_3acfcd9d0006|Temperature (LM75B)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ca3bcd05_64e6_4daf_8b9f_71751c16a22a|Temperature (TMP117)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 05acf53c_0b2e_4d26_8d5d_f112d4ce4c68|Temperature Infrared (Grove 101020062)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID de8dcab3_c23b_48b4_a88e_3eb8b584109f|Temperature Sensor (Grove 101020015)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 93ab1895_66cf_4fd8_a04f_79f09acc19e6|Thermistor]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1dac9b91_e842_40a6_9826_890f2d6f7a79|Thermistor Using Beta]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 97e631c7_51d9_4482_9b65_481b390a686d|Thermocouple (MAX31855 / BL0126)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cbedb7e1_22c3_4edc_80f8_0501f7f9e398|Thermocouple (MAX31856)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 60de8264_7faf_4f77_904e_69bb19909ba8|Thermocouple (MCP960X)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4b57ccb5_9e55_4d0e_8961_43f6fcaec2d7|Water Sensor (Grove 101020018)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Force
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e8ec17bd_a898_44d2_83af_968c96826948|Bridge Amplifier (HX711 / BL0122 / BL0132)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Light
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e08872a7_6962_4b61_bcca_71389f8ed8d7|Ambient Light]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID d79f7da1_0e33_4fba_b4a0_ac127b5a4812|Beam Breaker]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID d8b85f99_8de3_41dd_9bab_f8bfc19e74af|Colour Sensor]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID a1ea988c_88c9_4f96_ac26_1684e918a3de|Colour Sensor (Grove 101020341)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID ee2e1541_45ee_492c_a47d_014627e6b9b6|Colour Sensor V3 (Grove 101021133)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e1d52efb_00d4_4e19_ba4c_29b292535ea1|Infrared Array AMG88xx]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID f3b8eed1_fef6_4c1b_b62d_8efc84b1be35|Infrared Reflective Sensor (Grove 101020174)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9c5b7454_e67d_4111_b220_bf8e5ff8b174|Light Sensor (Grove 101020132)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ccbd6829_44c8_4011_954b_c39dd93adbed|PIR Motion (Grove 101020020)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 20a48db1_d91d_4c51_a49f_f878d0bcbad3|Photo Reflector]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3d1bbeb7_0fb3_4356_a2a6_e1b4cd28e0ff|Photo Reflector 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 6e5b4f6f_e2d9_4272_a854_749a762f55c1|Photo Transistor]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bb2fcffe_6f54_412e_adaf_bdebea1f83d2|Photo Transistor 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 488c3a77_9ff2_4e60_9bfd_cf074405e294|Range Time of Flight (VL53L0X)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Magnetic
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c14492da_a844_40e6_ae29_50e58864b237|Hall Effect Analog]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 655234db_5700_4206_934f_56e499edbff9|Hall Effect Digital]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 594f7ca0_ca51_4c94_8d49_42cc77c81a92|Magnetic Encoder (AS5600)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 1c8bc72f_4944_4456_af99_9686c237d6b3|Reed Switch]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Movement Orientation
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 20699a0c_0925_40c4_8aa1_35f294e225e6|Accel / Gyro / Mag 9-Axis (LSM9DS1 / BL0135)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5d2c6406_e3aa_46bd_8144_57f60194a1e9|Accel / Gyro / Mag 9-Axis (MPU9250)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 940ad7e9_abab_434f_a5e3_ff50e2fdf962|Accel / Gyro 6-Axis (Grove 105020012)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 75a362f4_d74d_48e7_9790_530f4d0e78b6|Accel / Gyro 6-Axis (MPU-6050)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d950cf7c_f9fc_49ba_a486_0d45b6afd1aa|Accel / Gyro 6-Axis (MPU-6886)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID db2c91d9_4fd5_42b8_98f4_76dfb160dece|Accel / Mag 6-Axis (LSM303D)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d61dd6a6_231e_4244_9e8d_4f15e7ea10d5|Accel / Mag 6-Axis (LSM303DLHC)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 788b85c9_21ae_4fad_ada1_9f118fc8023c|Accelerometer 3-Axis (LIS3DHTR) ]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 72f0a8c3_2b8f_4723_b22a_4a81873e5151|Accelerometer 3-Axis (LIS3LV02DQ)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2c716005_e9b5_46e3_86f9_30e5268341a9|Accelerometer 3-Axis (MMA8452Q)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 447dabf8_4e39_46a5_a3d6_a02341bef0f0|Gyroscope 3-Axis (L3G4200D)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8e4553f8_fce7_4fed_80c1_33de9590a678|Gyroscope 3-Axis I2C (L3GD20)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 593b7216_0a11_465c_9cf5_3b809503a72c|Gyroscope 3-Axis SPI (L3GD20)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e4f1697e_5571_475a_a2b1_aa7243920422|Magnetometer (SM324)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4c2256c0_4453_4369_8c36_09770d223a09|Magnetometer 3-Axis (HMC5883L)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 03b98e89_8fee_466f_87b9_42b3b3e1cb41|Magnetometer 3-Axis (QMC5883L)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8c4c9db2_8c42_458d_b071_001acd191c49|Wii Nunchuk]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Storage">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Buffer
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 201d99f7_acf8_481d_a703_61860c2ba3ea|Circular Buffer (16-bit)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c34f9b8a_a915_4f75_ad0c_87f2ad670a8a|Circular Buffer (8-bit)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ed491c82_9f85_4627_93ce_d2b588352539|Circular Buffer (Float)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | EEPROM
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID dcbf571f_a6fa_402d_bdd4_be00cca4070f|EEPROM]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d96f06b4_e7cc_4222_831e_520b53cfa278|EEPROM (DS28E07)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a1b2c3d4_e5f6_7890_abcd_ef1234567890|FRAM MB85RC]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 06829bc6_9e27_4353_9d95_3ba9dabc3384|Flash EEPROM]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7bbc8b49_5f3d_419e_8b25_4ea4c93467b6|IButton (DS1990)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fdb712e0_3861_4e64_9c68_67eade64b089|Serial EEPROM (24C01 - 24C16)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 35934f36_5cda_49e7_b1a0_05c85722d858|Serial EEPROM (24C32)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4d9912c0_0f17_4fbe_9c76_09331167a886|Serial EEPROM (24LC512)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b92e8950_9c7f_4769_abc0_be85f2b1452d|Serial EEPROM (93C46)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c8b6350e_b89a_4ad0_8669_e9387e24599e|Serial Flash (W25)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | File
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7d0c33a1_0aaa_4250_84bb_f96fc113abac|CSV Read/Write]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 42f3f8ef_ff5b_44e6_9be8_8c43d9ab5b08|Embed File]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a61211f1_3718_4d37_b4a4_c6193646ccfd|File (ESP32 SDMode)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 900b40e1_a72c_445c_9ec4_eff95cd6c377|File (RPI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0b61bd39_05a3_46ee_a2a5_da7bffb583c5|File (SD/SDHC Card)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Real Time Clock
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 920175dd_ace8_49e2_9208_ec548563c9c0|Real Time Clock (ESP32)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f0e01201_8951_4748_87c3_d1f8423bb6e4|Real Time Clock (Internal, DS1307, DS3231, DS3232)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c48dfdeb_1177_4381_86dd_d7a98fefeb7a|Real Time Clock (MCP7940N)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a920e6a6_272e_47e3_92f5_fc06016b418b|Real Time Clock (PCF8563)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Utility
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 34f258e1_5c8c_4519_b29d_aba7cbf41faf|Advanced String Functions]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1911d96c_78dd_414a_b23c_6691fb19f63f|Auto Version Identifier]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID dfb4d07a_3d70_45d5_83ef_07e3c95d86ab|Lookup tables]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a8abdc98_224c_4c8a_8311_2921cb3dbe46|String Initialiser]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 306b3759_a92f_4779_b15f_93a9e35a75bf|String Translator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Math">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Calculation
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a78483e1_b293_47e7_984c_55984fc93571|Base 64]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6faf9c4d_ae2d_4997_840d_ce51c9a31498|CRC]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9a2a044c_10f5_437c_b5fa_0ec949130f36|Linear Feedback Shift Register]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ccdce31d_a1a3_437a_88ba_5431745ddf6e|Map Function]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b3061d15_325b_4a8f_863a_a059fab79caf|Median 16-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f2e05e6d_1864_465b_8d1d_0fc9238a7535|Median 32-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c211fc8f_6f17_461f_a44b_01dbc2368fbe|Median Float]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2e0f3546_f0f7_4644_b126_545f4c32984c|Modified Moving Average 16-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 118ff995_d306_4ae3_8d5e_454a85a77750|Modified Moving Average 32-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8062437d_88e1_459f_81de_d51162f7c654|Modified Moving Average Float]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a6ee9d2e_b26c_43ca_9478_15c3c338922e|Running Average 16-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID de7d4dbc_e93f_4b5e_b6f2_b7d035992206|Running Average Float]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e4dbf608_6521_4e08_a1f5_46b012fc8cc1|Standard Deviation]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6508c7be_063a_4f9f_bae5_4a41cf977a86|Type Conversions]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Timing
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ec64c307_3099_485b_bd55_052a5da95128|PIC32 Core Timer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a871ac1d_7a58_4474_a08b_c9c9017cd2ed|STM32 Timer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d7633558_54a4_47ff_8c00_95170632c57e|Timed Interval]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 24ad2718_c70b_4088_aeda_3949dfdba740|Timer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="DSP">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | DSP Inputs
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fdef1c85_689b_4e44_81dc_7ab15dec21a6|Data Queue to Bits]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3420d1ea_bc10_4727_8419_746101b8dc13|Input ADC]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 73c1c565_8d04_44dd_ab78_1997d5e3c641|Input CSV]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c73d493a_b6a0_4dbe_b4b5_79648f67d11e|Input Digital]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8d6ffd33_4087_46b5_8dfd_f43513748755|Input Digital Pin]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c7648111_2a14_475e_980d_c7106ff9d3d0|Quadrature Generator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cbe42abc_5955_44da_a6d0_03e7cbcdcaca|Waveform Generator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | DSP Outputs
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 44e22c6d_4e79_4eb3_b2e1_7ff2fecb3e08|Bits to Data Queue]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e648c3de_ec39_4a3f_bbd9_46e45cce4a63|Level]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5142bd81_abad_444b_b6db_36a87dce5835|Output CSV]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4483da18_fa5a_4436_9edb_0cfb55a4bce1|Output DAC]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1392d5c3_35ba_4c7f_a539_7f30a09758e4|Output Digital]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0d048c7d_18d5_4bce_83f1_7e429c0d86b6|Output Digital Pin]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 649f4bc2_1360_4629_82aa_62e2fc32d4e4|Output PWM]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e79a4b4d_cb5a_4e46_a0d5_d23479e90036|Output Port]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | DSP Operators
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 104899e2_8b2e_4854_923c_5a614c1b8a3c|Adder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d347e8eb_a0f2_45d5_8f31_7aba7f4e56b7|Averager]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0b1d97c1_ee89_45a5_8c39_114cd6d552ad|Deinterlace]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e0ddc704_6bab_4d08_8f10_19a14c6683ef|Delay]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f804a7bd_0280_4ff7_ab75_63be77fb2af3|Fast Fourier Transform (FFT)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 317efb6a_2bad_4f83_a0bc_4ada0f4cd51e|Filter]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 23b8de7f_5214_4f77_9bac_4982123b8d4b|Interlace]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 83fac7ac_b7b5_4cc4_890a_394cbf16cf71|Kalman Filter]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 82872714_f0f0_4758_91ec_bd39d2cdddc8|Math]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID facc8c89_963a_408e_985e_ed768a52b01a|Median]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a9e01aa0_f224_4902_a558_6a199fc039c5|Multiplex]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 88a7dbc4_af92_4205_8943_abaa77504462|Offset]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 34b6f31b_7e33_4beb_891e_defacbee8587|On/Off Control]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e6dd1315_4acf_4fb5_abd9_5743d3715cbe|PID Control]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 939a5d54_28c7_488d_af39_46f7c5d2c429|Rectifier]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f1af5256_1dee_491c_b43f_fdc8f33279fb|Scale]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 907f24e9_a8a3_46ea_942d_67dc55f7eb44|Simulated Control Load]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Comms">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms: Interface
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID da332928_6342_4c2c_afc7_eaf33917d33e|CAN (Internal, MCP2515)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 24219805_113d_4b12_b6bd_e1b0b0c33981|I2C Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 17c77397_9882_41a7_9aa8_05850854417e|I2C Multiplexer (TCA9548A)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eac43fda_0bc5_4b08_881c_6d3e364f2eff|I2C Slave]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 081af1a1_da0b_426d_9ca6_58d8313d1499|I2S Master/Slave ESP32]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 63de6312_8008_46d2_8a0c_bb66e56674e2|LIN Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 822ce79d_3339_4d92_bd2b_abae0ba3b780|LIN Slave]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 43861adb_8a59_492d_8f9f_a08775800bc1|MULTIUART]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 64b26b13_68cf_4a92_8616_e882b7c71023|One Wire]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 55831e22_7885_4e0f_a9de_73ebda9d7fe9|One Wire (DS2482)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 96862c4d_debc_45fa_9433_74711a4b9a3b|SPI Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e2955f6c_d724_4ab0_afca_d62093a77248|SPI Slave]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c73616d1_7ad0_45d9_aada_69ccfa4c5efc|UART (RS232)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 743ea495_34e7_47ee_bd79_3bfdc067b01c|UART Software (Timer)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms: System
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5aefac05_ee5e_4d51_9f31_05281900a97e|DALI Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c714f39e_c8fb_413f_afda_2d169e655134|DALI Slave]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b4e10f9e_4ea9_4fbc_a584_a4d7d4d8fba6|DMX-512 Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1be0ac44_3521_402e_a8b7_1faf86c09560|DMX-512 Slave]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5915b437_6925_4d90_a0f8_f91702837bdb|I2C Multiplexer (TCA9548A)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d04f4385_497d_4e46_a71d_2c0ccb4b0421|J1939 Automotive Node]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a9b43242_9ccc_4f1c_b2d1_acdfbe420fc1|MIDI]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 47f6b39b_ead7_40f5_9931_8a79aa54014a|Modbus Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 687f8ad4_59f2_4079_bb84_7713dcb57a13|Modbus Slave]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2bff9939_f404_4915_8a51_59db53e5470e|Modbus Slave USB]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 019e3dbb_2bfa_44a7_baf0_17b672d9b8f4|Modbus TCP Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1ecb9b0a_53e7_45c9_ab6f_7a0d4a0c47e1|Modbus TCP Slave]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 69c3c380_182a_4ba7_8043_9c9732b498fa|OBD2 ECU (Server)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6436a040_ccc8_46e5_82c1_68f8d87b16c5|Visi (4DSystems)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms: IoT/Cloud
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 72cd9559_26f7_4ffd_984c_cf3a82a6db16|BBC News]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID df96ffa1_4d36_453a_8877_758f68a2676c|BBC Weather Forecast]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bf90426c_1763_4a7a_be5c_b3e442e3f6d8|BBC Weather Observation]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 947089aa_ca9f_4e6f_9f86_7d49a1ae6f86|EtherCAT Slave (EasyCAT)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2740a93b_32a9_48d1_8fc3_089d13b50bb5|IoT Made Easy]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6af7744a_76aa_4522_8cf1_05c8bd34859c|JSON Decoder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f2ad060d_0ae3_43d2_9d82_f49eb4215240|JSON Encoder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e50536ca_0cc0_4cdc_b0af_8cf3b393fa27|LoRaWAN (Seeed WIO-E5)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 459c9cfb_82e3_40ad_9456_54fc40ba5e6c|MQTT Client]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms: Networking
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c2322067_51ae_4560_abcc_6469b1bdcccb|Hydro Encryption]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 91049bf5_2436_42dc_947a_c30c86463d98|Network Communications]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8aab4b54_a912_449c_b11a_7c1a5db8d591|TCP/IP (ENC28J60)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a1820de1_8cfe_4675_b185_a62ce44e2a6f|TCP/IP (NM7010A)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0341d84f_f7fd_473c_8076_b38b2d563e13|TCP/IP (Raspberry Pi)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e18e39d3_2e05_4a15_b8aa_e8ada16cd3ef|TCP/IP (W5500)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d6db973b_a543_4743_91b5_176f9c6613df|TCP/IP (WIZ810MJ W5100)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 73973401_ddc0_46a9_ba3b_baf5e877ce07|WLAN (E-Blocks 3)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 66990164_3c50_4960_916d_327737a7a093|WLAN (ESP-12S)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f0f54e46_0848_4930_9bb6_eff9a34ed229|WLAN (ESP32)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e1bb4679_58ef_40dc_8d09_306ada46f7bf|WLAN (ESP8266)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a1c9b843_a641_4b9c_b762_26995b8f9464|Webserver (GENERIC - Flash / File)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ff377ede_2c09_4a83_99a0_5e11c7ae16d9|Webserver (NM7010A)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f77f2b22_6a7c_4ae6_9f5f_724660cc6c93|Webserver (W5500)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9e68a715_edc2_4a98_be64_c0d02f700135|Webserver (WIZ810MJ)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms: USB
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 06a0a9b3_dd23_4592_a781_537a31b97c2a|USB HID]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fdceef06_919a_405b_8d0b_6118cd0e104c|USB MIDI]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3e28ac22_2855_410a_9660_0b0a4731e545|USB Serial]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 26cbc2df_5ef0_47db_ab2f_c2425b14462f|USB Slave]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Wireless
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4993deaa_590b_4015_b110_0115a42dc968|Bluetooth (E-Blocks 3)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cff93310_545b_4948_a8fa_12b119c5f7a7|Bluetooth (EB024, Generic AT)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8be2ce64_4860_468a_aa8a_eac443274da3|Bluetooth (ESP32 SPP)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a8dbe015_0985_4581_abd5_1cc44f576fab|Bluetooth (HC05 / HC06)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0c7df3fc_a46f_4712_8cd3_77079978f4fc|Bluetooth (RN4677)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d178f336_576c_4bd3_b632_cdfcc238f811|Bluetooth BLE (ESP32 SPP Client)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a9fd95ee_27f4_42ef_8abb_3e810ec9711f|Bluetooth BLE (ESP32 SPP Server)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 76b3eb5c_2d23_4c8d_bde8_505032bc886a|Bluetooth v2 (EB024, Generic AT)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 575a3a3f_09b8_46be_8069_c4d1894d7e7e|GPS (EB056, Generic NMEA)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0d02ccfd_4cda_42b8_91d8_5392f491f9af|GSM (EB066, Generic AT)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2bfc8781_9817_4e0c_89f3_28dac37e9a62|IrDA (EB012, MCP1250, MCP2120)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ea261653_86e2_4c37_94f6_4151b318c6f5|LoRa (LAMBDA SX1272)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 81e90a9f_1594_4b34_8aef_5dd671dddc30|RC5 (EB060, Generic 36KHz)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 45bd9065_b6f7_42be_b96f_28c3df2c0a22|RF ISM (EB063, MRF49XA)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 882b6951_9944_48cc_8989_6ebd3d91956f|RF Transceiver (nRF24L01)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 74423151_1bf4_48b8_8ba8_a70c170ef2de|RFID (EB052, RWD-MICODE)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3f8d29a6_40a6_4d5e_a254_190c86d9ebb7|RFID (MFRC522)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 055a7ab6_78df_47ca_b967_143485c4d706|RFID (Sparkfun Quiic / ID-12LA)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cd5898bf_3a23_455e_b4e0_cddc1eec1d62|SRF (WirelessThings)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 53548cbe_cd57_471c_8ac1_3205d0e9da38|Zigbee (EB051, XBEE)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Hardware">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | E-blocks 3
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4993deaa_590b_4015_b110_0115a42dc968|Bluetooth (E-Blocks 3)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e4eb4f03_eaa4_4f2e_9920_3cbe11e4acab|E-Blocks 3 (USB Comms)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 73973401_ddc0_46a9_ba3b_baf5e877ce07|WLAN (E-Blocks 3)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | E-blocks 3 Sensors
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 20699a0c_0925_40c4_8aa1_35f294e225e6|Accel / Gyro / Mag 9-Axis (LSM9DS1 / BL0135)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e8ec17bd_a898_44d2_83af_968c96826948|Bridge Amplifier (HX711 / BL0122 / BL0132)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cc6a9919_31de_480e_91c9_2a59254a5bbd|Temp / Humidity (SHT41 / BL0144)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 97e631c7_51d9_4482_9b65_481b390a686d|Thermocouple (MAX31855 / BL0126)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | E-blocks 2
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cb3aa82e_81d7_491d_bab1_3fb7ee39c6af|Actuators]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 52399314_2f77_4acc_b9a2_c17b302f268c|Analogue]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5f9d5a58_6c01_4588_afa0_df4c01ce161a|Bluetooth]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID af9061e8_7f2b_475e_844f_66ab76823d07|CAN_Bus_BL0140]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 25db03ef_5393_4fb8_9b34_87a506428296|Colour GLCD (BL0157)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d4c04ac8_bbcd_4981_8ce6_9d6c9bb1e26a|Combo]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7ae74a71_a424_452f_8d71_618cf50cff98|E-block 2 Helper]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4d50e925_93e7_43ff_9c9f_8e958b9d714c|GLCD Monochrome]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e735f6a0_13c3_4ca3_9084_bdd19e21b8f8|GSM (BL0131)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e565ab5d_bf80_4911_938a_75b226ca6f93|IO Expander]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c92d41d3_e747_4d41_81d9_a6d3d23e8f07|Isolated Input]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b904b771_a7bc_47ec_a1ea_9d4c77afccf2|Keypad (BL0138)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ee697d50_7fb5_4074_8cd6_996e5c386722|LCD]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 103aab27_2ea3_483c_9710_fc3c495288a7|LED]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c2cb94bb_4cba_40ba_bd8a_1134bbd3e081|Micro SD Card]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 5d0e397b_8c3d_448e_a322_4a2cb1a6468c|Power Board (BL0110)]]
| width="20%" align="center" style="background-color:#FFFFFF;" | both
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 05b6159b_1572_4c0d_8ddf_705d9741955a|RFID (BL0197)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5ed3d626_7e86_4df8_881a_c326a2b932ec|Relay (BL0183)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9202a62e_0a42_4780_adce_16b701e5ec53|Servo Motor Controller]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3bb0eba4_8ae3_442b_8653_507d1bde8be0|Sound Sensor (Grove 101020023)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b3a7287a_4070_49d1_9122_bf6169f67cd1|Switch]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fcb6b4c9_7010_4058_aee8_6211ffbf3e26|SysBlocks]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7ea86aa3_ef65_4e41_80ea_ed33c0e1baa6|TCP/IP]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ea9c0946_5f88_4f9a_ae5f_8ba9b981b389|WIFI]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0326308c_6e94_4bd7_bb0c_d6e882d8bbfc|Zigbee]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | E-blocks 2 Sensors
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 940ad7e9_abab_434f_a5e3_ff50e2fdf962|Accel / Gyro 6-Axis (Grove 105020012)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b52758bf_4466_48c0_8054_33ee4b11e82b|Barometer (BMP280 / Grove 101020192)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID a1ea988c_88c9_4f96_ac26_1684e918a3de|Colour Sensor (Grove 101020341)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID ee2e1541_45ee_492c_a47d_014627e6b9b6|Colour Sensor V3 (Grove 101021133)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID f3b8eed1_fef6_4c1b_b62d_8efc84b1be35|Infrared Reflective Sensor (Grove 101020174)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ccbd6829_44c8_4011_954b_c39dd93adbed|PIR Motion (Grove 101020020)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 27104eb6_255f_486e_ad25_b8512b2cc2d4|Rotary Angle Sensor (BL0622)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eca89720_1386_4589_ab75_6c0425162b91|Temp / Humidity (Grove 101020212)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 06c52475_f44f_41f3_aae7_9ddeee44fc06|Ultrasonic Ranger (Grove 101020010)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4b57ccb5_9e55_4d0e_8961_43f6fcaec2d7|Water Sensor (Grove 101020018)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Raspberry Pi Hat
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 165242cb_b40c_416e_a435_1fe7e724c5b8|Sense Hat]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Misc Circuit
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID b5665f5d_809d_4bd8_a79b_411f893bec16|GameCode]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID b4f41fb0_9335_4a8f_a41d_284a8cfc31b5|LED Cube]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 144a220f_7bc3_4b73_bc56_f9c7203bf204|RGB Xmas Tree]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Robotics
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID e3be641a_8808_4138_bee5_805fbbce468c|Formula AllCode]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 9d5300ab_57ae_4483_8f18_04ec2007b406|Formula Flowcode]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | MIAC Module
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 463bfc0e_2a04_414c_bf85_10718fa2ca08|MIAC (Arduino-Compatible)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 596e6f4d_d87a_4e8b_b108_c0501127c382|MIAC (dsPIC)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f9109442_8b0f_47d6_b563_d085588af222|MIAC NXT / ECU]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="API">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API Slave Devices
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c7edc169_d417_46ec_ad9b_983ee0326e29|API (Arduino Mega)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2b53c2f2_b5d4_4e36_a647_6f9238744a75|API (Arduino Uno)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 556754b4_bed5_4bcd_88dd_fb13f92020d6|API (BL0032)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c9197106_edf6_4dcc_9654_ea56ad26f370|API (ECIO28P)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 40d5f2e2_3fb5_479a_91e1_f8ec3aae9e3a|API (ECIO40P)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e52b2356_d8b7_458b_8583_71f208bfd572|API (ESP32)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ed171d42_05fd_4946_9bf1_e59a9c98c5b8|API (Interface Board)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ec492589_4787_4b79_96df_718f9a2b46f1|API (RPI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Test Injectors
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 927d2882_ab2f_43e9_8690_d1d6891001ee|Injector (API Analog Input)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID dbc62603_09e5_4a5e_8df3_22b921d9e9e9|Injector (API Digital Input)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 916e4f8c_ea50_4d16_bcbb_60492d600217|Injector (API Digital Output)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5a237757_52e5_414b_b6e4_79c7b784c3ba|Injector (AT)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 002be1ac_efff_4c07_95de_1eab087cb25e|Injector (COM)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 50738af3_82a5_4074_a9b8_9f8f80be2b87|Injector (File)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b81ab4d7_be8f_4ddd_b5dc_937bda03dc82|Injector (Flowcode vNet)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2ed54982_ef92_4509_a67c_7b3a72f91279|Injector (Human Interface)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="System">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Scenarios
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 62b6ca37_eb0a_4b5f_b2e1_9a732c4e05ce|3D Printer]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID a05022fd_6fa1_499d_b885_a7d983e7bfdf|Airplane Landing Gear]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 93252f96_a8e5_4d65_8c40_11614bb15b52|CNC Machine]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID fde30de0_35ed_40ca_937a_88da6409c1d2|Car Seat]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 264eadac_6fe5_43e0_bfb6_969175aaab93|Daytona Racetrack]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID fc012d2f_082a_4f6f_a61b_314c46477eb2|Maze Generator]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6d87ff3b_ffd8_4720_92cc_363be1e8be6e|Oven Simulation]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID c46023c5_27e5_4122_bf3e_4519f23cfa0c|Pedestrian Crossing]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fd273e86_49bd_4ee5_8f36_9562cd3645af|Pedestrian Crossing]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d7160810_b896_4568_ac21_18897236a80e|Traffic Light]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 0c6b22fc_6e81_4406_aabd_5feb928e6aee|Traffic Light 1-Way]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID dbf602c1_cb49_4149_bcd3_4a5afeae9a7a|Traffic Light 2-Way]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
|}

</tab>

<tab name="Runtime">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Matrix Tools
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e2ed1829_6967_4339_98e1_3806650297c5|Device Helper]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fc3c670c_502a_418f_a123_649179752383|FCD helper]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3e5cc6d0_3e36_46b8_bc40_f238a5735b6e|IntOsc Helper]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5f7b77e5_e979_4010_93f1_e6d98f83bd71|Is Sim]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Indicators
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 995fa4f2_71ce_4d91_aa62_87f731ae7e7d|Circular Gauge]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 940e39a6_d035_4e43_8dbb_455ee4679066|Console Writer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 05e09581_b11d_46ae_b32d_c6414a6a922d|LinearGauge]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 9f9ffa92_a20d_4ba8_94e1_04e45bdea154|Logo Indicator]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 64f3c8ad_21a4_4e15_b9aa_c32a2edca893|Numeric Display]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4b055fcf_06dd_471b_8736_d2a089e0dbe5|On / Off Indicator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4ae66a67_562d_4d77_8417_9cd652f4f103|Speech (RealSpeak)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Controls
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a11aa47b_7c82_4dad_b62d_b1a263e2a4fe|Circular Knob]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 29e63c23_636f_4f9a_b691_ba1a717e3503|Joystick]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 22ca7f47_0b00_453a_a5ae_75f999cdee2d|Joystick 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b6909b43_7bfb_433f_8fdb_3b7d457ea73d|LinearSlider]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 53a15e07_4dcd_4dd6_96a9_d96164d63574|Number Pad]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 73611f11_f97d_4e6e_88e6_2d59b39c0a4a|RadioButton]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Charts
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a907d905_5879_48f3_9add_369a2f4e164f|Area Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 60b296cd_5b02_4c9c_9239_cca36238f480|Bar Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5d52e8a2_f248_4318_a0ac_e7b9503237cf|Bubble Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ba8897fe_8349_47b3_9072_e823e74131af|Column Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c725ba0c_0763_4bb1_ad0e_1217467c2d21|Historic Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3a68ebf7_1225_4b29_87da_a734c0720591|Line Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 77e27287_6ca9_44f7_a160_d338d87b68de|Pie Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 64f4811d_e83f_4e82_be8a_9e857f6ec6e6|Polar Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b49da131_faf9_4bd7_bcdf_323016e64ffd|Radar Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 387b4d2c_fc0f_44c0_a2ad_5fa05ed7db82|Ternary Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0187d13d_8822_4e75_ab22_474c7058ebe4|XY Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Runtime Tools
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cbb3c28e_2d73_4442_ac52_23a3b45d9870|COM Port]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a1da060c_e74a_4e12_bb90_3ddb43265592|Console Debugger]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3bf29e52_ebb4_4528_8d19_b2860c8ab80c|Console User Input]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 33b1e2c6_5509_40bf_a464_167edcbcf571|Data Recorder Setup]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3022653d_9f9f_4981_b558_9ed8d265c931|Event Log]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6ed9452d_1ae7_4f70_991c_6d8085a2d923|Input Message Box]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eb9025a7_acec_455c_9033_bd4dd2586e05|Keyboard]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d2a7fe23_7dd2_43ca_ad55_185eec92fdd8|Message Box]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 82a800d4_8620_4386_8ba3_25af2768f24e|Mouse]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 06db27a4_c20a_4371_b05e_7cdb55556859|Panel Console Viewer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 819d0c05_aaa2_4431_84dc_d40f3eee1b54|Property Manager]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b86179cb_b561_4be4_9d12_e51da4248807|Serial Monitor]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b9cd8fbe_d082_4fe3_b1a0_d6f33f8af028|Simulation External Input]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a96ddf9d_631d_4db7_a66e_c709e2de7164|Time Stamp]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f137a538_3ebf_42e7_a941_b8f628802070|Timed Event Trigger]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 51ad4fb4_3b45_4cd0_a74c_87311de8d3a2|Tone Generator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f54fa744_5af4_4c08_bdb9_fb31848a2b63|XML JSON Parser]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Creation">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Primitives (2d)
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiButton|Button]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiCanvas|Canvas]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiComboBox|ComboBox]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiComplexShape|Complex Shape]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiConnection|Connection]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiEditBox|EditBox]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiGauge|Gauge]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiImage|Image]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiLine|Line]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiNumericIndicator|Numeric Indicator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiRichText|RichText]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiShape|Shape]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiSwitch|Switch]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiText|Text]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Primitives (3d)
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID ec0b30b2_e817_4d34_b227_25ce8b4f46e5|3D Panel Measurement Tool]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID component:text|Label]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID component:shape|Shape]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID component:textbox|Text box]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
|}

</tab>

</tabs>

==App Developer Components==

<tabs>

<tab name="Controls ">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Digital Control
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eb9025a7_acec_455c_9033_bd4dd2586e05|Keyboard]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 53a15e07_4dcd_4dd6_96a9_d96164d63574|Number Pad]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fd273e86_49bd_4ee5_8f36_9562cd3645af|Pedestrian Crossing]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 73611f11_f97d_4e6e_88e6_2d59b39c0a4a|RadioButton]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cd8da0fe_80cf_4532_bb50_69f0d1730e70|Switch Array (Push)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 975b2770_cfa8_4c76_b8ca_c008735e366d|Switch Array (Slide)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e2698f3e_1168_4f25_9c50_24a74ea7e34a|Switch Push Button]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 58b37280_d90e_4a23_941d_26f34ccff410|Switch Rotary 0 - 1]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1df1ea9a_6983_4014_aba5_f5144ea4e053|Switch Slide]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d43ac17c_2ec0_4277_95f9_fbc339456fab|Switch User Images]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Analog Control
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a11aa47b_7c82_4dad_b62d_b1a263e2a4fe|Circular Knob]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 29e63c23_636f_4f9a_b691_ba1a717e3503|Joystick]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 22ca7f47_0b00_453a_a5ae_75f999cdee2d|Joystick 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b6909b43_7bfb_433f_8fdb_3b7d457ea73d|LinearSlider]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 82a800d4_8620_4386_8ba3_25af2768f24e|Mouse]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Dialogue Control
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3bf29e52_ebb4_4528_8d19_b2860c8ab80c|Console User Input]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6ed9452d_1ae7_4f70_991c_6d8085a2d923|Input Message Box]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Indicators ">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Digital Indicator
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6a9e9265_e261_4604_8dc3_252ea3ccf02c|7Segment (Single)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b07ae733_c144_4558_979a_be737044519c|LED Array]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 44f82374_a417_40d5_bd42_23a177a390d2|LED Mono]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ce086f9b_c365_4471_b6e4_1760a53a7bfb|LED Mono Custom]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b562ceda_0ae0_4c50_bbcd_38a4b7e77829|LED Mono User Images]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 9f9ffa92_a20d_4ba8_94e1_04e45bdea154|Logo Indicator]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 64f3c8ad_21a4_4e15_b9aa_c32a2edca893|Numeric Display]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4b055fcf_06dd_471b_8736_d2a089e0dbe5|On / Off Indicator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d7160810_b896_4568_ac21_18897236a80e|Traffic Light]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Analog Indicator
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 995fa4f2_71ce_4d91_aa62_87f731ae7e7d|Circular Gauge]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 05e09581_b11d_46ae_b32d_c6414a6a922d|LinearGauge]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4ae66a67_562d_4d77_8417_9cd652f4f103|Speech (RealSpeak)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Dialogue Indicator
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 940e39a6_d035_4e43_8dbb_455ee4679066|Console Writer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d2a7fe23_7dd2_43ca_ad55_185eec92fdd8|Message Box]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 06db27a4_c20a_4371_b05e_7cdb55556859|Panel Console Viewer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Audio Indicator
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 51ad4fb4_3b45_4cd0_a74c_87311de8d3a2|Tone Generator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eaee384d_6b16_4988_b1aa_8628231a7128|WAV Library File]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Charts ">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a907d905_5879_48f3_9add_369a2f4e164f|Area Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 60b296cd_5b02_4c9c_9239_cca36238f480|Bar Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5d52e8a2_f248_4318_a0ac_e7b9503237cf|Bubble Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ba8897fe_8349_47b3_9072_e823e74131af|Column Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c725ba0c_0763_4bb1_ad0e_1217467c2d21|Historic Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3a68ebf7_1225_4b29_87da_a734c0720591|Line Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 77e27287_6ca9_44f7_a160_d338d87b68de|Pie Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 64f4811d_e83f_4e82_be8a_9e857f6ec6e6|Polar Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b49da131_faf9_4bd7_bcdf_323016e64ffd|Radar Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 387b4d2c_fc0f_44c0_a2ad_5fa05ed7db82|Ternary Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0187d13d_8822_4e75_ab22_474c7058ebe4|XY Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Storage ">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Buffer
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 201d99f7_acf8_481d_a703_61860c2ba3ea|Circular Buffer (16-bit)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c34f9b8a_a915_4f75_ad0c_87f2ad670a8a|Circular Buffer (8-bit)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ed491c82_9f85_4627_93ce_d2b588352539|Circular Buffer (Float)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | File
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7d0c33a1_0aaa_4250_84bb_f96fc113abac|CSV Read/Write]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 42f3f8ef_ff5b_44e6_9be8_8c43d9ab5b08|Embed File]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3022653d_9f9f_4981_b558_9ed8d265c931|Event Log]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9cb6d9da_5555_4e1c_a65c_93b299b6011c|File Access]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f54fa744_5af4_4c08_bdb9_fb31848a2b63|XML JSON Parser]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Utility
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 34f258e1_5c8c_4519_b29d_aba7cbf41faf|Advanced String Functions]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID dfb4d07a_3d70_45d5_83ef_07e3c95d86ab|Lookup tables]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 819d0c05_aaa2_4431_84dc_d40f3eee1b54|Property Manager]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a8abdc98_224c_4c8a_8311_2921cb3dbe46|String Initialiser]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 306b3759_a92f_4779_b15f_93a9e35a75bf|String Translator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Math">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Calculation
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a78483e1_b293_47e7_984c_55984fc93571|Base 64]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6faf9c4d_ae2d_4997_840d_ce51c9a31498|CRC]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9a2a044c_10f5_437c_b5fa_0ec949130f36|Linear Feedback Shift Register]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ccdce31d_a1a3_437a_88ba_5431745ddf6e|Map Function]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b3061d15_325b_4a8f_863a_a059fab79caf|Median 16-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f2e05e6d_1864_465b_8d1d_0fc9238a7535|Median 32-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c211fc8f_6f17_461f_a44b_01dbc2368fbe|Median Float]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2e0f3546_f0f7_4644_b126_545f4c32984c|Modified Moving Average 16-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 118ff995_d306_4ae3_8d5e_454a85a77750|Modified Moving Average 32-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8062437d_88e1_459f_81de_d51162f7c654|Modified Moving Average Float]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a6ee9d2e_b26c_43ca_9478_15c3c338922e|Running Average 16-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID de7d4dbc_e93f_4b5e_b6f2_b7d035992206|Running Average Float]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e4dbf608_6521_4e08_a1f5_46b012fc8cc1|Standard Deviation]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6508c7be_063a_4f9f_bae5_4a41cf977a86|Type Conversions]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Timing
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bad20af2_3911_414d_8523_46895726e2bf|Stopwatch]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a96ddf9d_631d_4db7_a66e_c709e2de7164|Time Stamp]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f137a538_3ebf_42e7_a941_b8f628802070|Timed Event Trigger]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 08f4483b_47a4_4ba2_bf41_9527908f77da|Timer Interrupt]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="DSP">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | DSP Inputs
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fdef1c85_689b_4e44_81dc_7ab15dec21a6|Data Queue to Bits]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 73c1c565_8d04_44dd_ab78_1997d5e3c641|Input CSV]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c73d493a_b6a0_4dbe_b4b5_79648f67d11e|Input Digital]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c7648111_2a14_475e_980d_c7106ff9d3d0|Quadrature Generator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cbe42abc_5955_44da_a6d0_03e7cbcdcaca|Waveform Generator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | DSP Outputs
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 44e22c6d_4e79_4eb3_b2e1_7ff2fecb3e08|Bits to Data Queue]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e648c3de_ec39_4a3f_bbd9_46e45cce4a63|Level]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5142bd81_abad_444b_b6db_36a87dce5835|Output CSV]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1392d5c3_35ba_4c7f_a539_7f30a09758e4|Output Digital]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | DSP Operators
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 104899e2_8b2e_4854_923c_5a614c1b8a3c|Adder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d347e8eb_a0f2_45d5_8f31_7aba7f4e56b7|Averager]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0b1d97c1_ee89_45a5_8c39_114cd6d552ad|Deinterlace]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e0ddc704_6bab_4d08_8f10_19a14c6683ef|Delay]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f804a7bd_0280_4ff7_ab75_63be77fb2af3|Fast Fourier Transform (FFT)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 317efb6a_2bad_4f83_a0bc_4ada0f4cd51e|Filter]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 23b8de7f_5214_4f77_9bac_4982123b8d4b|Interlace]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 83fac7ac_b7b5_4cc4_890a_394cbf16cf71|Kalman Filter]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 82872714_f0f0_4758_91ec_bd39d2cdddc8|Math]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID facc8c89_963a_408e_985e_ed768a52b01a|Median]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a9e01aa0_f224_4902_a558_6a199fc039c5|Multiplex]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 88a7dbc4_af92_4205_8943_abaa77504462|Offset]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 34b6f31b_7e33_4beb_891e_defacbee8587|On/Off Control]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e6dd1315_4acf_4fb5_abd9_5743d3715cbe|PID Control]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 939a5d54_28c7_488d_af39_46f7c5d2c429|Rectifier]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f1af5256_1dee_491c_b43f_fdc8f33279fb|Scale]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 907f24e9_a8a3_46ea_942d_67dc55f7eb44|Simulated Control Load]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Comms">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms: Interface
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 55fa09f1_703e_4400_b2b5_8391f161a368|BLE GATT SPP]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cbb3c28e_2d73_4442_ac52_23a3b45d9870|COM Port]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 17c77397_9882_41a7_9aa8_05850854417e|I2C Multiplexer (TCA9548A)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 63de6312_8008_46d2_8a0c_bb66e56674e2|LIN Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms: System
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d04f4385_497d_4e46_a71d_2c0ccb4b0421|J1939 Automotive Node]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 97647329_1e06_46dc_ba11_9d721038294d|Modbus Master (SCADA)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a93b1f52_b96d_4a14_806e_63f73d2654b2|Modbus Slave (SCADA)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 019e3dbb_2bfa_44a7_baf0_17b672d9b8f4|Modbus TCP Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1ecb9b0a_53e7_45c9_ab6f_7a0d4a0c47e1|Modbus TCP Slave]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 69c3c380_182a_4ba7_8043_9c9732b498fa|OBD2 ECU (Server)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms: IoT/Cloud
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 72cd9559_26f7_4ffd_984c_cf3a82a6db16|BBC News]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID df96ffa1_4d36_453a_8877_758f68a2676c|BBC Weather Forecast]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bf90426c_1763_4a7a_be5c_b3e442e3f6d8|BBC Weather Observation]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2740a93b_32a9_48d1_8fc3_089d13b50bb5|IoT Made Easy]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6af7744a_76aa_4522_8cf1_05c8bd34859c|JSON Decoder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f2ad060d_0ae3_43d2_9d82_f49eb4215240|JSON Encoder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 459c9cfb_82e3_40ad_9456_54fc40ba5e6c|MQTT Client]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms: Networking
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 91049bf5_2436_42dc_947a_c30c86463d98|Network Communications]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a1c9b843_a641_4b9c_b762_26995b8f9464|Webserver (GENERIC - Flash / File)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Hardware">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | E-blocks 3
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e4eb4f03_eaa4_4f2e_9920_3cbe11e4acab|E-Blocks 3 (USB Comms)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | E-blocks 3 Sensors
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 20699a0c_0925_40c4_8aa1_35f294e225e6|Accel / Gyro / Mag 9-Axis (LSM9DS1 / BL0135)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cc6a9919_31de_480e_91c9_2a59254a5bbd|Temp / Humidity (SHT41 / BL0144)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 97e631c7_51d9_4482_9b65_481b390a686d|Thermocouple (MAX31855 / BL0126)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | E-blocks 2 Sensors
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 940ad7e9_abab_434f_a5e3_ff50e2fdf962|Accel / Gyro 6-Axis (Grove 105020012)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b52758bf_4466_48c0_8054_33ee4b11e82b|Barometer (BMP280 / Grove 101020192)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID a1ea988c_88c9_4f96_ac26_1684e918a3de|Colour Sensor (Grove 101020341)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID ee2e1541_45ee_492c_a47d_014627e6b9b6|Colour Sensor V3 (Grove 101021133)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eca89720_1386_4589_ab75_6c0425162b91|Temp / Humidity (Grove 101020212)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="API">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | AllCode
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bd23228f_b173_4135_ab3b_a4c3c4caa7a8|Control]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c3e5eb13_e03d_4ca6_be4d_1c63ad107a35|Electrical Machines]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4182ece3_6ad5_41d3_a0e2_31bc570806db|Formula AllCode API]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 482486a9_7207_4b46_9e63_5c459534ab19|MIAC AllCode API (dsPIC)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a34ee78a_4a97_4e95_a5f6_3a9fa3de7167|MIAC NXT AllCode API]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eabeda20_432c_4554_80b3_5851d675a9e7|MIAC USB Slave API (PIC)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 76e989d0_a2ed_457f_a293_3025b804f433|Robot Arm v2]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API Slave Devices
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c7edc169_d417_46ec_ad9b_983ee0326e29|API (Arduino Mega)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2b53c2f2_b5d4_4e36_a647_6f9238744a75|API (Arduino Uno)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 556754b4_bed5_4bcd_88dd_fb13f92020d6|API (BL0032)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c9197106_edf6_4dcc_9654_ea56ad26f370|API (ECIO28P)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 40d5f2e2_3fb5_479a_91e1_f8ec3aae9e3a|API (ECIO40P)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e52b2356_d8b7_458b_8583_71f208bfd572|API (ESP32)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ed171d42_05fd_4946_9bf1_e59a9c98c5b8|API (Interface Board)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ec492589_4787_4b79_96df_718f9a2b46f1|API (RPI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Test Equipment
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 66309a73_20da_4f2f_bb92_c4749cfad84c|PicoScope]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8c08bf29_be7e_4408_92bc_91c476fb70db|TTI Power Supply - PL155-P]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3c01caaa_b732_49a0_b15e_7c9d98878b19|TTI TG5011 Signal Generator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Third Party
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eedbc87c_0433_4f67_86c5_a106439fc603|FTDI (FTD2XX)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="API Library">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API Audio
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2061d38d_0cca_440c_a842_f9c84ca55f90|DFPlayer (MP3 / WAV)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0a5d4625_78e6_4bf3_a802_925c655ef718|Heelight Sensor (Grove 101020312)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API Comms
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID da332928_6342_4c2c_afc7_eaf33917d33e|CAN (Internal, MCP2515)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e4eb4f03_eaa4_4f2e_9920_3cbe11e4acab|E-Blocks 3 (USB Comms)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 24219805_113d_4b12_b6bd_e1b0b0c33981|I2C Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d04f4385_497d_4e46_a71d_2c0ccb4b0421|J1939 Automotive Node]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 43861adb_8a59_492d_8f9f_a08775800bc1|MULTIUART]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 69c3c380_182a_4ba7_8043_9c9732b498fa|OBD2 ECU (Server)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 55831e22_7885_4e0f_a9de_73ebda9d7fe9|One Wire (DS2482)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 055a7ab6_78df_47ca_b967_143485c4d706|RFID (Sparkfun Quiic / ID-12LA)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 96862c4d_debc_45fa_9433_74711a4b9a3b|SPI Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c73616d1_7ad0_45d9_aada_69ccfa4c5efc|UART (RS232)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API Display
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ac3375c7_acf3_4160_8c3e_3011735116aa|GLCD (E-BLOCKS 3)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8a7a90d2_3274_4433_8609_699e976e0719|GLCD (Grove OLED)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ebf9c18e_044e_41e2_b845_da14e744b25f|GLCD (SH1106) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID dfe103f9_ef5c_4554_85be_7519ec274609|GLCD (SSD1305) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f6ab6074_68ba_4cd4_9274_f973102f8518|GLCD (SSD1306) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6548a7da_7e0b_4d45_ad92_f61bf5713442|GLCD (SSD1327) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 496cf2f0_4220_4f70_9219_7c67c672e36e|GLCD (ST7036) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f45468b8_5731_4bfb_b5c0_4042ef1dd1da|LCD (Grove - I2C)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 31326041_9339_4cf4_b609_c14cc66318b3|LCD (Grove - UART)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bcd6a955_12c6_4ed4_a22f_f16eb62e0762|LCD I2C (Backpack)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3cf64267_8c56_47b0_84a1_a933a77716bc|LCD I2C (LCM1602)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c198e346_6b0f_4309_973c_78d7207e0b96|LCD SPI (MiniClick)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API Environmental
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c416a604_834b_48ba_a5e8_a47cad4f08de|Air Quality (BME688)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a9eb79b0_1d24_4acf_aade_d3639aa800c7|Barometer (BME280)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 38f89887_af35_470e_8c6f_c91f3c99e88d|Barometer (BMP180)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b52758bf_4466_48c0_8054_33ee4b11e82b|Barometer (BMP280 / Grove 101020192)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ca60c1d2_fb77_4e3e_9d01_c4496d35db1e|Barometer (DPS310)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b8c43425_121c_4dfc_8a70_665973e9938b|Barometer (MS5637)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2755f2ee_60e0_4e4d_9bce_8bffb3a6a730|Humidity AHT10]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 36175036_08af_4bcf_8dd2_1c46f6761385|Magnetometer (BMM150)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID caa29480_5f50_4c3b_8dac_22cfb8e36999|Pulse Oximeter (Max30100)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e3b5f8d2_6f4a_4fbc_a4f9_9c7f5a1a3b65|RTD (MAX31865)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eca89720_1386_4589_ab75_6c0425162b91|Temp / Humidity (Grove 101020212)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 66e6f00d_d894_49de_a768_02997eaf45e1|Temp / Humidity (HTS221)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 75d7da2a_c682_4622_ac86_b6eb9ed7a88e|Temp / Humidity (SHT21)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4475d8e8_4f60_48be_8a27_e91d85fbabae|Temp / Humidity (SHT31)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cc6a9919_31de_480e_91c9_2a59254a5bbd|Temp / Humidity (SHT41 / BL0144)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID df4eca75_779f_47ce_9495_56d3233be5e1|Temperature (DS1822)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 783b7689_0c71_44fb_9dde_673e4b7455ba|Temperature (DS18B20)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b42d9405_a751_4622_8fbe_ce512da391ba|Temperature (DS18S20)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bbf0ab46_623e_44c6_9402_3acfcd9d0006|Temperature (LM75B)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 97e631c7_51d9_4482_9b65_481b390a686d|Thermocouple (MAX31855 / BL0126)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cbedb7e1_22c3_4edc_80f8_0501f7f9e398|Thermocouple (MAX31856)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 60de8264_7faf_4f77_904e_69bb19909ba8|Thermocouple (MCP960X)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API Electrical
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fd24f205_3750_4324_8c2c_94a6c0377475|ADC ADS1256]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d5f0360d_ba69_4cc4_af4a_c2621fd2d77d|Battery Cell Fuel Gauge (MAX17043 MAX17044)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ef2427ea_7767_43be_a0c5_6f705e3c2668|Energy Monitor (PZEM-004T)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API IO
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 937e425e_21c0_4b08_8d8f_0bf80a6391d2|ADC (AD7680)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 235fd689_bfd1_4c4a_a918_6c3c36e9a49f|ADC (MCP356X)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e65e5368_af24_44a9_897e_cb0422fcea27|ADC QUAD + DAC (PCF8591)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3d87ffe9_97c1_4013_a2cd_82c24d0ccb48|DAC (AD5662)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e78d88a0_e132_4f82_988d_59353009b669|DAC (MCP4725)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 70a3bead_e66d_4a76_bc7b_fb1baa86d2e6|DAC (MCP47x6)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fab5cf20_8686_4397_8a21_cc936659d5f6|DAC (MCP48x1)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b6de5668_e0ae_4c1a_9c16_b16aa3f58024|DAC (MCP49x1)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f484e96a_af4f_434e_a002_70d3f4315dfb|DAC Dual (MCP48x2)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b66f5769_5e9d_40e7_9159_c6a0552ff86e|DAC Dual (MCP49x2)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID adb523db_db13_4d19_bfa3_0fbc177e4d3f|DAC Quad (MCP4728)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a4c8e3f2_9b7d_4e1a_8c5f_3d6e9a2b4c7d|DDS DAC (AD9834/AD9833)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b48a8c76_b62d_4b52_9368_237e5a2dbd4a|Digital Potentiometer (AD528X)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 37025734_a84d_46ad_9078_925beb81f38b|Digital Potentiometer (MCP41XX / MCP42XX)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID aba8b3ce_e71c_49c8_a961_d59b36338afa|Digital Potentiometer (MCP41XXX / MCP42XXX)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3a3a0802_42b6_4c31_8983_4d043b70b443|Digital Potentiometer (MCP44XX)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a69bf9b3_272e_44b3_a47d_22f53c3c0804|Digital Potentiometer (MCP45XX / MCP46XX)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 50eddda0_73c3_4514_b2e0_7e33abeaa162|Grove I2C Motor Driver]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 76bb1b8c_43da_48d3_b53f_a9907f03a528|IO Expander (MCP23017)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 331daac0_653d_4f45_9822_6408a8258bda|IO Expander (MCP23S17)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d43a1c1f_8ad6_4271_9f62_20e1bdf529f0|IO Expander (PCF8574)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4616b658_531f_4c5e_981a_4d9fc04f9a36|IO Expander (PCF8575)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 74571cdc_4f94_4e9a_b56b_376f36424996|Joystick (Sparkfun Quiic)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 94c78e1b_f580_4105_a223_7e40b75d134c|Joystick (Sparkfun Quiic) 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5bd41be2_1b9c_4f30_ba78_84cb29d61ced|PWM 16CH 12Bit (PCA9685)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API Light
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e08872a7_6962_4b61_bcca_71389f8ed8d7|Ambient Light]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID a1ea988c_88c9_4f96_ac26_1684e918a3de|Colour Sensor (Grove 101020341)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID ee2e1541_45ee_492c_a47d_014627e6b9b6|Colour Sensor V3 (Grove 101021133)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e1d52efb_00d4_4e19_ba4c_29b292535ea1|Infrared Array AMG88xx]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 488c3a77_9ff2_4e60_9bfd_cf074405e294|Range Time of Flight (VL53L0X)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API Movement Orientation
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 20699a0c_0925_40c4_8aa1_35f294e225e6|Accel / Gyro / Mag 9-Axis (LSM9DS1 / BL0135)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5d2c6406_e3aa_46bd_8144_57f60194a1e9|Accel / Gyro / Mag 9-Axis (MPU9250)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 940ad7e9_abab_434f_a5e3_ff50e2fdf962|Accel / Gyro 6-Axis (Grove 105020012)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 75a362f4_d74d_48e7_9790_530f4d0e78b6|Accel / Gyro 6-Axis (MPU-6050)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d950cf7c_f9fc_49ba_a486_0d45b6afd1aa|Accel / Gyro 6-Axis (MPU-6886)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID db2c91d9_4fd5_42b8_98f4_76dfb160dece|Accel / Mag 6-Axis (LSM303D)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d61dd6a6_231e_4244_9e8d_4f15e7ea10d5|Accel / Mag 6-Axis (LSM303DLHC)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 788b85c9_21ae_4fad_ada1_9f118fc8023c|Accelerometer 3-Axis (LIS3DHTR) ]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 72f0a8c3_2b8f_4723_b22a_4a81873e5151|Accelerometer 3-Axis (LIS3LV02DQ)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2c716005_e9b5_46e3_86f9_30e5268341a9|Accelerometer 3-Axis (MMA8452Q)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 447dabf8_4e39_46a5_a3d6_a02341bef0f0|Gyroscope 3-Axis (L3G4200D)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8e4553f8_fce7_4fed_80c1_33de9590a678|Gyroscope 3-Axis I2C (L3GD20)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 593b7216_0a11_465c_9cf5_3b809503a72c|Gyroscope 3-Axis SPI (L3GD20)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e4f1697e_5571_475a_a2b1_aa7243920422|Magnetometer (SM324)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4c2256c0_4453_4369_8c36_09770d223a09|Magnetometer 3-Axis (HMC5883L)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Creation">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Primitives (2d)
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiButton|Button]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiCanvas|Canvas]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiComboBox|ComboBox]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiComplexShape|Complex Shape]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiConnection|Connection]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiEditBox|EditBox]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiGauge|Gauge]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiImage|Image]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiLine|Line]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiNumericIndicator|Numeric Indicator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiRichText|RichText]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiShape|Shape]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiSwitch|Switch]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiText|Text]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Primitives (3d)
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID ec0b30b2_e817_4d34_b227_25ce8b4f46e5|3D Panel Measurement Tool]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID component:text|Label]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID component:shape|Shape]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID component:textbox|Text box]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
|}

</tab>

</tabs>

==Web Developer Components==

<tabs>

<tab name=" Controls">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Control
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c68e35f2_92e3_4a48_abd9_4a1818aa1023|Button]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 21cdfa0f_51ac_48a5_9448_53d3460fed47|Check Box]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 46df05de_0544_4c2f_b70a_3d5e40074a0c|Choose Colour]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3d8ea96e_c2b7_4160_87c2_0b17d0511ddc|Choose File]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9d2842d2_c72d_4631_94b3_1186cb496fff|Combo Box]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c9c426b0_29da_406a_afa3_aa4bd66f785f|Input Text]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1aadf780_b159_4970_8c1a_6af1ec49335b|Radio Button]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7e6b63bd_8cda_4b3d_bf64_ec66e9055a25|Slider]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID add0cf83_9484_4047_8048_40f00c95972e|Switch]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name=" Indicators">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Indicator
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4fc7c04c_c105_4a2b_ba78_27f11d8b2320|Canvas]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f43a5e51_dae4_4d71_803d_27e56a7b25b2|Gauge]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1b25bcf6_4e20_4646_9eda_8565971d5724|Indicator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cfb27e2a_028f_4b18_844c_048de6c2d7ee|SevenSeg]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name=" Charts">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c0afb39c_50ed_44c3_91cc_b15bb0baa6f6|Area Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 33bed1e4_f05f_4a12_a934_a511c24913b9|Bar Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 42f80fc0_5172_44ef_850c_d42d28ef0bd8|Column Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 724dc5b4_8519_41ff_a96d_413275961305|Line Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d2449868_8378_45f5_a9b2_12ed71762d7d|Pie Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name=" Helper">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cb997a87_2257_4fed_917f_89732d879150|Bluetooth]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 209c214a_3fdf_4a09_9354_e2f146dbdedc|HTTP Fetch]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1ea0baab_69f8_45a5_9eda_aba35d8de3e8|HTTP Params]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 872dba99_b369_457e_b6f1_914a9f35ad19|JSON Decoder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0e2759dd_5335_4769_bdb4_5ddea30a6236|JSON Encoder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ac5ba24f_d4c3_48e7_9147_e5197de7f7b5|MQTT Client]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 23c1be0a_4c1e_4d83_9de5_47a82d4e4950|SerialPort]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Data
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a1612734_3758_43e9_b5f1_2b1a35304d19|Array Helper]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e822511e_30d7_4aaa_a34d_93b7796cc82b|Create File]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 45ce3fab_d9df_40fe_8ef5_04d8e6e590e5|Location]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f29b1d3f_7cb2_4585_bd19_f502759b66ac|Motion]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2e5d477d_7e43_4691_95e1_becf96fed02d|Object Helper]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 32333e38_5975_4078_a873_efdf2975a04e|Orientation]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 15f033b8_7422_4475_9e3a_35e5731fb589|Popup Message]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 80045c63_20e3_46df_8a8c_b47985d737a0|Speech]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 58f727d6_1ff6_4e68_80dd_395bdb2143b7|Storage]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 30f0236a_7777_4c6f_8ceb_a29b8d5294d1|Timer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7124e995_9c63_405b_8324_0ab23d49a5cc|Timestamp]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 435108f4_b1f8_4050_b4d1_310d0726e8f0|Vibrate]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name=" Creation">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Primitives
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiCanvas|Canvas]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiComplexShape|Complex Shape]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiImage|Image]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiLine|Line]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiRichText|RichText]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiShape|Shape]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiText|Text]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Web Primitives
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cf57b83c_426c_4db7_964e_7c99643f5bc7|Complex Shape]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d8bcae4d_437d_4252_bdc7_d8132145f18e|Image]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1812403e_8a44_4e02_843e_b5c58a6f9646|ImageUrl]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8572e90c_bb9d_4d3c_8350_a68d412af899|Label]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2b8bf5a1_2d66_44fe_8023_cb41c33d1add|Shape]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3bd55a33_d9ed_44a0_80d9_76a8d954a335|Text Block]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3dd46a25_45e9_4e03_a4f6_2c2fbd06d4ca|TextUrl]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

</tabs>

Components

2026-04-27T09:59:54Z

BenR: /* Web Developer Components */

In Flowcode IDE, a component is a predefined module or building block that represents a physical or logical element, which can be added to your project to simplify the process of designing and simulating embedded systems. These components can range from hardware elements like sensors, actuators, and communication devices, to software elements like variables, timers, or logic gates.

Each component typically comes with its own properties, methods, and events, which allow users to configure and interact with the component in a graphical way. For example:

Hardware components: These include microcontrollers, LEDs, motors, displays, or communication interfaces like I2C, SPI, and UART.
Software components: These are functional blocks such as delays, counters, or decision-making constructs like conditionals or loops.
Flowcode simplifies embedded programming by allowing you to drag and drop these components into your design, and then connect and configure them without the need to write low-level code manually. However, it still offers the flexibility to add custom code when needed.

Each component can also be simulated, allowing you to test and debug your design before deploying it to the actual hardware.
__TOC__

==Embedded Components==

<tabs>

<tab name="Inputs">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | General Input
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 0e4cb9c6_10d4_416f_bc27_5f8f7bc746b4|Grey Code Encoder]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9dba6468_db7d_4eae_8b94_7bd35fd115b1|Grey Code Encoder 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 76bb1b8c_43da_48d3_b53f_a9907f03a528|IO Expander (MCP23017)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 331daac0_653d_4f45_9822_6408a8258bda|IO Expander (MCP23S17)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d43a1c1f_8ad6_4271_9f62_20e1bdf529f0|IO Expander (PCF8574)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4616b658_531f_4c5e_981a_4d9fc04f9a36|IO Expander (PCF8575)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 3531a68d_7686_44b7_a3a5_67afda8467dc|Quadrature Encoder]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 50d58a97_3208_4ff3_bcd4_0d2b1c22dc1c|Quadrature Encoder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Analog Input
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 937e425e_21c0_4b08_8d8f_0bf80a6391d2|ADC (AD7680)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 235fd689_bfd1_4c4a_a918_6c3c36e9a49f|ADC (MCP356X)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ee11c499_8a22_4987_ba57_c7d5d2224a39|ADC 24bit ADS1220]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fd24f205_3750_4324_8c2c_94a6c0377475|ADC ADS1256]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e65e5368_af24_44a9_897e_cb0422fcea27|ADC QUAD + DAC (PCF8591)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7aad74d6_b24e_4dab_91eb_5d72a973f12d|ADC Template]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9b845489_48f5_4fa5_aace_2c97efdcede3|ADC Template 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f788c9e7_2e69_4be9_b41e_5fdced777c2e|ADC16bit ADS111x]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 74571cdc_4f94_4e9a_b56b_376f36424996|Joystick (Sparkfun Quiic)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 94c78e1b_f580_4105_a223_7e40b75d134c|Joystick (Sparkfun Quiic) 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 11ca2f38_de81_4812_9338_4b5a7a89a658|Potentiometer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3d8f329f_3bf9_4c90_8797_05100f6419f8|Potentiometer (Slider)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Switch
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 9306f758_06af_49f8_8b09_d10d2b4374dd|Rotary Switch]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 6f2c4205_6a87_46ba_a8b4_8c869e144fcd|Switch (Microswitch)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e2698f3e_1168_4f25_9c50_24a74ea7e34a|Switch Push Button]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 58b37280_d90e_4a23_941d_26f34ccff410|Switch Rotary 0 - 1]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e5dbdd14_0308_4a22_bacd_765215a4df45|Switch Rotary 0 - 15]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1df1ea9a_6983_4014_aba5_f5144ea4e053|Switch Slide]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d43ac17c_2ec0_4277_95f9_fbc339456fab|Switch User Images]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Switches
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 208101fb_f735_4e83_980b_c1d2b4be28ff|Switch Array (Push)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cd8da0fe_80cf_4532_bb50_69f0d1730e70|Switch Array (Push)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 4ac72986_ad7d_49ce_afe5_9128831debc9|Switch Array (Slide)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 975b2770_cfa8_4c76_b8ca_c008735e366d|Switch Array (Slide)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Keypad
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6c74b9ee_2907_4b1e_8a9b_80fc192b6027|Keypad]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1d24df27_423c_4d91_b2bb_e6ad3e121f14|Keypad (Cursor 3x3)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 287e2f0b_8869_4994_a958_c8f851091322|Keypad (Hex 4x4)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Outputs">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | General Output
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 76bb1b8c_43da_48d3_b53f_a9907f03a528|IO Expander (MCP23017)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 331daac0_653d_4f45_9822_6408a8258bda|IO Expander (MCP23S17)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d43a1c1f_8ad6_4271_9f62_20e1bdf529f0|IO Expander (PCF8574)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4616b658_531f_4c5e_981a_4d9fc04f9a36|IO Expander (PCF8575)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 444fb704_814c_4707_a15c_759ba088505c|PWM (Internal)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5bd41be2_1b9c_4f30_ba78_84cb29d61ced|PWM 16CH 12Bit (PCA9685)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2f95990b_1dc6_4cb4_a6b1_e000a487b702|Relay (Grove 103020005)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Analog Output
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e65e5368_af24_44a9_897e_cb0422fcea27|ADC QUAD + DAC (PCF8591)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3d87ffe9_97c1_4013_a2cd_82c24d0ccb48|DAC (AD5662)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 09222494_fbef_455b_9651_9e9e46592eb5|DAC (Internal)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e78d88a0_e132_4f82_988d_59353009b669|DAC (MCP4725)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 70a3bead_e66d_4a76_bc7b_fb1baa86d2e6|DAC (MCP47x6)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fab5cf20_8686_4397_8a21_cc936659d5f6|DAC (MCP48x1)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b6de5668_e0ae_4c1a_9c16_b16aa3f58024|DAC (MCP49x1)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f484e96a_af4f_434e_a002_70d3f4315dfb|DAC Dual (MCP48x2)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b66f5769_5e9d_40e7_9159_c6a0552ff86e|DAC Dual (MCP49x2)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID adb523db_db13_4d19_bfa3_0fbc177e4d3f|DAC Quad (MCP4728)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a4c8e3f2_9b7d_4e1a_8c5f_3d6e9a2b4c7d|DDS DAC (AD9834/AD9833)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID a3bfda42_750b_4baf_8428_3536dcfc72cd|DDS DAC Synth (AD9851)]]
| width="20%" align="center" style="background-color:#FFFFFF;" | both
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b48a8c76_b62d_4b52_9368_237e5a2dbd4a|Digital Potentiometer (AD528X)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 37025734_a84d_46ad_9078_925beb81f38b|Digital Potentiometer (MCP41XX / MCP42XX)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID aba8b3ce_e71c_49c8_a961_d59b36338afa|Digital Potentiometer (MCP41XXX / MCP42XXX)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3a3a0802_42b6_4c31_8983_4d043b70b443|Digital Potentiometer (MCP44XX)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a69bf9b3_272e_44b3_a47d_22f53c3c0804|Digital Potentiometer (MCP45XX / MCP46XX)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0a0819d2_73b7_4bc2_bc11_f3139972d224|Digital Potentiometer (X9Cx0x)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Audio Output
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 04bbd3b8_ee11_40eb_91e8_1bbbd6f65b8c|Buzzer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2061d38d_0cca_440c_a842_f9c84ca55f90|DFPlayer (MP3 / WAV)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 70ec3aee_f273_4b0e_8ee6_e2b3a8b693af|Piezo Sounder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 01fd689c_985c_4b10_bc98_99de5f9b41a8|Speech (Phoneme)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eaee384d_6b16_4988_b1aa_8628231a7128|WAV Library File]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | LED
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 44f82374_a417_40d5_bd42_23a177a390d2|LED Mono]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ce086f9b_c365_4471_b6e4_1760a53a7bfb|LED Mono Custom]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b562ceda_0ae0_4c50_bbcd_38a4b7e77829|LED Mono User Images]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 67271369_4b2e_4126_a5d0_a93142ac71b9|LED MultiColour Bi (5mm, PCB)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID a5c2033e_8639_4de3_80eb_58c02b44bd96|LED MultiColour Tri (5mm, PCB)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | LEDs
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID bbfc7c9f_fa05_4257_849d_8601ff7dc1de|Chainable RGB LED v2.0 (Grove 104020048)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b07ae733_c144_4558_979a_be737044519c|LED Array]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 6664b695_2a8f_4247_ae55_110b38270877|LED Bar v2.0 (Grove 104020006)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fef1acfd_e19f_4af2_9593_ba341240ce4f|LED Charlieplex]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID ef9cb184_0167_4d3e_a63b_6e0faad72391|LED Matrix]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 24bef796_e0e3_4195_a76d_920fdba5ea79|LED Matrix (Parallel)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 5a88c882_0396_44f3_a67b_f236244800d1|LED Matrix (Serial)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 0161e243_0ca0_497d_88be_76351cf4dfa1|RGB LED APA102C]]
| width="20%" align="center" style="background-color:#FFFFFF;" | both
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 12a23e2a_0b1e_427e_975a_f0b56d4a9483|RGB LED LP5030 LP5036]]
| width="20%" align="center" style="background-color:#FFFFFF;" | both
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 284bf38b_0fe1_4a0b_ae43_e1784445821b|RGB LED SK6812 RGBW]]
| width="20%" align="center" style="background-color:#FFFFFF;" | both
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID d814cb36_0d04_4eeb_b5b3_da8276ad8bdf|RGB LED WS2801]]
| width="20%" align="center" style="background-color:#FFFFFF;" | both
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID d977c3ef_c7dc_4683_a1be_76e17e6ba12b|RGB LED WS2811 / WS2812 / APA106]]
| width="20%" align="center" style="background-color:#FFFFFF;" | both
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Mechatronics
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 83c095cc_fefc_4854_a7c5_7fe867753bf4|Coupling]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4b0e5196_0db2_45a9_bcb9_b172f71f9c4d|DC Motor]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID bfa45502_f9d6_4b53_a239_b5731f9288d5|Gearbox]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 50eddda0_73c3_4514_b2e0_7e33abeaa162|Grove I2C Motor Driver]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 2e8c4276_d81c_4dd6_a70f_aad25e8bbf1e|Kinematics Arm]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 15921536_cf92_4cd3_88e4_207c251ab775|Linear Actuator]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7b03c836_c1f9_4ab5_8bf2_787a55e792e0|ST3215 Servo Motor]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 02668c1b_013c_43b8_a5b3_4f9d73412137|Servo Motor]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9202a62e_0a42_4780_adce_16b701e5ec53|Servo Motor Controller]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1ac8ae8b_bcd2_493f_b516_36dacb3695f9|Solenoid DC]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b331ed08_2a01_466e_9816_df3342019892|Stepper Motor]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Displays">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Segment
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID d9e86781_7fa0_4e64_9f82_ef49152611b0|4-Digit Display (Grove 104030003)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3299d5f9_92a6_414a_af9f_f7fe29b3e6ed|4-Digit Display (Grove 104030003) 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID e2c3165d_8020_4e52_bc7e_7022ff459129|7Segment]]
| width="20%" align="center" style="background-color:#FFFFFF;" | both
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID bddc472f_59dc_4705_997e_662768d643cd|7Segment (74HC595)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 727806c8_26a4_489a_a11e_4ef0306694f5|7Segment (74HC595) 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 4de4697e_2de3_432e_a0fe_97ef8c79dfc0|7Segment (Hex TM1637)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5c1232f7_2af1_4ce9_9124_1ad038ac09d8|7Segment (Hex TM1637) 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e6bd0a57_6bf2_42bb_b05e_6b6cdad2ce0e|7Segment (Quad TM1637)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID f4400e36_dd95_4472_86da_4bba68d68d5d|7Segment (Quad)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 71f200a6_153f_4984_8928_850523305e02|7Segment (Quad) 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 52c5383b_4f48_4029_8b75_c3633f7cf892|7Segment (Single)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6a9e9265_e261_4604_8dc3_252ea3ccf02c|7Segment (Single)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 5015c7e1_2166_4f1a_b9b1_9bd181784cea|Starburst Display]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ae5688c5_6bfc_4e62_aaf4_e9a56fb068f9|Starburst Display]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Alphanumeric
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 672cb410_6026_403b_aff7_0628fe9e8140|LCD (Adafruit, 16x2)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 913991df_9bcb_475a_ae49_d9eb611b0d71|LCD (Adafruit, 20x4)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f8c9b53d_0bf2_469f_8f0a_34caa93749ba|LCD (Generic, 16x2)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a2b40602_5421_4e2f_ba82_96db1be51d69|LCD (Generic, 20x4)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 51677753_5eaf_4e3a_a3c8_71c49a142171|LCD (Generic, Configurable)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f45468b8_5731_4bfb_b5c0_4042ef1dd1da|LCD (Grove - I2C)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 31326041_9339_4cf4_b609_c14cc66318b3|LCD (Grove - UART)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 24a7a014_0ad0_44a7_b63b_61dac014eee7|LCD (ST7032i)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bcd6a955_12c6_4ed4_a22f_f16eb62e0762|LCD I2C (Backpack)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3cf64267_8c56_47b0_84a1_a933a77716bc|LCD I2C (LCM1602)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c198e346_6b0f_4309_973c_78d7207e0b96|LCD SPI (MiniClick)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Graphical Color
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ac3375c7_acf3_4160_8c3e_3011735116aa|GLCD (E-BLOCKS 3)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3167b57a_5a41_4a91_bd6c_e0a8cc23cf56|GLCD (GC9A01A SPI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 79f105db_3eb0_45cb_b3fb_e4b6d6e94358|GLCD (ILI9163C)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7bd84555_ae51_40cc_8e1a_a7bcba661e52|GLCD (ILI9341 SPI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bc0a0612_ef85_48fb_8960_5e78f4083df1|GLCD (ILI9341)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3408fde0_f512_487b_8902_74cd56623191|GLCD (ILI9488 SPI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b5148d9e_884c_488e_8536_741e7fc4306c|GLCD (ILI9488)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 641b19bc_b941_46de_843d_229ca347466d|GLCD (LS020)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0a432f5f_d9a0_4726_9b42_18de4eeddfd8|GLCD (SSD1289)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e635704b_9d69_466c_be7f_a03543f011a6|GLCD (SSD1331)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8af7f5ec_2e7a_4080_9566_b816c24ebbfa|GLCD (SSD1351 SPI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fd1a193b_149f_4ba8_b1ce_ce39ca863975|GLCD (SSD1351)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9d414a42_fd9b_4afd_9493_dbf80eece14a|GLCD (SSD1963) Parallel]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 37f69c17_886a_4b13_9daf_8dde9a1cce40|GLCD (ST7735)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4e30b15e_2507_4583_995d_b2056e04a286|GLCD (ST7789V)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b8541d78_44db_43c3_961a_a96141da67e9|GLCD (ST7796 SPI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a00b9a94_9608_4208_af26_68a94dab336b|GLCD (STM32F429ZI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5bd73e47_8060_4677_a1a3_6191ceb924b7|GLCD (STM32F469NI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6a2520bc_d8dd_4001_937e_21925253291a|GLCD (STM32F746NG)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 756045fb_388b_4dbb_8f10_5136de8bfacb|Nextion Display]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7c3895d3_0359_4b4c_8fa4_ab6314cd5fbf|Raspberry Pi HDMI]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Graphical Monochrome
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8a7a90d2_3274_4433_8609_699e976e0719|GLCD (Grove OLED)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c9d3b357_b914_4301_a741_0d13819e441c|GLCD (KS0108)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a1edc3df_71d0_4ec5_a511_05818570696f|GLCD (PDC8544)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ebf9c18e_044e_41e2_b845_da14e744b25f|GLCD (SH1106) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 91c1b7f5_6974_4ea3_84b3_4e24a9784631|GLCD (SH1106) SPI]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5ed21fc4_3979_4825_8c8e_95944d1101d9|GLCD (SSD1305)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8fccb5eb_1664_4dd5_9d2e_5c62294a7151|GLCD (SSD1305) Buffered]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID dfe103f9_ef5c_4554_85be_7519ec274609|GLCD (SSD1305) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7b1ef6f5_5c39_4b7f_9faf_eed122ff2b3e|GLCD (SSD1306)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9e067700_36d1_4697_a165_9e8d60b45399|GLCD (SSD1306) Buffered]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f6ab6074_68ba_4cd4_9274_f973102f8518|GLCD (SSD1306) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f0f2f410_3216_4a3f_a2dc_db35f4a2821d|GLCD (SSD1322) Buffered]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID dba19ea1_efe2_46e4_90be_18ee41930d1e|GLCD (SSD1322) Parallel]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6548a7da_7e0b_4d45_ad92_f61bf5713442|GLCD (SSD1327) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID deade808_da0a_4530_8cf4_7c7894fdb6a3|GLCD (SSD1327) SPI]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 496cf2f0_4220_4f70_9219_7c67c672e36e|GLCD (ST7036) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 889a6ac6_12d0_40c0_9882_075ce9801eeb|GLCD (ST7565R) Parallel]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2149fdef_84e9_407d_b68d_fc7f39e6f41e|GLCD (ST7565R) SPI]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7e19b0ee_6cfd_49d3_8efb_67e7b145dfba|GLCD (ST7567) SPI]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 022045f0_7e41_4385_a79f_7cdbd9b71c6a|GLCD (ST7567) SPI NOBUFF]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 804de427_4b97_4468_9ea9_b5adf7b98771|GLCD (ST7920)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c9d3b357_b914_4301_a741_0d13819e452e|GLCD (T6963C)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 71ba0cdd_e003_4f6d_9dae_8eecffd1774b|GLCD (TLS8201)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ebd426a3_c694_42bb_8611_320e27c6ea65|GLCD (UC1701)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 65f9d966_4d43_498f_b6ca_2e66e49a2379|GLCD eINK (IL3829)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2c2a1a7c_bd81_4327_9902_dc1b2f6156d0|GLCD eINK (SSD1681)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Display Plugins">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Graphical Library
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cbfb3c21_f13d_488d_9b90_400c8d4fc605|Display Manager]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b02b7c75_53cb_4be4_871f_61be633d898c|GLCD Bitmap Drawer FAT]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 52dd90bd_fec9_4ee5_934c_e4b2297168a5|GLCD Bitmap Drawer ROM]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d4994410_ca95_4d1c_8d57_542d48a21d58|GLCD Graph Creator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7b198227_81d6_404c_a2d4_ce1e59ef84f8|GLCD Graph Creator XY]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0df0d376_b9dd_4c40_8102_1b0203980c3c|GLCD QR Code Generator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9e0fa7e4_0c8c_485d_98c4_6f0ef8e57d40|GLCD Textfield]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 90c9f255_b526_4288_b0b6_26736e6db2e2|Touch Screen (FT6X06)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3c28ab9b_d363_402e_a99b_ff109b8729e3|Touch Screen (GT911)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fe5255ed_0613_4e5b_b011_9f432531832e|Touch Screen (Resistive)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ab872cc0_e6fe_4d30_a7cb_a1efc6ae87a6|Touch Screen (XPT2046)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Graphical Manager Primitives
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 30e9f969_f18c_45c4_bac0_5ec85a48120f|Bitmap]]
| width="20%" align="center" style="background-color:#FFFFFF;" | wysiwyg
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 42949d26_33e7_4a67_bc39_4969cd287c2b|Ellipse]]
| width="20%" align="center" style="background-color:#FFFFFF;" | wysiwyg
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 07faadd6_e3af_4802_b101_baf82838d103|Hidden]]
| width="20%" align="center" style="background-color:#FFFFFF;" | wysiwyg
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID d478e9ec_2929_4b85_b226_427f079f1873|Line]]
| width="20%" align="center" style="background-color:#FFFFFF;" | wysiwyg
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID d13b1e7c_32a2_4117_9b76_8cd03399dc3c|Rectangle]]
| width="20%" align="center" style="background-color:#FFFFFF;" | wysiwyg
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 852ae874_e901_47e9_977b_5e2f3af0bef1|Rounded Rectangle]]
| width="20%" align="center" style="background-color:#FFFFFF;" | wysiwyg
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 471eab69_d1c0_45eb_88f8_d01bd7167b23|Slider]]
| width="20%" align="center" style="background-color:#FFFFFF;" | wysiwyg
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 81f24c15_ab7c_49ba_b55f_62d3cbfee92a|Text]]
| width="20%" align="center" style="background-color:#FFFFFF;" | wysiwyg
|-
|}

</tab>

<tab name="Sensors">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Audio
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0a5d4625_78e6_4bf3_a802_925c655ef718|Heelight Sensor (Grove 101020312)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3bb0eba4_8ae3_442b_8653_507d1bde8be0|Sound Sensor (Grove 101020023)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c5d9ffa3_5a7d_4fb2_b9ba_ec855ad7b25c|Ultrasonic]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 06c52475_f44f_41f3_aae7_9ddeee44fc06|Ultrasonic Ranger (Grove 101020010)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Electrical
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d5f0360d_ba69_4cc4_af4a_c2621fd2d77d|Battery Cell Fuel Gauge (MAX17043 MAX17044)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID aa85a268_ba47_4a33_bdad_04f51b716cdf|Current Sensor (ACS7xx)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 09d2a023_0199_4c73_a737_14228973ddc5|Current Sensor (ILA260)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ef2427ea_7767_43be_a0c5_6f705e3c2668|Energy Monitor (PZEM-004T)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 29b4cd01_9dd8_43ad_b5b4_895358321a89|LTSR Current Transducer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Environmental
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c416a604_834b_48ba_a5e8_a47cad4f08de|Air Quality (BME688)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ea4894d0_fb58_4cfc_bae6_2502eb3e68d0|Air Velocity Sensor (FS3000)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 69a2ca78_26f3_47df_a402_b5a7c1ff73f2|Analogue Temp Sensors]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a9eb79b0_1d24_4acf_aade_d3639aa800c7|Barometer (BME280)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 38f89887_af35_470e_8c6f_c91f3c99e88d|Barometer (BMP180)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b52758bf_4466_48c0_8054_33ee4b11e82b|Barometer (BMP280 / Grove 101020192)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ca60c1d2_fb77_4e3e_9d01_c4496d35db1e|Barometer (DPS310)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b8c43425_121c_4dfc_8a70_665973e9938b|Barometer (MS5637)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2755f2ee_60e0_4e4d_9bce_8bffb3a6a730|Humidity AHT10]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 36175036_08af_4bcf_8dd2_1c46f6761385|Magnetometer (BMM150)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID caa29480_5f50_4c3b_8dac_22cfb8e36999|Pulse Oximeter (Max30100)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e3b5f8d2_6f4a_4fbc_a4f9_9c7f5a1a3b65|RTD (MAX31865)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 40785d28_4fe3_4aec_a5d9_ba30b2d58760|Temp / Humidity (DHT11)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 95a1525b_7e03_4836_8c09_59bf174f603b|Temp / Humidity (DHT22)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0689100f_8b13_45a6_98a2_b9833b02eed5|Temp / Humidity (Grove 101020019)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eca89720_1386_4589_ab75_6c0425162b91|Temp / Humidity (Grove 101020212)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 66e6f00d_d894_49de_a768_02997eaf45e1|Temp / Humidity (HTS221)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 75d7da2a_c682_4622_ac86_b6eb9ed7a88e|Temp / Humidity (SHT21)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4475d8e8_4f60_48be_8a27_e91d85fbabae|Temp / Humidity (SHT31)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cc6a9919_31de_480e_91c9_2a59254a5bbd|Temp / Humidity (SHT41 / BL0144)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID df4eca75_779f_47ce_9495_56d3233be5e1|Temperature (DS1822)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 783b7689_0c71_44fb_9dde_673e4b7455ba|Temperature (DS18B20)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b42d9405_a751_4622_8fbe_ce512da391ba|Temperature (DS18S20)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bbf0ab46_623e_44c6_9402_3acfcd9d0006|Temperature (LM75B)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ca3bcd05_64e6_4daf_8b9f_71751c16a22a|Temperature (TMP117)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 05acf53c_0b2e_4d26_8d5d_f112d4ce4c68|Temperature Infrared (Grove 101020062)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID de8dcab3_c23b_48b4_a88e_3eb8b584109f|Temperature Sensor (Grove 101020015)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 93ab1895_66cf_4fd8_a04f_79f09acc19e6|Thermistor]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1dac9b91_e842_40a6_9826_890f2d6f7a79|Thermistor Using Beta]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 97e631c7_51d9_4482_9b65_481b390a686d|Thermocouple (MAX31855 / BL0126)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cbedb7e1_22c3_4edc_80f8_0501f7f9e398|Thermocouple (MAX31856)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 60de8264_7faf_4f77_904e_69bb19909ba8|Thermocouple (MCP960X)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4b57ccb5_9e55_4d0e_8961_43f6fcaec2d7|Water Sensor (Grove 101020018)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Force
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e8ec17bd_a898_44d2_83af_968c96826948|Bridge Amplifier (HX711 / BL0122 / BL0132)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Light
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e08872a7_6962_4b61_bcca_71389f8ed8d7|Ambient Light]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID d79f7da1_0e33_4fba_b4a0_ac127b5a4812|Beam Breaker]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID d8b85f99_8de3_41dd_9bab_f8bfc19e74af|Colour Sensor]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID a1ea988c_88c9_4f96_ac26_1684e918a3de|Colour Sensor (Grove 101020341)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID ee2e1541_45ee_492c_a47d_014627e6b9b6|Colour Sensor V3 (Grove 101021133)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e1d52efb_00d4_4e19_ba4c_29b292535ea1|Infrared Array AMG88xx]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID f3b8eed1_fef6_4c1b_b62d_8efc84b1be35|Infrared Reflective Sensor (Grove 101020174)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9c5b7454_e67d_4111_b220_bf8e5ff8b174|Light Sensor (Grove 101020132)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ccbd6829_44c8_4011_954b_c39dd93adbed|PIR Motion (Grove 101020020)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 20a48db1_d91d_4c51_a49f_f878d0bcbad3|Photo Reflector]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3d1bbeb7_0fb3_4356_a2a6_e1b4cd28e0ff|Photo Reflector 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 6e5b4f6f_e2d9_4272_a854_749a762f55c1|Photo Transistor]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bb2fcffe_6f54_412e_adaf_bdebea1f83d2|Photo Transistor 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 488c3a77_9ff2_4e60_9bfd_cf074405e294|Range Time of Flight (VL53L0X)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Magnetic
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c14492da_a844_40e6_ae29_50e58864b237|Hall Effect Analog]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 655234db_5700_4206_934f_56e499edbff9|Hall Effect Digital]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 594f7ca0_ca51_4c94_8d49_42cc77c81a92|Magnetic Encoder (AS5600)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 1c8bc72f_4944_4456_af99_9686c237d6b3|Reed Switch]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Movement Orientation
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 20699a0c_0925_40c4_8aa1_35f294e225e6|Accel / Gyro / Mag 9-Axis (LSM9DS1 / BL0135)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5d2c6406_e3aa_46bd_8144_57f60194a1e9|Accel / Gyro / Mag 9-Axis (MPU9250)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 940ad7e9_abab_434f_a5e3_ff50e2fdf962|Accel / Gyro 6-Axis (Grove 105020012)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 75a362f4_d74d_48e7_9790_530f4d0e78b6|Accel / Gyro 6-Axis (MPU-6050)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d950cf7c_f9fc_49ba_a486_0d45b6afd1aa|Accel / Gyro 6-Axis (MPU-6886)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID db2c91d9_4fd5_42b8_98f4_76dfb160dece|Accel / Mag 6-Axis (LSM303D)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d61dd6a6_231e_4244_9e8d_4f15e7ea10d5|Accel / Mag 6-Axis (LSM303DLHC)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 788b85c9_21ae_4fad_ada1_9f118fc8023c|Accelerometer 3-Axis (LIS3DHTR) ]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 72f0a8c3_2b8f_4723_b22a_4a81873e5151|Accelerometer 3-Axis (LIS3LV02DQ)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2c716005_e9b5_46e3_86f9_30e5268341a9|Accelerometer 3-Axis (MMA8452Q)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 447dabf8_4e39_46a5_a3d6_a02341bef0f0|Gyroscope 3-Axis (L3G4200D)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8e4553f8_fce7_4fed_80c1_33de9590a678|Gyroscope 3-Axis I2C (L3GD20)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 593b7216_0a11_465c_9cf5_3b809503a72c|Gyroscope 3-Axis SPI (L3GD20)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e4f1697e_5571_475a_a2b1_aa7243920422|Magnetometer (SM324)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4c2256c0_4453_4369_8c36_09770d223a09|Magnetometer 3-Axis (HMC5883L)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 03b98e89_8fee_466f_87b9_42b3b3e1cb41|Magnetometer 3-Axis (QMC5883L)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8c4c9db2_8c42_458d_b071_001acd191c49|Wii Nunchuk]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Storage">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Buffer
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 201d99f7_acf8_481d_a703_61860c2ba3ea|Circular Buffer (16-bit)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c34f9b8a_a915_4f75_ad0c_87f2ad670a8a|Circular Buffer (8-bit)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ed491c82_9f85_4627_93ce_d2b588352539|Circular Buffer (Float)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | EEPROM
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID dcbf571f_a6fa_402d_bdd4_be00cca4070f|EEPROM]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d96f06b4_e7cc_4222_831e_520b53cfa278|EEPROM (DS28E07)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a1b2c3d4_e5f6_7890_abcd_ef1234567890|FRAM MB85RC]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 06829bc6_9e27_4353_9d95_3ba9dabc3384|Flash EEPROM]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7bbc8b49_5f3d_419e_8b25_4ea4c93467b6|IButton (DS1990)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fdb712e0_3861_4e64_9c68_67eade64b089|Serial EEPROM (24C01 - 24C16)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 35934f36_5cda_49e7_b1a0_05c85722d858|Serial EEPROM (24C32)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4d9912c0_0f17_4fbe_9c76_09331167a886|Serial EEPROM (24LC512)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b92e8950_9c7f_4769_abc0_be85f2b1452d|Serial EEPROM (93C46)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c8b6350e_b89a_4ad0_8669_e9387e24599e|Serial Flash (W25)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | File
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7d0c33a1_0aaa_4250_84bb_f96fc113abac|CSV Read/Write]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 42f3f8ef_ff5b_44e6_9be8_8c43d9ab5b08|Embed File]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a61211f1_3718_4d37_b4a4_c6193646ccfd|File (ESP32 SDMode)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 900b40e1_a72c_445c_9ec4_eff95cd6c377|File (RPI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0b61bd39_05a3_46ee_a2a5_da7bffb583c5|File (SD/SDHC Card)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Real Time Clock
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 920175dd_ace8_49e2_9208_ec548563c9c0|Real Time Clock (ESP32)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f0e01201_8951_4748_87c3_d1f8423bb6e4|Real Time Clock (Internal, DS1307, DS3231, DS3232)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c48dfdeb_1177_4381_86dd_d7a98fefeb7a|Real Time Clock (MCP7940N)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a920e6a6_272e_47e3_92f5_fc06016b418b|Real Time Clock (PCF8563)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Utility
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 34f258e1_5c8c_4519_b29d_aba7cbf41faf|Advanced String Functions]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1911d96c_78dd_414a_b23c_6691fb19f63f|Auto Version Identifier]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID dfb4d07a_3d70_45d5_83ef_07e3c95d86ab|Lookup tables]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a8abdc98_224c_4c8a_8311_2921cb3dbe46|String Initialiser]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 306b3759_a92f_4779_b15f_93a9e35a75bf|String Translator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Math">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Calculation
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a78483e1_b293_47e7_984c_55984fc93571|Base 64]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6faf9c4d_ae2d_4997_840d_ce51c9a31498|CRC]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9a2a044c_10f5_437c_b5fa_0ec949130f36|Linear Feedback Shift Register]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ccdce31d_a1a3_437a_88ba_5431745ddf6e|Map Function]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b3061d15_325b_4a8f_863a_a059fab79caf|Median 16-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f2e05e6d_1864_465b_8d1d_0fc9238a7535|Median 32-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c211fc8f_6f17_461f_a44b_01dbc2368fbe|Median Float]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2e0f3546_f0f7_4644_b126_545f4c32984c|Modified Moving Average 16-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 118ff995_d306_4ae3_8d5e_454a85a77750|Modified Moving Average 32-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8062437d_88e1_459f_81de_d51162f7c654|Modified Moving Average Float]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a6ee9d2e_b26c_43ca_9478_15c3c338922e|Running Average 16-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID de7d4dbc_e93f_4b5e_b6f2_b7d035992206|Running Average Float]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e4dbf608_6521_4e08_a1f5_46b012fc8cc1|Standard Deviation]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6508c7be_063a_4f9f_bae5_4a41cf977a86|Type Conversions]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Timing
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ec64c307_3099_485b_bd55_052a5da95128|PIC32 Core Timer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a871ac1d_7a58_4474_a08b_c9c9017cd2ed|STM32 Timer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d7633558_54a4_47ff_8c00_95170632c57e|Timed Interval]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 24ad2718_c70b_4088_aeda_3949dfdba740|Timer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="DSP">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | DSP Inputs
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fdef1c85_689b_4e44_81dc_7ab15dec21a6|Data Queue to Bits]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3420d1ea_bc10_4727_8419_746101b8dc13|Input ADC]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 73c1c565_8d04_44dd_ab78_1997d5e3c641|Input CSV]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c73d493a_b6a0_4dbe_b4b5_79648f67d11e|Input Digital]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8d6ffd33_4087_46b5_8dfd_f43513748755|Input Digital Pin]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c7648111_2a14_475e_980d_c7106ff9d3d0|Quadrature Generator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cbe42abc_5955_44da_a6d0_03e7cbcdcaca|Waveform Generator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | DSP Outputs
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 44e22c6d_4e79_4eb3_b2e1_7ff2fecb3e08|Bits to Data Queue]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e648c3de_ec39_4a3f_bbd9_46e45cce4a63|Level]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5142bd81_abad_444b_b6db_36a87dce5835|Output CSV]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4483da18_fa5a_4436_9edb_0cfb55a4bce1|Output DAC]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1392d5c3_35ba_4c7f_a539_7f30a09758e4|Output Digital]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0d048c7d_18d5_4bce_83f1_7e429c0d86b6|Output Digital Pin]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 649f4bc2_1360_4629_82aa_62e2fc32d4e4|Output PWM]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e79a4b4d_cb5a_4e46_a0d5_d23479e90036|Output Port]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | DSP Operators
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 104899e2_8b2e_4854_923c_5a614c1b8a3c|Adder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d347e8eb_a0f2_45d5_8f31_7aba7f4e56b7|Averager]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0b1d97c1_ee89_45a5_8c39_114cd6d552ad|Deinterlace]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e0ddc704_6bab_4d08_8f10_19a14c6683ef|Delay]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f804a7bd_0280_4ff7_ab75_63be77fb2af3|Fast Fourier Transform (FFT)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 317efb6a_2bad_4f83_a0bc_4ada0f4cd51e|Filter]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 23b8de7f_5214_4f77_9bac_4982123b8d4b|Interlace]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 83fac7ac_b7b5_4cc4_890a_394cbf16cf71|Kalman Filter]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 82872714_f0f0_4758_91ec_bd39d2cdddc8|Math]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID facc8c89_963a_408e_985e_ed768a52b01a|Median]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a9e01aa0_f224_4902_a558_6a199fc039c5|Multiplex]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 88a7dbc4_af92_4205_8943_abaa77504462|Offset]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 34b6f31b_7e33_4beb_891e_defacbee8587|On/Off Control]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e6dd1315_4acf_4fb5_abd9_5743d3715cbe|PID Control]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 939a5d54_28c7_488d_af39_46f7c5d2c429|Rectifier]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f1af5256_1dee_491c_b43f_fdc8f33279fb|Scale]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 907f24e9_a8a3_46ea_942d_67dc55f7eb44|Simulated Control Load]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Comms">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms: Interface
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID da332928_6342_4c2c_afc7_eaf33917d33e|CAN (Internal, MCP2515)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 24219805_113d_4b12_b6bd_e1b0b0c33981|I2C Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 17c77397_9882_41a7_9aa8_05850854417e|I2C Multiplexer (TCA9548A)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eac43fda_0bc5_4b08_881c_6d3e364f2eff|I2C Slave]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 081af1a1_da0b_426d_9ca6_58d8313d1499|I2S Master/Slave ESP32]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 63de6312_8008_46d2_8a0c_bb66e56674e2|LIN Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 822ce79d_3339_4d92_bd2b_abae0ba3b780|LIN Slave]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 43861adb_8a59_492d_8f9f_a08775800bc1|MULTIUART]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 64b26b13_68cf_4a92_8616_e882b7c71023|One Wire]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 55831e22_7885_4e0f_a9de_73ebda9d7fe9|One Wire (DS2482)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 96862c4d_debc_45fa_9433_74711a4b9a3b|SPI Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e2955f6c_d724_4ab0_afca_d62093a77248|SPI Slave]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c73616d1_7ad0_45d9_aada_69ccfa4c5efc|UART (RS232)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 743ea495_34e7_47ee_bd79_3bfdc067b01c|UART Software (Timer)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms: System
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5aefac05_ee5e_4d51_9f31_05281900a97e|DALI Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c714f39e_c8fb_413f_afda_2d169e655134|DALI Slave]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b4e10f9e_4ea9_4fbc_a584_a4d7d4d8fba6|DMX-512 Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1be0ac44_3521_402e_a8b7_1faf86c09560|DMX-512 Slave]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5915b437_6925_4d90_a0f8_f91702837bdb|I2C Multiplexer (TCA9548A)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d04f4385_497d_4e46_a71d_2c0ccb4b0421|J1939 Automotive Node]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a9b43242_9ccc_4f1c_b2d1_acdfbe420fc1|MIDI]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 47f6b39b_ead7_40f5_9931_8a79aa54014a|Modbus Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 687f8ad4_59f2_4079_bb84_7713dcb57a13|Modbus Slave]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2bff9939_f404_4915_8a51_59db53e5470e|Modbus Slave USB]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 019e3dbb_2bfa_44a7_baf0_17b672d9b8f4|Modbus TCP Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1ecb9b0a_53e7_45c9_ab6f_7a0d4a0c47e1|Modbus TCP Slave]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 69c3c380_182a_4ba7_8043_9c9732b498fa|OBD2 ECU (Server)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6436a040_ccc8_46e5_82c1_68f8d87b16c5|Visi (4DSystems)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms: IoT/Cloud
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 72cd9559_26f7_4ffd_984c_cf3a82a6db16|BBC News]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID df96ffa1_4d36_453a_8877_758f68a2676c|BBC Weather Forecast]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bf90426c_1763_4a7a_be5c_b3e442e3f6d8|BBC Weather Observation]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 947089aa_ca9f_4e6f_9f86_7d49a1ae6f86|EtherCAT Slave (EasyCAT)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2740a93b_32a9_48d1_8fc3_089d13b50bb5|IoT Made Easy]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6af7744a_76aa_4522_8cf1_05c8bd34859c|JSON Decoder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f2ad060d_0ae3_43d2_9d82_f49eb4215240|JSON Encoder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e50536ca_0cc0_4cdc_b0af_8cf3b393fa27|LoRaWAN (Seeed WIO-E5)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 459c9cfb_82e3_40ad_9456_54fc40ba5e6c|MQTT Client]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms: Networking
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c2322067_51ae_4560_abcc_6469b1bdcccb|Hydro Encryption]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 91049bf5_2436_42dc_947a_c30c86463d98|Network Communications]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8aab4b54_a912_449c_b11a_7c1a5db8d591|TCP/IP (ENC28J60)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a1820de1_8cfe_4675_b185_a62ce44e2a6f|TCP/IP (NM7010A)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0341d84f_f7fd_473c_8076_b38b2d563e13|TCP/IP (Raspberry Pi)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e18e39d3_2e05_4a15_b8aa_e8ada16cd3ef|TCP/IP (W5500)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d6db973b_a543_4743_91b5_176f9c6613df|TCP/IP (WIZ810MJ W5100)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 73973401_ddc0_46a9_ba3b_baf5e877ce07|WLAN (E-Blocks 3)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 66990164_3c50_4960_916d_327737a7a093|WLAN (ESP-12S)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f0f54e46_0848_4930_9bb6_eff9a34ed229|WLAN (ESP32)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e1bb4679_58ef_40dc_8d09_306ada46f7bf|WLAN (ESP8266)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a1c9b843_a641_4b9c_b762_26995b8f9464|Webserver (GENERIC - Flash / File)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ff377ede_2c09_4a83_99a0_5e11c7ae16d9|Webserver (NM7010A)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f77f2b22_6a7c_4ae6_9f5f_724660cc6c93|Webserver (W5500)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9e68a715_edc2_4a98_be64_c0d02f700135|Webserver (WIZ810MJ)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms: USB
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 06a0a9b3_dd23_4592_a781_537a31b97c2a|USB HID]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fdceef06_919a_405b_8d0b_6118cd0e104c|USB MIDI]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3e28ac22_2855_410a_9660_0b0a4731e545|USB Serial]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 26cbc2df_5ef0_47db_ab2f_c2425b14462f|USB Slave]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Wireless
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4993deaa_590b_4015_b110_0115a42dc968|Bluetooth (E-Blocks 3)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cff93310_545b_4948_a8fa_12b119c5f7a7|Bluetooth (EB024, Generic AT)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8be2ce64_4860_468a_aa8a_eac443274da3|Bluetooth (ESP32 SPP)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a8dbe015_0985_4581_abd5_1cc44f576fab|Bluetooth (HC05 / HC06)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0c7df3fc_a46f_4712_8cd3_77079978f4fc|Bluetooth (RN4677)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d178f336_576c_4bd3_b632_cdfcc238f811|Bluetooth BLE (ESP32 SPP Client)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a9fd95ee_27f4_42ef_8abb_3e810ec9711f|Bluetooth BLE (ESP32 SPP Server)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 76b3eb5c_2d23_4c8d_bde8_505032bc886a|Bluetooth v2 (EB024, Generic AT)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 575a3a3f_09b8_46be_8069_c4d1894d7e7e|GPS (EB056, Generic NMEA)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0d02ccfd_4cda_42b8_91d8_5392f491f9af|GSM (EB066, Generic AT)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2bfc8781_9817_4e0c_89f3_28dac37e9a62|IrDA (EB012, MCP1250, MCP2120)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ea261653_86e2_4c37_94f6_4151b318c6f5|LoRa (LAMBDA SX1272)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 81e90a9f_1594_4b34_8aef_5dd671dddc30|RC5 (EB060, Generic 36KHz)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 45bd9065_b6f7_42be_b96f_28c3df2c0a22|RF ISM (EB063, MRF49XA)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 882b6951_9944_48cc_8989_6ebd3d91956f|RF Transceiver (nRF24L01)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 74423151_1bf4_48b8_8ba8_a70c170ef2de|RFID (EB052, RWD-MICODE)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3f8d29a6_40a6_4d5e_a254_190c86d9ebb7|RFID (MFRC522)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 055a7ab6_78df_47ca_b967_143485c4d706|RFID (Sparkfun Quiic / ID-12LA)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cd5898bf_3a23_455e_b4e0_cddc1eec1d62|SRF (WirelessThings)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 53548cbe_cd57_471c_8ac1_3205d0e9da38|Zigbee (EB051, XBEE)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Hardware">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | E-blocks 3
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4993deaa_590b_4015_b110_0115a42dc968|Bluetooth (E-Blocks 3)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e4eb4f03_eaa4_4f2e_9920_3cbe11e4acab|E-Blocks 3 (USB Comms)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 73973401_ddc0_46a9_ba3b_baf5e877ce07|WLAN (E-Blocks 3)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | E-blocks 3 Sensors
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 20699a0c_0925_40c4_8aa1_35f294e225e6|Accel / Gyro / Mag 9-Axis (LSM9DS1 / BL0135)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e8ec17bd_a898_44d2_83af_968c96826948|Bridge Amplifier (HX711 / BL0122 / BL0132)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cc6a9919_31de_480e_91c9_2a59254a5bbd|Temp / Humidity (SHT41 / BL0144)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 97e631c7_51d9_4482_9b65_481b390a686d|Thermocouple (MAX31855 / BL0126)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | E-blocks 2
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cb3aa82e_81d7_491d_bab1_3fb7ee39c6af|Actuators]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 52399314_2f77_4acc_b9a2_c17b302f268c|Analogue]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5f9d5a58_6c01_4588_afa0_df4c01ce161a|Bluetooth]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID af9061e8_7f2b_475e_844f_66ab76823d07|CAN_Bus_BL0140]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 25db03ef_5393_4fb8_9b34_87a506428296|Colour GLCD (BL0157)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d4c04ac8_bbcd_4981_8ce6_9d6c9bb1e26a|Combo]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7ae74a71_a424_452f_8d71_618cf50cff98|E-block 2 Helper]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4d50e925_93e7_43ff_9c9f_8e958b9d714c|GLCD Monochrome]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e735f6a0_13c3_4ca3_9084_bdd19e21b8f8|GSM (BL0131)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e565ab5d_bf80_4911_938a_75b226ca6f93|IO Expander]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c92d41d3_e747_4d41_81d9_a6d3d23e8f07|Isolated Input]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b904b771_a7bc_47ec_a1ea_9d4c77afccf2|Keypad (BL0138)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ee697d50_7fb5_4074_8cd6_996e5c386722|LCD]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 103aab27_2ea3_483c_9710_fc3c495288a7|LED]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c2cb94bb_4cba_40ba_bd8a_1134bbd3e081|Micro SD Card]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 5d0e397b_8c3d_448e_a322_4a2cb1a6468c|Power Board (BL0110)]]
| width="20%" align="center" style="background-color:#FFFFFF;" | both
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 05b6159b_1572_4c0d_8ddf_705d9741955a|RFID (BL0197)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5ed3d626_7e86_4df8_881a_c326a2b932ec|Relay (BL0183)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9202a62e_0a42_4780_adce_16b701e5ec53|Servo Motor Controller]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3bb0eba4_8ae3_442b_8653_507d1bde8be0|Sound Sensor (Grove 101020023)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b3a7287a_4070_49d1_9122_bf6169f67cd1|Switch]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fcb6b4c9_7010_4058_aee8_6211ffbf3e26|SysBlocks]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7ea86aa3_ef65_4e41_80ea_ed33c0e1baa6|TCP/IP]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ea9c0946_5f88_4f9a_ae5f_8ba9b981b389|WIFI]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0326308c_6e94_4bd7_bb0c_d6e882d8bbfc|Zigbee]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | E-blocks 2 Sensors
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 940ad7e9_abab_434f_a5e3_ff50e2fdf962|Accel / Gyro 6-Axis (Grove 105020012)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b52758bf_4466_48c0_8054_33ee4b11e82b|Barometer (BMP280 / Grove 101020192)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID a1ea988c_88c9_4f96_ac26_1684e918a3de|Colour Sensor (Grove 101020341)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID ee2e1541_45ee_492c_a47d_014627e6b9b6|Colour Sensor V3 (Grove 101021133)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID f3b8eed1_fef6_4c1b_b62d_8efc84b1be35|Infrared Reflective Sensor (Grove 101020174)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ccbd6829_44c8_4011_954b_c39dd93adbed|PIR Motion (Grove 101020020)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 27104eb6_255f_486e_ad25_b8512b2cc2d4|Rotary Angle Sensor (BL0622)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eca89720_1386_4589_ab75_6c0425162b91|Temp / Humidity (Grove 101020212)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 06c52475_f44f_41f3_aae7_9ddeee44fc06|Ultrasonic Ranger (Grove 101020010)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4b57ccb5_9e55_4d0e_8961_43f6fcaec2d7|Water Sensor (Grove 101020018)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Raspberry Pi Hat
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 165242cb_b40c_416e_a435_1fe7e724c5b8|Sense Hat]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Misc Circuit
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID b5665f5d_809d_4bd8_a79b_411f893bec16|GameCode]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID b4f41fb0_9335_4a8f_a41d_284a8cfc31b5|LED Cube]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 144a220f_7bc3_4b73_bc56_f9c7203bf204|RGB Xmas Tree]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Robotics
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID e3be641a_8808_4138_bee5_805fbbce468c|Formula AllCode]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 9d5300ab_57ae_4483_8f18_04ec2007b406|Formula Flowcode]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | MIAC Module
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 463bfc0e_2a04_414c_bf85_10718fa2ca08|MIAC (Arduino-Compatible)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 596e6f4d_d87a_4e8b_b108_c0501127c382|MIAC (dsPIC)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f9109442_8b0f_47d6_b563_d085588af222|MIAC NXT / ECU]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="API">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API Slave Devices
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c7edc169_d417_46ec_ad9b_983ee0326e29|API (Arduino Mega)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2b53c2f2_b5d4_4e36_a647_6f9238744a75|API (Arduino Uno)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 556754b4_bed5_4bcd_88dd_fb13f92020d6|API (BL0032)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c9197106_edf6_4dcc_9654_ea56ad26f370|API (ECIO28P)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 40d5f2e2_3fb5_479a_91e1_f8ec3aae9e3a|API (ECIO40P)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e52b2356_d8b7_458b_8583_71f208bfd572|API (ESP32)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ed171d42_05fd_4946_9bf1_e59a9c98c5b8|API (Interface Board)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ec492589_4787_4b79_96df_718f9a2b46f1|API (RPI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Test Injectors
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 927d2882_ab2f_43e9_8690_d1d6891001ee|Injector (API Analog Input)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID dbc62603_09e5_4a5e_8df3_22b921d9e9e9|Injector (API Digital Input)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 916e4f8c_ea50_4d16_bcbb_60492d600217|Injector (API Digital Output)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5a237757_52e5_414b_b6e4_79c7b784c3ba|Injector (AT)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 002be1ac_efff_4c07_95de_1eab087cb25e|Injector (COM)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 50738af3_82a5_4074_a9b8_9f8f80be2b87|Injector (File)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b81ab4d7_be8f_4ddd_b5dc_937bda03dc82|Injector (Flowcode vNet)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2ed54982_ef92_4509_a67c_7b3a72f91279|Injector (Human Interface)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="System">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Scenarios
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 62b6ca37_eb0a_4b5f_b2e1_9a732c4e05ce|3D Printer]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID a05022fd_6fa1_499d_b885_a7d983e7bfdf|Airplane Landing Gear]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 93252f96_a8e5_4d65_8c40_11614bb15b52|CNC Machine]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID fde30de0_35ed_40ca_937a_88da6409c1d2|Car Seat]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 264eadac_6fe5_43e0_bfb6_969175aaab93|Daytona Racetrack]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID fc012d2f_082a_4f6f_a61b_314c46477eb2|Maze Generator]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6d87ff3b_ffd8_4720_92cc_363be1e8be6e|Oven Simulation]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID c46023c5_27e5_4122_bf3e_4519f23cfa0c|Pedestrian Crossing]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fd273e86_49bd_4ee5_8f36_9562cd3645af|Pedestrian Crossing]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d7160810_b896_4568_ac21_18897236a80e|Traffic Light]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 0c6b22fc_6e81_4406_aabd_5feb928e6aee|Traffic Light 1-Way]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID dbf602c1_cb49_4149_bcd3_4a5afeae9a7a|Traffic Light 2-Way]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
|}

</tab>

<tab name="Runtime">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Matrix Tools
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e2ed1829_6967_4339_98e1_3806650297c5|Device Helper]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fc3c670c_502a_418f_a123_649179752383|FCD helper]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3e5cc6d0_3e36_46b8_bc40_f238a5735b6e|IntOsc Helper]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5f7b77e5_e979_4010_93f1_e6d98f83bd71|Is Sim]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Indicators
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 995fa4f2_71ce_4d91_aa62_87f731ae7e7d|Circular Gauge]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 940e39a6_d035_4e43_8dbb_455ee4679066|Console Writer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 05e09581_b11d_46ae_b32d_c6414a6a922d|LinearGauge]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 9f9ffa92_a20d_4ba8_94e1_04e45bdea154|Logo Indicator]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 64f3c8ad_21a4_4e15_b9aa_c32a2edca893|Numeric Display]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4b055fcf_06dd_471b_8736_d2a089e0dbe5|On / Off Indicator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4ae66a67_562d_4d77_8417_9cd652f4f103|Speech (RealSpeak)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Controls
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a11aa47b_7c82_4dad_b62d_b1a263e2a4fe|Circular Knob]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 29e63c23_636f_4f9a_b691_ba1a717e3503|Joystick]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 22ca7f47_0b00_453a_a5ae_75f999cdee2d|Joystick 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b6909b43_7bfb_433f_8fdb_3b7d457ea73d|LinearSlider]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 53a15e07_4dcd_4dd6_96a9_d96164d63574|Number Pad]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 73611f11_f97d_4e6e_88e6_2d59b39c0a4a|RadioButton]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Charts
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a907d905_5879_48f3_9add_369a2f4e164f|Area Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 60b296cd_5b02_4c9c_9239_cca36238f480|Bar Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5d52e8a2_f248_4318_a0ac_e7b9503237cf|Bubble Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ba8897fe_8349_47b3_9072_e823e74131af|Column Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c725ba0c_0763_4bb1_ad0e_1217467c2d21|Historic Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3a68ebf7_1225_4b29_87da_a734c0720591|Line Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 77e27287_6ca9_44f7_a160_d338d87b68de|Pie Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 64f4811d_e83f_4e82_be8a_9e857f6ec6e6|Polar Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b49da131_faf9_4bd7_bcdf_323016e64ffd|Radar Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 387b4d2c_fc0f_44c0_a2ad_5fa05ed7db82|Ternary Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0187d13d_8822_4e75_ab22_474c7058ebe4|XY Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Runtime Tools
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cbb3c28e_2d73_4442_ac52_23a3b45d9870|COM Port]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a1da060c_e74a_4e12_bb90_3ddb43265592|Console Debugger]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3bf29e52_ebb4_4528_8d19_b2860c8ab80c|Console User Input]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 33b1e2c6_5509_40bf_a464_167edcbcf571|Data Recorder Setup]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3022653d_9f9f_4981_b558_9ed8d265c931|Event Log]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6ed9452d_1ae7_4f70_991c_6d8085a2d923|Input Message Box]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eb9025a7_acec_455c_9033_bd4dd2586e05|Keyboard]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d2a7fe23_7dd2_43ca_ad55_185eec92fdd8|Message Box]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 82a800d4_8620_4386_8ba3_25af2768f24e|Mouse]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 06db27a4_c20a_4371_b05e_7cdb55556859|Panel Console Viewer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 819d0c05_aaa2_4431_84dc_d40f3eee1b54|Property Manager]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b86179cb_b561_4be4_9d12_e51da4248807|Serial Monitor]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b9cd8fbe_d082_4fe3_b1a0_d6f33f8af028|Simulation External Input]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a96ddf9d_631d_4db7_a66e_c709e2de7164|Time Stamp]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f137a538_3ebf_42e7_a941_b8f628802070|Timed Event Trigger]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 51ad4fb4_3b45_4cd0_a74c_87311de8d3a2|Tone Generator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f54fa744_5af4_4c08_bdb9_fb31848a2b63|XML JSON Parser]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Creation">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Primitives (2d)
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiBaseChart|Base Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiButton|Button]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiCanvas|Canvas]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiComboBox|ComboBox]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiComplexShape|Complex Shape]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiConnection|Connection]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiEditBox|EditBox]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiGauge|Gauge]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiGrid|Grid]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiImage|Image]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiLine|Line]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiNumericIndicator|Numeric Indicator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiRichText|RichText]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiShape|Shape]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiSimple|Simple]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiSwitch|Switch]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiText|Text]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Primitives (3d)
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID ec0b30b2_e817_4d34_b227_25ce8b4f46e5|3D Panel Measurement Tool]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID component:text|Label]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID component:shape|Shape]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID component:textbox|Text box]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
|}

</tab>

</tabs>

==App Developer Components==

<tabs>

<tab name="Controls ">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Digital Control
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eb9025a7_acec_455c_9033_bd4dd2586e05|Keyboard]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 53a15e07_4dcd_4dd6_96a9_d96164d63574|Number Pad]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fd273e86_49bd_4ee5_8f36_9562cd3645af|Pedestrian Crossing]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 73611f11_f97d_4e6e_88e6_2d59b39c0a4a|RadioButton]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cd8da0fe_80cf_4532_bb50_69f0d1730e70|Switch Array (Push)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 975b2770_cfa8_4c76_b8ca_c008735e366d|Switch Array (Slide)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e2698f3e_1168_4f25_9c50_24a74ea7e34a|Switch Push Button]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 58b37280_d90e_4a23_941d_26f34ccff410|Switch Rotary 0 - 1]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1df1ea9a_6983_4014_aba5_f5144ea4e053|Switch Slide]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d43ac17c_2ec0_4277_95f9_fbc339456fab|Switch User Images]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Analog Control
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a11aa47b_7c82_4dad_b62d_b1a263e2a4fe|Circular Knob]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 29e63c23_636f_4f9a_b691_ba1a717e3503|Joystick]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 22ca7f47_0b00_453a_a5ae_75f999cdee2d|Joystick 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b6909b43_7bfb_433f_8fdb_3b7d457ea73d|LinearSlider]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 82a800d4_8620_4386_8ba3_25af2768f24e|Mouse]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Dialogue Control
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3bf29e52_ebb4_4528_8d19_b2860c8ab80c|Console User Input]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6ed9452d_1ae7_4f70_991c_6d8085a2d923|Input Message Box]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Indicators ">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Digital Indicator
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6a9e9265_e261_4604_8dc3_252ea3ccf02c|7Segment (Single)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b07ae733_c144_4558_979a_be737044519c|LED Array]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 44f82374_a417_40d5_bd42_23a177a390d2|LED Mono]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ce086f9b_c365_4471_b6e4_1760a53a7bfb|LED Mono Custom]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b562ceda_0ae0_4c50_bbcd_38a4b7e77829|LED Mono User Images]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 9f9ffa92_a20d_4ba8_94e1_04e45bdea154|Logo Indicator]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 64f3c8ad_21a4_4e15_b9aa_c32a2edca893|Numeric Display]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4b055fcf_06dd_471b_8736_d2a089e0dbe5|On / Off Indicator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d7160810_b896_4568_ac21_18897236a80e|Traffic Light]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Analog Indicator
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 995fa4f2_71ce_4d91_aa62_87f731ae7e7d|Circular Gauge]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 05e09581_b11d_46ae_b32d_c6414a6a922d|LinearGauge]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4ae66a67_562d_4d77_8417_9cd652f4f103|Speech (RealSpeak)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Dialogue Indicator
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 940e39a6_d035_4e43_8dbb_455ee4679066|Console Writer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d2a7fe23_7dd2_43ca_ad55_185eec92fdd8|Message Box]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 06db27a4_c20a_4371_b05e_7cdb55556859|Panel Console Viewer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Audio Indicator
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 51ad4fb4_3b45_4cd0_a74c_87311de8d3a2|Tone Generator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eaee384d_6b16_4988_b1aa_8628231a7128|WAV Library File]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Charts ">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a907d905_5879_48f3_9add_369a2f4e164f|Area Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 60b296cd_5b02_4c9c_9239_cca36238f480|Bar Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5d52e8a2_f248_4318_a0ac_e7b9503237cf|Bubble Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ba8897fe_8349_47b3_9072_e823e74131af|Column Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c725ba0c_0763_4bb1_ad0e_1217467c2d21|Historic Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3a68ebf7_1225_4b29_87da_a734c0720591|Line Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 77e27287_6ca9_44f7_a160_d338d87b68de|Pie Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 64f4811d_e83f_4e82_be8a_9e857f6ec6e6|Polar Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b49da131_faf9_4bd7_bcdf_323016e64ffd|Radar Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 387b4d2c_fc0f_44c0_a2ad_5fa05ed7db82|Ternary Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0187d13d_8822_4e75_ab22_474c7058ebe4|XY Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Storage ">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Buffer
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 201d99f7_acf8_481d_a703_61860c2ba3ea|Circular Buffer (16-bit)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c34f9b8a_a915_4f75_ad0c_87f2ad670a8a|Circular Buffer (8-bit)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ed491c82_9f85_4627_93ce_d2b588352539|Circular Buffer (Float)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | File
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7d0c33a1_0aaa_4250_84bb_f96fc113abac|CSV Read/Write]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 42f3f8ef_ff5b_44e6_9be8_8c43d9ab5b08|Embed File]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3022653d_9f9f_4981_b558_9ed8d265c931|Event Log]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9cb6d9da_5555_4e1c_a65c_93b299b6011c|File Access]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f54fa744_5af4_4c08_bdb9_fb31848a2b63|XML JSON Parser]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Utility
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 34f258e1_5c8c_4519_b29d_aba7cbf41faf|Advanced String Functions]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID dfb4d07a_3d70_45d5_83ef_07e3c95d86ab|Lookup tables]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 819d0c05_aaa2_4431_84dc_d40f3eee1b54|Property Manager]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a8abdc98_224c_4c8a_8311_2921cb3dbe46|String Initialiser]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 306b3759_a92f_4779_b15f_93a9e35a75bf|String Translator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Math">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Calculation
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a78483e1_b293_47e7_984c_55984fc93571|Base 64]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6faf9c4d_ae2d_4997_840d_ce51c9a31498|CRC]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9a2a044c_10f5_437c_b5fa_0ec949130f36|Linear Feedback Shift Register]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ccdce31d_a1a3_437a_88ba_5431745ddf6e|Map Function]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b3061d15_325b_4a8f_863a_a059fab79caf|Median 16-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f2e05e6d_1864_465b_8d1d_0fc9238a7535|Median 32-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c211fc8f_6f17_461f_a44b_01dbc2368fbe|Median Float]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2e0f3546_f0f7_4644_b126_545f4c32984c|Modified Moving Average 16-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 118ff995_d306_4ae3_8d5e_454a85a77750|Modified Moving Average 32-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8062437d_88e1_459f_81de_d51162f7c654|Modified Moving Average Float]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a6ee9d2e_b26c_43ca_9478_15c3c338922e|Running Average 16-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID de7d4dbc_e93f_4b5e_b6f2_b7d035992206|Running Average Float]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e4dbf608_6521_4e08_a1f5_46b012fc8cc1|Standard Deviation]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6508c7be_063a_4f9f_bae5_4a41cf977a86|Type Conversions]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Timing
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bad20af2_3911_414d_8523_46895726e2bf|Stopwatch]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a96ddf9d_631d_4db7_a66e_c709e2de7164|Time Stamp]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f137a538_3ebf_42e7_a941_b8f628802070|Timed Event Trigger]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 08f4483b_47a4_4ba2_bf41_9527908f77da|Timer Interrupt]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="DSP">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | DSP Inputs
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fdef1c85_689b_4e44_81dc_7ab15dec21a6|Data Queue to Bits]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 73c1c565_8d04_44dd_ab78_1997d5e3c641|Input CSV]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c73d493a_b6a0_4dbe_b4b5_79648f67d11e|Input Digital]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c7648111_2a14_475e_980d_c7106ff9d3d0|Quadrature Generator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cbe42abc_5955_44da_a6d0_03e7cbcdcaca|Waveform Generator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | DSP Outputs
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 44e22c6d_4e79_4eb3_b2e1_7ff2fecb3e08|Bits to Data Queue]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e648c3de_ec39_4a3f_bbd9_46e45cce4a63|Level]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5142bd81_abad_444b_b6db_36a87dce5835|Output CSV]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1392d5c3_35ba_4c7f_a539_7f30a09758e4|Output Digital]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | DSP Operators
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 104899e2_8b2e_4854_923c_5a614c1b8a3c|Adder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d347e8eb_a0f2_45d5_8f31_7aba7f4e56b7|Averager]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0b1d97c1_ee89_45a5_8c39_114cd6d552ad|Deinterlace]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e0ddc704_6bab_4d08_8f10_19a14c6683ef|Delay]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f804a7bd_0280_4ff7_ab75_63be77fb2af3|Fast Fourier Transform (FFT)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 317efb6a_2bad_4f83_a0bc_4ada0f4cd51e|Filter]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 23b8de7f_5214_4f77_9bac_4982123b8d4b|Interlace]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 83fac7ac_b7b5_4cc4_890a_394cbf16cf71|Kalman Filter]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 82872714_f0f0_4758_91ec_bd39d2cdddc8|Math]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID facc8c89_963a_408e_985e_ed768a52b01a|Median]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a9e01aa0_f224_4902_a558_6a199fc039c5|Multiplex]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 88a7dbc4_af92_4205_8943_abaa77504462|Offset]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 34b6f31b_7e33_4beb_891e_defacbee8587|On/Off Control]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e6dd1315_4acf_4fb5_abd9_5743d3715cbe|PID Control]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 939a5d54_28c7_488d_af39_46f7c5d2c429|Rectifier]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f1af5256_1dee_491c_b43f_fdc8f33279fb|Scale]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 907f24e9_a8a3_46ea_942d_67dc55f7eb44|Simulated Control Load]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Comms">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms: Interface
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 55fa09f1_703e_4400_b2b5_8391f161a368|BLE GATT SPP]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cbb3c28e_2d73_4442_ac52_23a3b45d9870|COM Port]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 17c77397_9882_41a7_9aa8_05850854417e|I2C Multiplexer (TCA9548A)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 63de6312_8008_46d2_8a0c_bb66e56674e2|LIN Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms: System
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d04f4385_497d_4e46_a71d_2c0ccb4b0421|J1939 Automotive Node]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 97647329_1e06_46dc_ba11_9d721038294d|Modbus Master (SCADA)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a93b1f52_b96d_4a14_806e_63f73d2654b2|Modbus Slave (SCADA)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 019e3dbb_2bfa_44a7_baf0_17b672d9b8f4|Modbus TCP Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1ecb9b0a_53e7_45c9_ab6f_7a0d4a0c47e1|Modbus TCP Slave]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 69c3c380_182a_4ba7_8043_9c9732b498fa|OBD2 ECU (Server)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms: IoT/Cloud
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 72cd9559_26f7_4ffd_984c_cf3a82a6db16|BBC News]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID df96ffa1_4d36_453a_8877_758f68a2676c|BBC Weather Forecast]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bf90426c_1763_4a7a_be5c_b3e442e3f6d8|BBC Weather Observation]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2740a93b_32a9_48d1_8fc3_089d13b50bb5|IoT Made Easy]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6af7744a_76aa_4522_8cf1_05c8bd34859c|JSON Decoder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f2ad060d_0ae3_43d2_9d82_f49eb4215240|JSON Encoder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 459c9cfb_82e3_40ad_9456_54fc40ba5e6c|MQTT Client]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms: Networking
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 91049bf5_2436_42dc_947a_c30c86463d98|Network Communications]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a1c9b843_a641_4b9c_b762_26995b8f9464|Webserver (GENERIC - Flash / File)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Hardware">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | E-blocks 3
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e4eb4f03_eaa4_4f2e_9920_3cbe11e4acab|E-Blocks 3 (USB Comms)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | E-blocks 3 Sensors
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 20699a0c_0925_40c4_8aa1_35f294e225e6|Accel / Gyro / Mag 9-Axis (LSM9DS1 / BL0135)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cc6a9919_31de_480e_91c9_2a59254a5bbd|Temp / Humidity (SHT41 / BL0144)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 97e631c7_51d9_4482_9b65_481b390a686d|Thermocouple (MAX31855 / BL0126)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | E-blocks 2 Sensors
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 940ad7e9_abab_434f_a5e3_ff50e2fdf962|Accel / Gyro 6-Axis (Grove 105020012)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b52758bf_4466_48c0_8054_33ee4b11e82b|Barometer (BMP280 / Grove 101020192)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID a1ea988c_88c9_4f96_ac26_1684e918a3de|Colour Sensor (Grove 101020341)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID ee2e1541_45ee_492c_a47d_014627e6b9b6|Colour Sensor V3 (Grove 101021133)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eca89720_1386_4589_ab75_6c0425162b91|Temp / Humidity (Grove 101020212)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="API">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | AllCode
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bd23228f_b173_4135_ab3b_a4c3c4caa7a8|Control]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c3e5eb13_e03d_4ca6_be4d_1c63ad107a35|Electrical Machines]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4182ece3_6ad5_41d3_a0e2_31bc570806db|Formula AllCode API]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 482486a9_7207_4b46_9e63_5c459534ab19|MIAC AllCode API (dsPIC)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a34ee78a_4a97_4e95_a5f6_3a9fa3de7167|MIAC NXT AllCode API]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eabeda20_432c_4554_80b3_5851d675a9e7|MIAC USB Slave API (PIC)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 76e989d0_a2ed_457f_a293_3025b804f433|Robot Arm v2]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API Slave Devices
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c7edc169_d417_46ec_ad9b_983ee0326e29|API (Arduino Mega)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2b53c2f2_b5d4_4e36_a647_6f9238744a75|API (Arduino Uno)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 556754b4_bed5_4bcd_88dd_fb13f92020d6|API (BL0032)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c9197106_edf6_4dcc_9654_ea56ad26f370|API (ECIO28P)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 40d5f2e2_3fb5_479a_91e1_f8ec3aae9e3a|API (ECIO40P)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e52b2356_d8b7_458b_8583_71f208bfd572|API (ESP32)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ed171d42_05fd_4946_9bf1_e59a9c98c5b8|API (Interface Board)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ec492589_4787_4b79_96df_718f9a2b46f1|API (RPI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Test Equipment
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 66309a73_20da_4f2f_bb92_c4749cfad84c|PicoScope]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8c08bf29_be7e_4408_92bc_91c476fb70db|TTI Power Supply - PL155-P]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3c01caaa_b732_49a0_b15e_7c9d98878b19|TTI TG5011 Signal Generator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Third Party
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eedbc87c_0433_4f67_86c5_a106439fc603|FTDI (FTD2XX)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="API Library">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API Audio
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2061d38d_0cca_440c_a842_f9c84ca55f90|DFPlayer (MP3 / WAV)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0a5d4625_78e6_4bf3_a802_925c655ef718|Heelight Sensor (Grove 101020312)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API Comms
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID da332928_6342_4c2c_afc7_eaf33917d33e|CAN (Internal, MCP2515)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e4eb4f03_eaa4_4f2e_9920_3cbe11e4acab|E-Blocks 3 (USB Comms)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 24219805_113d_4b12_b6bd_e1b0b0c33981|I2C Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d04f4385_497d_4e46_a71d_2c0ccb4b0421|J1939 Automotive Node]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 43861adb_8a59_492d_8f9f_a08775800bc1|MULTIUART]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 69c3c380_182a_4ba7_8043_9c9732b498fa|OBD2 ECU (Server)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 55831e22_7885_4e0f_a9de_73ebda9d7fe9|One Wire (DS2482)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 055a7ab6_78df_47ca_b967_143485c4d706|RFID (Sparkfun Quiic / ID-12LA)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 96862c4d_debc_45fa_9433_74711a4b9a3b|SPI Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c73616d1_7ad0_45d9_aada_69ccfa4c5efc|UART (RS232)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API Display
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ac3375c7_acf3_4160_8c3e_3011735116aa|GLCD (E-BLOCKS 3)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8a7a90d2_3274_4433_8609_699e976e0719|GLCD (Grove OLED)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ebf9c18e_044e_41e2_b845_da14e744b25f|GLCD (SH1106) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID dfe103f9_ef5c_4554_85be_7519ec274609|GLCD (SSD1305) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f6ab6074_68ba_4cd4_9274_f973102f8518|GLCD (SSD1306) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6548a7da_7e0b_4d45_ad92_f61bf5713442|GLCD (SSD1327) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 496cf2f0_4220_4f70_9219_7c67c672e36e|GLCD (ST7036) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f45468b8_5731_4bfb_b5c0_4042ef1dd1da|LCD (Grove - I2C)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 31326041_9339_4cf4_b609_c14cc66318b3|LCD (Grove - UART)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bcd6a955_12c6_4ed4_a22f_f16eb62e0762|LCD I2C (Backpack)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3cf64267_8c56_47b0_84a1_a933a77716bc|LCD I2C (LCM1602)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c198e346_6b0f_4309_973c_78d7207e0b96|LCD SPI (MiniClick)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API Environmental
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c416a604_834b_48ba_a5e8_a47cad4f08de|Air Quality (BME688)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a9eb79b0_1d24_4acf_aade_d3639aa800c7|Barometer (BME280)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 38f89887_af35_470e_8c6f_c91f3c99e88d|Barometer (BMP180)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b52758bf_4466_48c0_8054_33ee4b11e82b|Barometer (BMP280 / Grove 101020192)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ca60c1d2_fb77_4e3e_9d01_c4496d35db1e|Barometer (DPS310)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b8c43425_121c_4dfc_8a70_665973e9938b|Barometer (MS5637)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2755f2ee_60e0_4e4d_9bce_8bffb3a6a730|Humidity AHT10]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 36175036_08af_4bcf_8dd2_1c46f6761385|Magnetometer (BMM150)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID caa29480_5f50_4c3b_8dac_22cfb8e36999|Pulse Oximeter (Max30100)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e3b5f8d2_6f4a_4fbc_a4f9_9c7f5a1a3b65|RTD (MAX31865)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eca89720_1386_4589_ab75_6c0425162b91|Temp / Humidity (Grove 101020212)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 66e6f00d_d894_49de_a768_02997eaf45e1|Temp / Humidity (HTS221)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 75d7da2a_c682_4622_ac86_b6eb9ed7a88e|Temp / Humidity (SHT21)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4475d8e8_4f60_48be_8a27_e91d85fbabae|Temp / Humidity (SHT31)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cc6a9919_31de_480e_91c9_2a59254a5bbd|Temp / Humidity (SHT41 / BL0144)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID df4eca75_779f_47ce_9495_56d3233be5e1|Temperature (DS1822)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 783b7689_0c71_44fb_9dde_673e4b7455ba|Temperature (DS18B20)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b42d9405_a751_4622_8fbe_ce512da391ba|Temperature (DS18S20)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bbf0ab46_623e_44c6_9402_3acfcd9d0006|Temperature (LM75B)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 97e631c7_51d9_4482_9b65_481b390a686d|Thermocouple (MAX31855 / BL0126)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cbedb7e1_22c3_4edc_80f8_0501f7f9e398|Thermocouple (MAX31856)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 60de8264_7faf_4f77_904e_69bb19909ba8|Thermocouple (MCP960X)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API Electrical
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fd24f205_3750_4324_8c2c_94a6c0377475|ADC ADS1256]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d5f0360d_ba69_4cc4_af4a_c2621fd2d77d|Battery Cell Fuel Gauge (MAX17043 MAX17044)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ef2427ea_7767_43be_a0c5_6f705e3c2668|Energy Monitor (PZEM-004T)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API IO
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 937e425e_21c0_4b08_8d8f_0bf80a6391d2|ADC (AD7680)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 235fd689_bfd1_4c4a_a918_6c3c36e9a49f|ADC (MCP356X)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e65e5368_af24_44a9_897e_cb0422fcea27|ADC QUAD + DAC (PCF8591)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3d87ffe9_97c1_4013_a2cd_82c24d0ccb48|DAC (AD5662)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e78d88a0_e132_4f82_988d_59353009b669|DAC (MCP4725)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 70a3bead_e66d_4a76_bc7b_fb1baa86d2e6|DAC (MCP47x6)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fab5cf20_8686_4397_8a21_cc936659d5f6|DAC (MCP48x1)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b6de5668_e0ae_4c1a_9c16_b16aa3f58024|DAC (MCP49x1)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f484e96a_af4f_434e_a002_70d3f4315dfb|DAC Dual (MCP48x2)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b66f5769_5e9d_40e7_9159_c6a0552ff86e|DAC Dual (MCP49x2)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID adb523db_db13_4d19_bfa3_0fbc177e4d3f|DAC Quad (MCP4728)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a4c8e3f2_9b7d_4e1a_8c5f_3d6e9a2b4c7d|DDS DAC (AD9834/AD9833)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b48a8c76_b62d_4b52_9368_237e5a2dbd4a|Digital Potentiometer (AD528X)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 37025734_a84d_46ad_9078_925beb81f38b|Digital Potentiometer (MCP41XX / MCP42XX)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID aba8b3ce_e71c_49c8_a961_d59b36338afa|Digital Potentiometer (MCP41XXX / MCP42XXX)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3a3a0802_42b6_4c31_8983_4d043b70b443|Digital Potentiometer (MCP44XX)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a69bf9b3_272e_44b3_a47d_22f53c3c0804|Digital Potentiometer (MCP45XX / MCP46XX)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 50eddda0_73c3_4514_b2e0_7e33abeaa162|Grove I2C Motor Driver]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 76bb1b8c_43da_48d3_b53f_a9907f03a528|IO Expander (MCP23017)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 331daac0_653d_4f45_9822_6408a8258bda|IO Expander (MCP23S17)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d43a1c1f_8ad6_4271_9f62_20e1bdf529f0|IO Expander (PCF8574)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4616b658_531f_4c5e_981a_4d9fc04f9a36|IO Expander (PCF8575)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 74571cdc_4f94_4e9a_b56b_376f36424996|Joystick (Sparkfun Quiic)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 94c78e1b_f580_4105_a223_7e40b75d134c|Joystick (Sparkfun Quiic) 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5bd41be2_1b9c_4f30_ba78_84cb29d61ced|PWM 16CH 12Bit (PCA9685)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API Light
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e08872a7_6962_4b61_bcca_71389f8ed8d7|Ambient Light]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID a1ea988c_88c9_4f96_ac26_1684e918a3de|Colour Sensor (Grove 101020341)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID ee2e1541_45ee_492c_a47d_014627e6b9b6|Colour Sensor V3 (Grove 101021133)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e1d52efb_00d4_4e19_ba4c_29b292535ea1|Infrared Array AMG88xx]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 488c3a77_9ff2_4e60_9bfd_cf074405e294|Range Time of Flight (VL53L0X)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API Movement Orientation
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 20699a0c_0925_40c4_8aa1_35f294e225e6|Accel / Gyro / Mag 9-Axis (LSM9DS1 / BL0135)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5d2c6406_e3aa_46bd_8144_57f60194a1e9|Accel / Gyro / Mag 9-Axis (MPU9250)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 940ad7e9_abab_434f_a5e3_ff50e2fdf962|Accel / Gyro 6-Axis (Grove 105020012)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 75a362f4_d74d_48e7_9790_530f4d0e78b6|Accel / Gyro 6-Axis (MPU-6050)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d950cf7c_f9fc_49ba_a486_0d45b6afd1aa|Accel / Gyro 6-Axis (MPU-6886)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID db2c91d9_4fd5_42b8_98f4_76dfb160dece|Accel / Mag 6-Axis (LSM303D)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d61dd6a6_231e_4244_9e8d_4f15e7ea10d5|Accel / Mag 6-Axis (LSM303DLHC)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 788b85c9_21ae_4fad_ada1_9f118fc8023c|Accelerometer 3-Axis (LIS3DHTR) ]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 72f0a8c3_2b8f_4723_b22a_4a81873e5151|Accelerometer 3-Axis (LIS3LV02DQ)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2c716005_e9b5_46e3_86f9_30e5268341a9|Accelerometer 3-Axis (MMA8452Q)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 447dabf8_4e39_46a5_a3d6_a02341bef0f0|Gyroscope 3-Axis (L3G4200D)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8e4553f8_fce7_4fed_80c1_33de9590a678|Gyroscope 3-Axis I2C (L3GD20)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 593b7216_0a11_465c_9cf5_3b809503a72c|Gyroscope 3-Axis SPI (L3GD20)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e4f1697e_5571_475a_a2b1_aa7243920422|Magnetometer (SM324)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4c2256c0_4453_4369_8c36_09770d223a09|Magnetometer 3-Axis (HMC5883L)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Creation">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Primitives (2d)
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiBaseChart|Base Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiButton|Button]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiCanvas|Canvas]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiComboBox|ComboBox]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiComplexShape|Complex Shape]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiConnection|Connection]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiEditBox|EditBox]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiGauge|Gauge]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiGrid|Grid]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiImage|Image]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiLine|Line]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiNumericIndicator|Numeric Indicator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiRichText|RichText]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiShape|Shape]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiSimple|Simple]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiSwitch|Switch]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiText|Text]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Primitives (3d)
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID ec0b30b2_e817_4d34_b227_25ce8b4f46e5|3D Panel Measurement Tool]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID component:text|Label]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID component:shape|Shape]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID component:textbox|Text box]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
|}

</tab>

</tabs>

==Web Developer Components==

<tabs>

<tab name=" Controls">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Control
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c68e35f2_92e3_4a48_abd9_4a1818aa1023|Button]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 21cdfa0f_51ac_48a5_9448_53d3460fed47|Check Box]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 46df05de_0544_4c2f_b70a_3d5e40074a0c|Choose Colour]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3d8ea96e_c2b7_4160_87c2_0b17d0511ddc|Choose File]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9d2842d2_c72d_4631_94b3_1186cb496fff|Combo Box]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c9c426b0_29da_406a_afa3_aa4bd66f785f|Input Text]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1aadf780_b159_4970_8c1a_6af1ec49335b|Radio Button]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7e6b63bd_8cda_4b3d_bf64_ec66e9055a25|Slider]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID add0cf83_9484_4047_8048_40f00c95972e|Switch]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name=" Indicators">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Indicator
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4fc7c04c_c105_4a2b_ba78_27f11d8b2320|Canvas]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f43a5e51_dae4_4d71_803d_27e56a7b25b2|Gauge]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1b25bcf6_4e20_4646_9eda_8565971d5724|Indicator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cfb27e2a_028f_4b18_844c_048de6c2d7ee|SevenSeg]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name=" Charts">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c0afb39c_50ed_44c3_91cc_b15bb0baa6f6|Area Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 33bed1e4_f05f_4a12_a934_a511c24913b9|Bar Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 42f80fc0_5172_44ef_850c_d42d28ef0bd8|Column Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 724dc5b4_8519_41ff_a96d_413275961305|Line Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d2449868_8378_45f5_a9b2_12ed71762d7d|Pie Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name=" Helper">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cb997a87_2257_4fed_917f_89732d879150|Bluetooth]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 209c214a_3fdf_4a09_9354_e2f146dbdedc|HTTP Fetch]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1ea0baab_69f8_45a5_9eda_aba35d8de3e8|HTTP Params]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 872dba99_b369_457e_b6f1_914a9f35ad19|JSON Decoder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0e2759dd_5335_4769_bdb4_5ddea30a6236|JSON Encoder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ac5ba24f_d4c3_48e7_9147_e5197de7f7b5|MQTT Client]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 23c1be0a_4c1e_4d83_9de5_47a82d4e4950|SerialPort]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Data
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a1612734_3758_43e9_b5f1_2b1a35304d19|Array Helper]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e822511e_30d7_4aaa_a34d_93b7796cc82b|Create File]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 45ce3fab_d9df_40fe_8ef5_04d8e6e590e5|Location]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f29b1d3f_7cb2_4585_bd19_f502759b66ac|Motion]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2e5d477d_7e43_4691_95e1_becf96fed02d|Object Helper]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 32333e38_5975_4078_a873_efdf2975a04e|Orientation]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 15f033b8_7422_4475_9e3a_35e5731fb589|Popup Message]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 80045c63_20e3_46df_8a8c_b47985d737a0|Speech]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 58f727d6_1ff6_4e68_80dd_395bdb2143b7|Storage]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 30f0236a_7777_4c6f_8ceb_a29b8d5294d1|Timer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7124e995_9c63_405b_8324_0ab23d49a5cc|Timestamp]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 435108f4_b1f8_4050_b4d1_310d0726e8f0|Vibrate]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name=" Creation">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Primitives
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiBaseChart|Base Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiCanvas|Canvas]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiComplexShape|Complex Shape]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiImage|Image]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiLine|Line]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiRichText|RichText]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiShape|Shape]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiSimple|Simple]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiText|Text]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Web Primitives
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cf57b83c_426c_4db7_964e_7c99643f5bc7|Complex Shape]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d8bcae4d_437d_4252_bdc7_d8132145f18e|Image]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1812403e_8a44_4e02_843e_b5c58a6f9646|ImageUrl]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8572e90c_bb9d_4d3c_8350_a68d412af899|Label]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2b8bf5a1_2d66_44fe_8023_cb41c33d1add|Shape]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3bd55a33_d9ed_44a0_80d9_76a8d954a335|Text Block]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3dd46a25_45e9_4e03_a4f6_2c2fbd06d4ca|TextUrl]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

</tabs>

Components

2026-04-27T09:46:02Z

BenR:

In Flowcode IDE, a component is a predefined module or building block that represents a physical or logical element, which can be added to your project to simplify the process of designing and simulating embedded systems. These components can range from hardware elements like sensors, actuators, and communication devices, to software elements like variables, timers, or logic gates.

Each component typically comes with its own properties, methods, and events, which allow users to configure and interact with the component in a graphical way. For example:

Hardware components: These include microcontrollers, LEDs, motors, displays, or communication interfaces like I2C, SPI, and UART.
Software components: These are functional blocks such as delays, counters, or decision-making constructs like conditionals or loops.
Flowcode simplifies embedded programming by allowing you to drag and drop these components into your design, and then connect and configure them without the need to write low-level code manually. However, it still offers the flexibility to add custom code when needed.

Each component can also be simulated, allowing you to test and debug your design before deploying it to the actual hardware.
__TOC__

==Embedded Components==

<tabs>

<tab name="Inputs">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | General Input
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 0e4cb9c6_10d4_416f_bc27_5f8f7bc746b4|Grey Code Encoder]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9dba6468_db7d_4eae_8b94_7bd35fd115b1|Grey Code Encoder 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 76bb1b8c_43da_48d3_b53f_a9907f03a528|IO Expander (MCP23017)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 331daac0_653d_4f45_9822_6408a8258bda|IO Expander (MCP23S17)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d43a1c1f_8ad6_4271_9f62_20e1bdf529f0|IO Expander (PCF8574)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4616b658_531f_4c5e_981a_4d9fc04f9a36|IO Expander (PCF8575)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 3531a68d_7686_44b7_a3a5_67afda8467dc|Quadrature Encoder]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 50d58a97_3208_4ff3_bcd4_0d2b1c22dc1c|Quadrature Encoder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Analog Input
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 937e425e_21c0_4b08_8d8f_0bf80a6391d2|ADC (AD7680)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 235fd689_bfd1_4c4a_a918_6c3c36e9a49f|ADC (MCP356X)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ee11c499_8a22_4987_ba57_c7d5d2224a39|ADC 24bit ADS1220]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fd24f205_3750_4324_8c2c_94a6c0377475|ADC ADS1256]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e65e5368_af24_44a9_897e_cb0422fcea27|ADC QUAD + DAC (PCF8591)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7aad74d6_b24e_4dab_91eb_5d72a973f12d|ADC Template]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9b845489_48f5_4fa5_aace_2c97efdcede3|ADC Template 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f788c9e7_2e69_4be9_b41e_5fdced777c2e|ADC16bit ADS111x]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 74571cdc_4f94_4e9a_b56b_376f36424996|Joystick (Sparkfun Quiic)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 94c78e1b_f580_4105_a223_7e40b75d134c|Joystick (Sparkfun Quiic) 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 11ca2f38_de81_4812_9338_4b5a7a89a658|Potentiometer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3d8f329f_3bf9_4c90_8797_05100f6419f8|Potentiometer (Slider)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Switch
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 9306f758_06af_49f8_8b09_d10d2b4374dd|Rotary Switch]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 6f2c4205_6a87_46ba_a8b4_8c869e144fcd|Switch (Microswitch)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e2698f3e_1168_4f25_9c50_24a74ea7e34a|Switch Push Button]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 58b37280_d90e_4a23_941d_26f34ccff410|Switch Rotary 0 - 1]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e5dbdd14_0308_4a22_bacd_765215a4df45|Switch Rotary 0 - 15]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1df1ea9a_6983_4014_aba5_f5144ea4e053|Switch Slide]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d43ac17c_2ec0_4277_95f9_fbc339456fab|Switch User Images]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Switches
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 208101fb_f735_4e83_980b_c1d2b4be28ff|Switch Array (Push)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cd8da0fe_80cf_4532_bb50_69f0d1730e70|Switch Array (Push)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 4ac72986_ad7d_49ce_afe5_9128831debc9|Switch Array (Slide)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 975b2770_cfa8_4c76_b8ca_c008735e366d|Switch Array (Slide)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Keypad
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6c74b9ee_2907_4b1e_8a9b_80fc192b6027|Keypad]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1d24df27_423c_4d91_b2bb_e6ad3e121f14|Keypad (Cursor 3x3)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 287e2f0b_8869_4994_a958_c8f851091322|Keypad (Hex 4x4)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Outputs">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | General Output
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 76bb1b8c_43da_48d3_b53f_a9907f03a528|IO Expander (MCP23017)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 331daac0_653d_4f45_9822_6408a8258bda|IO Expander (MCP23S17)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d43a1c1f_8ad6_4271_9f62_20e1bdf529f0|IO Expander (PCF8574)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4616b658_531f_4c5e_981a_4d9fc04f9a36|IO Expander (PCF8575)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 444fb704_814c_4707_a15c_759ba088505c|PWM (Internal)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5bd41be2_1b9c_4f30_ba78_84cb29d61ced|PWM 16CH 12Bit (PCA9685)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2f95990b_1dc6_4cb4_a6b1_e000a487b702|Relay (Grove 103020005)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Analog Output
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e65e5368_af24_44a9_897e_cb0422fcea27|ADC QUAD + DAC (PCF8591)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3d87ffe9_97c1_4013_a2cd_82c24d0ccb48|DAC (AD5662)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 09222494_fbef_455b_9651_9e9e46592eb5|DAC (Internal)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e78d88a0_e132_4f82_988d_59353009b669|DAC (MCP4725)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 70a3bead_e66d_4a76_bc7b_fb1baa86d2e6|DAC (MCP47x6)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fab5cf20_8686_4397_8a21_cc936659d5f6|DAC (MCP48x1)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b6de5668_e0ae_4c1a_9c16_b16aa3f58024|DAC (MCP49x1)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f484e96a_af4f_434e_a002_70d3f4315dfb|DAC Dual (MCP48x2)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b66f5769_5e9d_40e7_9159_c6a0552ff86e|DAC Dual (MCP49x2)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID adb523db_db13_4d19_bfa3_0fbc177e4d3f|DAC Quad (MCP4728)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a4c8e3f2_9b7d_4e1a_8c5f_3d6e9a2b4c7d|DDS DAC (AD9834/AD9833)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID a3bfda42_750b_4baf_8428_3536dcfc72cd|DDS DAC Synth (AD9851)]]
| width="20%" align="center" style="background-color:#FFFFFF;" | both
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b48a8c76_b62d_4b52_9368_237e5a2dbd4a|Digital Potentiometer (AD528X)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 37025734_a84d_46ad_9078_925beb81f38b|Digital Potentiometer (MCP41XX / MCP42XX)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID aba8b3ce_e71c_49c8_a961_d59b36338afa|Digital Potentiometer (MCP41XXX / MCP42XXX)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3a3a0802_42b6_4c31_8983_4d043b70b443|Digital Potentiometer (MCP44XX)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a69bf9b3_272e_44b3_a47d_22f53c3c0804|Digital Potentiometer (MCP45XX / MCP46XX)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0a0819d2_73b7_4bc2_bc11_f3139972d224|Digital Potentiometer (X9Cx0x)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Audio Output
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 04bbd3b8_ee11_40eb_91e8_1bbbd6f65b8c|Buzzer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2061d38d_0cca_440c_a842_f9c84ca55f90|DFPlayer (MP3 / WAV)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 70ec3aee_f273_4b0e_8ee6_e2b3a8b693af|Piezo Sounder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 01fd689c_985c_4b10_bc98_99de5f9b41a8|Speech (Phoneme)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eaee384d_6b16_4988_b1aa_8628231a7128|WAV Library File]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | LED
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 44f82374_a417_40d5_bd42_23a177a390d2|LED Mono]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ce086f9b_c365_4471_b6e4_1760a53a7bfb|LED Mono Custom]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b562ceda_0ae0_4c50_bbcd_38a4b7e77829|LED Mono User Images]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 67271369_4b2e_4126_a5d0_a93142ac71b9|LED MultiColour Bi (5mm, PCB)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID a5c2033e_8639_4de3_80eb_58c02b44bd96|LED MultiColour Tri (5mm, PCB)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | LEDs
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID bbfc7c9f_fa05_4257_849d_8601ff7dc1de|Chainable RGB LED v2.0 (Grove 104020048)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b07ae733_c144_4558_979a_be737044519c|LED Array]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 6664b695_2a8f_4247_ae55_110b38270877|LED Bar v2.0 (Grove 104020006)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fef1acfd_e19f_4af2_9593_ba341240ce4f|LED Charlieplex]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID ef9cb184_0167_4d3e_a63b_6e0faad72391|LED Matrix]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 24bef796_e0e3_4195_a76d_920fdba5ea79|LED Matrix (Parallel)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 5a88c882_0396_44f3_a67b_f236244800d1|LED Matrix (Serial)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 0161e243_0ca0_497d_88be_76351cf4dfa1|RGB LED APA102C]]
| width="20%" align="center" style="background-color:#FFFFFF;" | both
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 12a23e2a_0b1e_427e_975a_f0b56d4a9483|RGB LED LP5030 LP5036]]
| width="20%" align="center" style="background-color:#FFFFFF;" | both
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 284bf38b_0fe1_4a0b_ae43_e1784445821b|RGB LED SK6812 RGBW]]
| width="20%" align="center" style="background-color:#FFFFFF;" | both
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID d814cb36_0d04_4eeb_b5b3_da8276ad8bdf|RGB LED WS2801]]
| width="20%" align="center" style="background-color:#FFFFFF;" | both
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID d977c3ef_c7dc_4683_a1be_76e17e6ba12b|RGB LED WS2811 / WS2812 / APA106]]
| width="20%" align="center" style="background-color:#FFFFFF;" | both
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Mechatronics
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 83c095cc_fefc_4854_a7c5_7fe867753bf4|Coupling]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4b0e5196_0db2_45a9_bcb9_b172f71f9c4d|DC Motor]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID bfa45502_f9d6_4b53_a239_b5731f9288d5|Gearbox]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 50eddda0_73c3_4514_b2e0_7e33abeaa162|Grove I2C Motor Driver]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 2e8c4276_d81c_4dd6_a70f_aad25e8bbf1e|Kinematics Arm]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 15921536_cf92_4cd3_88e4_207c251ab775|Linear Actuator]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7b03c836_c1f9_4ab5_8bf2_787a55e792e0|ST3215 Servo Motor]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 02668c1b_013c_43b8_a5b3_4f9d73412137|Servo Motor]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9202a62e_0a42_4780_adce_16b701e5ec53|Servo Motor Controller]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1ac8ae8b_bcd2_493f_b516_36dacb3695f9|Solenoid DC]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b331ed08_2a01_466e_9816_df3342019892|Stepper Motor]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Displays">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Segment
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID d9e86781_7fa0_4e64_9f82_ef49152611b0|4-Digit Display (Grove 104030003)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3299d5f9_92a6_414a_af9f_f7fe29b3e6ed|4-Digit Display (Grove 104030003) 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID e2c3165d_8020_4e52_bc7e_7022ff459129|7Segment]]
| width="20%" align="center" style="background-color:#FFFFFF;" | both
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID bddc472f_59dc_4705_997e_662768d643cd|7Segment (74HC595)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 727806c8_26a4_489a_a11e_4ef0306694f5|7Segment (74HC595) 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 4de4697e_2de3_432e_a0fe_97ef8c79dfc0|7Segment (Hex TM1637)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5c1232f7_2af1_4ce9_9124_1ad038ac09d8|7Segment (Hex TM1637) 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e6bd0a57_6bf2_42bb_b05e_6b6cdad2ce0e|7Segment (Quad TM1637)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID f4400e36_dd95_4472_86da_4bba68d68d5d|7Segment (Quad)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 71f200a6_153f_4984_8928_850523305e02|7Segment (Quad) 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 52c5383b_4f48_4029_8b75_c3633f7cf892|7Segment (Single)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6a9e9265_e261_4604_8dc3_252ea3ccf02c|7Segment (Single)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 5015c7e1_2166_4f1a_b9b1_9bd181784cea|Starburst Display]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ae5688c5_6bfc_4e62_aaf4_e9a56fb068f9|Starburst Display]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Alphanumeric
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 672cb410_6026_403b_aff7_0628fe9e8140|LCD (Adafruit, 16x2)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 913991df_9bcb_475a_ae49_d9eb611b0d71|LCD (Adafruit, 20x4)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f8c9b53d_0bf2_469f_8f0a_34caa93749ba|LCD (Generic, 16x2)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a2b40602_5421_4e2f_ba82_96db1be51d69|LCD (Generic, 20x4)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 51677753_5eaf_4e3a_a3c8_71c49a142171|LCD (Generic, Configurable)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f45468b8_5731_4bfb_b5c0_4042ef1dd1da|LCD (Grove - I2C)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 31326041_9339_4cf4_b609_c14cc66318b3|LCD (Grove - UART)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 24a7a014_0ad0_44a7_b63b_61dac014eee7|LCD (ST7032i)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bcd6a955_12c6_4ed4_a22f_f16eb62e0762|LCD I2C (Backpack)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3cf64267_8c56_47b0_84a1_a933a77716bc|LCD I2C (LCM1602)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c198e346_6b0f_4309_973c_78d7207e0b96|LCD SPI (MiniClick)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Graphical Color
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ac3375c7_acf3_4160_8c3e_3011735116aa|GLCD (E-BLOCKS 3)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3167b57a_5a41_4a91_bd6c_e0a8cc23cf56|GLCD (GC9A01A SPI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 79f105db_3eb0_45cb_b3fb_e4b6d6e94358|GLCD (ILI9163C)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7bd84555_ae51_40cc_8e1a_a7bcba661e52|GLCD (ILI9341 SPI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bc0a0612_ef85_48fb_8960_5e78f4083df1|GLCD (ILI9341)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3408fde0_f512_487b_8902_74cd56623191|GLCD (ILI9488 SPI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b5148d9e_884c_488e_8536_741e7fc4306c|GLCD (ILI9488)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 641b19bc_b941_46de_843d_229ca347466d|GLCD (LS020)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0a432f5f_d9a0_4726_9b42_18de4eeddfd8|GLCD (SSD1289)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e635704b_9d69_466c_be7f_a03543f011a6|GLCD (SSD1331)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8af7f5ec_2e7a_4080_9566_b816c24ebbfa|GLCD (SSD1351 SPI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fd1a193b_149f_4ba8_b1ce_ce39ca863975|GLCD (SSD1351)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9d414a42_fd9b_4afd_9493_dbf80eece14a|GLCD (SSD1963) Parallel]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 37f69c17_886a_4b13_9daf_8dde9a1cce40|GLCD (ST7735)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4e30b15e_2507_4583_995d_b2056e04a286|GLCD (ST7789V)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b8541d78_44db_43c3_961a_a96141da67e9|GLCD (ST7796 SPI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a00b9a94_9608_4208_af26_68a94dab336b|GLCD (STM32F429ZI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5bd73e47_8060_4677_a1a3_6191ceb924b7|GLCD (STM32F469NI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6a2520bc_d8dd_4001_937e_21925253291a|GLCD (STM32F746NG)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 756045fb_388b_4dbb_8f10_5136de8bfacb|Nextion Display]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7c3895d3_0359_4b4c_8fa4_ab6314cd5fbf|Raspberry Pi HDMI]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Graphical Monochrome
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8a7a90d2_3274_4433_8609_699e976e0719|GLCD (Grove OLED)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c9d3b357_b914_4301_a741_0d13819e441c|GLCD (KS0108)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a1edc3df_71d0_4ec5_a511_05818570696f|GLCD (PDC8544)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ebf9c18e_044e_41e2_b845_da14e744b25f|GLCD (SH1106) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 91c1b7f5_6974_4ea3_84b3_4e24a9784631|GLCD (SH1106) SPI]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5ed21fc4_3979_4825_8c8e_95944d1101d9|GLCD (SSD1305)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8fccb5eb_1664_4dd5_9d2e_5c62294a7151|GLCD (SSD1305) Buffered]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID dfe103f9_ef5c_4554_85be_7519ec274609|GLCD (SSD1305) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7b1ef6f5_5c39_4b7f_9faf_eed122ff2b3e|GLCD (SSD1306)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9e067700_36d1_4697_a165_9e8d60b45399|GLCD (SSD1306) Buffered]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f6ab6074_68ba_4cd4_9274_f973102f8518|GLCD (SSD1306) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f0f2f410_3216_4a3f_a2dc_db35f4a2821d|GLCD (SSD1322) Buffered]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID dba19ea1_efe2_46e4_90be_18ee41930d1e|GLCD (SSD1322) Parallel]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6548a7da_7e0b_4d45_ad92_f61bf5713442|GLCD (SSD1327) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID deade808_da0a_4530_8cf4_7c7894fdb6a3|GLCD (SSD1327) SPI]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 496cf2f0_4220_4f70_9219_7c67c672e36e|GLCD (ST7036) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 889a6ac6_12d0_40c0_9882_075ce9801eeb|GLCD (ST7565R) Parallel]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2149fdef_84e9_407d_b68d_fc7f39e6f41e|GLCD (ST7565R) SPI]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7e19b0ee_6cfd_49d3_8efb_67e7b145dfba|GLCD (ST7567) SPI]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 022045f0_7e41_4385_a79f_7cdbd9b71c6a|GLCD (ST7567) SPI NOBUFF]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 804de427_4b97_4468_9ea9_b5adf7b98771|GLCD (ST7920)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c9d3b357_b914_4301_a741_0d13819e452e|GLCD (T6963C)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 71ba0cdd_e003_4f6d_9dae_8eecffd1774b|GLCD (TLS8201)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ebd426a3_c694_42bb_8611_320e27c6ea65|GLCD (UC1701)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 65f9d966_4d43_498f_b6ca_2e66e49a2379|GLCD eINK (IL3829)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2c2a1a7c_bd81_4327_9902_dc1b2f6156d0|GLCD eINK (SSD1681)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Display Plugins">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Graphical Library
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cbfb3c21_f13d_488d_9b90_400c8d4fc605|Display Manager]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b02b7c75_53cb_4be4_871f_61be633d898c|GLCD Bitmap Drawer FAT]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 52dd90bd_fec9_4ee5_934c_e4b2297168a5|GLCD Bitmap Drawer ROM]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d4994410_ca95_4d1c_8d57_542d48a21d58|GLCD Graph Creator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7b198227_81d6_404c_a2d4_ce1e59ef84f8|GLCD Graph Creator XY]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0df0d376_b9dd_4c40_8102_1b0203980c3c|GLCD QR Code Generator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9e0fa7e4_0c8c_485d_98c4_6f0ef8e57d40|GLCD Textfield]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 90c9f255_b526_4288_b0b6_26736e6db2e2|Touch Screen (FT6X06)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3c28ab9b_d363_402e_a99b_ff109b8729e3|Touch Screen (GT911)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fe5255ed_0613_4e5b_b011_9f432531832e|Touch Screen (Resistive)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ab872cc0_e6fe_4d30_a7cb_a1efc6ae87a6|Touch Screen (XPT2046)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Graphical Manager Primitives
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 30e9f969_f18c_45c4_bac0_5ec85a48120f|Bitmap]]
| width="20%" align="center" style="background-color:#FFFFFF;" | wysiwyg
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 42949d26_33e7_4a67_bc39_4969cd287c2b|Ellipse]]
| width="20%" align="center" style="background-color:#FFFFFF;" | wysiwyg
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 07faadd6_e3af_4802_b101_baf82838d103|Hidden]]
| width="20%" align="center" style="background-color:#FFFFFF;" | wysiwyg
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID d478e9ec_2929_4b85_b226_427f079f1873|Line]]
| width="20%" align="center" style="background-color:#FFFFFF;" | wysiwyg
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID d13b1e7c_32a2_4117_9b76_8cd03399dc3c|Rectangle]]
| width="20%" align="center" style="background-color:#FFFFFF;" | wysiwyg
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 852ae874_e901_47e9_977b_5e2f3af0bef1|Rounded Rectangle]]
| width="20%" align="center" style="background-color:#FFFFFF;" | wysiwyg
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 471eab69_d1c0_45eb_88f8_d01bd7167b23|Slider]]
| width="20%" align="center" style="background-color:#FFFFFF;" | wysiwyg
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 81f24c15_ab7c_49ba_b55f_62d3cbfee92a|Text]]
| width="20%" align="center" style="background-color:#FFFFFF;" | wysiwyg
|-
|}

</tab>

<tab name="Sensors">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Audio
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0a5d4625_78e6_4bf3_a802_925c655ef718|Heelight Sensor (Grove 101020312)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3bb0eba4_8ae3_442b_8653_507d1bde8be0|Sound Sensor (Grove 101020023)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c5d9ffa3_5a7d_4fb2_b9ba_ec855ad7b25c|Ultrasonic]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 06c52475_f44f_41f3_aae7_9ddeee44fc06|Ultrasonic Ranger (Grove 101020010)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Electrical
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d5f0360d_ba69_4cc4_af4a_c2621fd2d77d|Battery Cell Fuel Gauge (MAX17043 MAX17044)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID aa85a268_ba47_4a33_bdad_04f51b716cdf|Current Sensor (ACS7xx)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 09d2a023_0199_4c73_a737_14228973ddc5|Current Sensor (ILA260)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ef2427ea_7767_43be_a0c5_6f705e3c2668|Energy Monitor (PZEM-004T)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 29b4cd01_9dd8_43ad_b5b4_895358321a89|LTSR Current Transducer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Environmental
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c416a604_834b_48ba_a5e8_a47cad4f08de|Air Quality (BME688)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ea4894d0_fb58_4cfc_bae6_2502eb3e68d0|Air Velocity Sensor (FS3000)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 69a2ca78_26f3_47df_a402_b5a7c1ff73f2|Analogue Temp Sensors]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a9eb79b0_1d24_4acf_aade_d3639aa800c7|Barometer (BME280)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 38f89887_af35_470e_8c6f_c91f3c99e88d|Barometer (BMP180)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b52758bf_4466_48c0_8054_33ee4b11e82b|Barometer (BMP280 / Grove 101020192)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ca60c1d2_fb77_4e3e_9d01_c4496d35db1e|Barometer (DPS310)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b8c43425_121c_4dfc_8a70_665973e9938b|Barometer (MS5637)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2755f2ee_60e0_4e4d_9bce_8bffb3a6a730|Humidity AHT10]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 36175036_08af_4bcf_8dd2_1c46f6761385|Magnetometer (BMM150)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID caa29480_5f50_4c3b_8dac_22cfb8e36999|Pulse Oximeter (Max30100)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e3b5f8d2_6f4a_4fbc_a4f9_9c7f5a1a3b65|RTD (MAX31865)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 40785d28_4fe3_4aec_a5d9_ba30b2d58760|Temp / Humidity (DHT11)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 95a1525b_7e03_4836_8c09_59bf174f603b|Temp / Humidity (DHT22)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0689100f_8b13_45a6_98a2_b9833b02eed5|Temp / Humidity (Grove 101020019)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eca89720_1386_4589_ab75_6c0425162b91|Temp / Humidity (Grove 101020212)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 66e6f00d_d894_49de_a768_02997eaf45e1|Temp / Humidity (HTS221)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 75d7da2a_c682_4622_ac86_b6eb9ed7a88e|Temp / Humidity (SHT21)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4475d8e8_4f60_48be_8a27_e91d85fbabae|Temp / Humidity (SHT31)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cc6a9919_31de_480e_91c9_2a59254a5bbd|Temp / Humidity (SHT41 / BL0144)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID df4eca75_779f_47ce_9495_56d3233be5e1|Temperature (DS1822)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 783b7689_0c71_44fb_9dde_673e4b7455ba|Temperature (DS18B20)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b42d9405_a751_4622_8fbe_ce512da391ba|Temperature (DS18S20)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bbf0ab46_623e_44c6_9402_3acfcd9d0006|Temperature (LM75B)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ca3bcd05_64e6_4daf_8b9f_71751c16a22a|Temperature (TMP117)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 05acf53c_0b2e_4d26_8d5d_f112d4ce4c68|Temperature Infrared (Grove 101020062)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID de8dcab3_c23b_48b4_a88e_3eb8b584109f|Temperature Sensor (Grove 101020015)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 93ab1895_66cf_4fd8_a04f_79f09acc19e6|Thermistor]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1dac9b91_e842_40a6_9826_890f2d6f7a79|Thermistor Using Beta]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 97e631c7_51d9_4482_9b65_481b390a686d|Thermocouple (MAX31855 / BL0126)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cbedb7e1_22c3_4edc_80f8_0501f7f9e398|Thermocouple (MAX31856)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 60de8264_7faf_4f77_904e_69bb19909ba8|Thermocouple (MCP960X)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4b57ccb5_9e55_4d0e_8961_43f6fcaec2d7|Water Sensor (Grove 101020018)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Force
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e8ec17bd_a898_44d2_83af_968c96826948|Bridge Amplifier (HX711 / BL0122 / BL0132)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Light
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e08872a7_6962_4b61_bcca_71389f8ed8d7|Ambient Light]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID d79f7da1_0e33_4fba_b4a0_ac127b5a4812|Beam Breaker]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID d8b85f99_8de3_41dd_9bab_f8bfc19e74af|Colour Sensor]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID a1ea988c_88c9_4f96_ac26_1684e918a3de|Colour Sensor (Grove 101020341)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID ee2e1541_45ee_492c_a47d_014627e6b9b6|Colour Sensor V3 (Grove 101021133)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e1d52efb_00d4_4e19_ba4c_29b292535ea1|Infrared Array AMG88xx]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID f3b8eed1_fef6_4c1b_b62d_8efc84b1be35|Infrared Reflective Sensor (Grove 101020174)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9c5b7454_e67d_4111_b220_bf8e5ff8b174|Light Sensor (Grove 101020132)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ccbd6829_44c8_4011_954b_c39dd93adbed|PIR Motion (Grove 101020020)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 20a48db1_d91d_4c51_a49f_f878d0bcbad3|Photo Reflector]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3d1bbeb7_0fb3_4356_a2a6_e1b4cd28e0ff|Photo Reflector 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 6e5b4f6f_e2d9_4272_a854_749a762f55c1|Photo Transistor]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bb2fcffe_6f54_412e_adaf_bdebea1f83d2|Photo Transistor 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 488c3a77_9ff2_4e60_9bfd_cf074405e294|Range Time of Flight (VL53L0X)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Magnetic
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c14492da_a844_40e6_ae29_50e58864b237|Hall Effect Analog]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 655234db_5700_4206_934f_56e499edbff9|Hall Effect Digital]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 594f7ca0_ca51_4c94_8d49_42cc77c81a92|Magnetic Encoder (AS5600)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 1c8bc72f_4944_4456_af99_9686c237d6b3|Reed Switch]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Movement Orientation
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 20699a0c_0925_40c4_8aa1_35f294e225e6|Accel / Gyro / Mag 9-Axis (LSM9DS1 / BL0135)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5d2c6406_e3aa_46bd_8144_57f60194a1e9|Accel / Gyro / Mag 9-Axis (MPU9250)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 940ad7e9_abab_434f_a5e3_ff50e2fdf962|Accel / Gyro 6-Axis (Grove 105020012)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 75a362f4_d74d_48e7_9790_530f4d0e78b6|Accel / Gyro 6-Axis (MPU-6050)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d950cf7c_f9fc_49ba_a486_0d45b6afd1aa|Accel / Gyro 6-Axis (MPU-6886)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID db2c91d9_4fd5_42b8_98f4_76dfb160dece|Accel / Mag 6-Axis (LSM303D)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d61dd6a6_231e_4244_9e8d_4f15e7ea10d5|Accel / Mag 6-Axis (LSM303DLHC)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 788b85c9_21ae_4fad_ada1_9f118fc8023c|Accelerometer 3-Axis (LIS3DHTR) ]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 72f0a8c3_2b8f_4723_b22a_4a81873e5151|Accelerometer 3-Axis (LIS3LV02DQ)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2c716005_e9b5_46e3_86f9_30e5268341a9|Accelerometer 3-Axis (MMA8452Q)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 447dabf8_4e39_46a5_a3d6_a02341bef0f0|Gyroscope 3-Axis (L3G4200D)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8e4553f8_fce7_4fed_80c1_33de9590a678|Gyroscope 3-Axis I2C (L3GD20)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 593b7216_0a11_465c_9cf5_3b809503a72c|Gyroscope 3-Axis SPI (L3GD20)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e4f1697e_5571_475a_a2b1_aa7243920422|Magnetometer (SM324)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4c2256c0_4453_4369_8c36_09770d223a09|Magnetometer 3-Axis (HMC5883L)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 03b98e89_8fee_466f_87b9_42b3b3e1cb41|Magnetometer 3-Axis (QMC5883L)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8c4c9db2_8c42_458d_b071_001acd191c49|Wii Nunchuk]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Storage">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Buffer
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 201d99f7_acf8_481d_a703_61860c2ba3ea|Circular Buffer (16-bit)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c34f9b8a_a915_4f75_ad0c_87f2ad670a8a|Circular Buffer (8-bit)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ed491c82_9f85_4627_93ce_d2b588352539|Circular Buffer (Float)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | EEPROM
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID dcbf571f_a6fa_402d_bdd4_be00cca4070f|EEPROM]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d96f06b4_e7cc_4222_831e_520b53cfa278|EEPROM (DS28E07)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a1b2c3d4_e5f6_7890_abcd_ef1234567890|FRAM MB85RC]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 06829bc6_9e27_4353_9d95_3ba9dabc3384|Flash EEPROM]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7bbc8b49_5f3d_419e_8b25_4ea4c93467b6|IButton (DS1990)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fdb712e0_3861_4e64_9c68_67eade64b089|Serial EEPROM (24C01 - 24C16)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 35934f36_5cda_49e7_b1a0_05c85722d858|Serial EEPROM (24C32)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4d9912c0_0f17_4fbe_9c76_09331167a886|Serial EEPROM (24LC512)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b92e8950_9c7f_4769_abc0_be85f2b1452d|Serial EEPROM (93C46)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c8b6350e_b89a_4ad0_8669_e9387e24599e|Serial Flash (W25)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | File
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7d0c33a1_0aaa_4250_84bb_f96fc113abac|CSV Read/Write]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 42f3f8ef_ff5b_44e6_9be8_8c43d9ab5b08|Embed File]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a61211f1_3718_4d37_b4a4_c6193646ccfd|File (ESP32 SDMode)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 900b40e1_a72c_445c_9ec4_eff95cd6c377|File (RPI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0b61bd39_05a3_46ee_a2a5_da7bffb583c5|File (SD/SDHC Card)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Real Time Clock
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 920175dd_ace8_49e2_9208_ec548563c9c0|Real Time Clock (ESP32)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f0e01201_8951_4748_87c3_d1f8423bb6e4|Real Time Clock (Internal, DS1307, DS3231, DS3232)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c48dfdeb_1177_4381_86dd_d7a98fefeb7a|Real Time Clock (MCP7940N)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a920e6a6_272e_47e3_92f5_fc06016b418b|Real Time Clock (PCF8563)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Utility
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 34f258e1_5c8c_4519_b29d_aba7cbf41faf|Advanced String Functions]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1911d96c_78dd_414a_b23c_6691fb19f63f|Auto Version Identifier]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID dfb4d07a_3d70_45d5_83ef_07e3c95d86ab|Lookup tables]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a8abdc98_224c_4c8a_8311_2921cb3dbe46|String Initialiser]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 306b3759_a92f_4779_b15f_93a9e35a75bf|String Translator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Math">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Calculation
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a78483e1_b293_47e7_984c_55984fc93571|Base 64]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6faf9c4d_ae2d_4997_840d_ce51c9a31498|CRC]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9a2a044c_10f5_437c_b5fa_0ec949130f36|Linear Feedback Shift Register]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ccdce31d_a1a3_437a_88ba_5431745ddf6e|Map Function]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b3061d15_325b_4a8f_863a_a059fab79caf|Median 16-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f2e05e6d_1864_465b_8d1d_0fc9238a7535|Median 32-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c211fc8f_6f17_461f_a44b_01dbc2368fbe|Median Float]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2e0f3546_f0f7_4644_b126_545f4c32984c|Modified Moving Average 16-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 118ff995_d306_4ae3_8d5e_454a85a77750|Modified Moving Average 32-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8062437d_88e1_459f_81de_d51162f7c654|Modified Moving Average Float]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a6ee9d2e_b26c_43ca_9478_15c3c338922e|Running Average 16-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID de7d4dbc_e93f_4b5e_b6f2_b7d035992206|Running Average Float]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e4dbf608_6521_4e08_a1f5_46b012fc8cc1|Standard Deviation]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6508c7be_063a_4f9f_bae5_4a41cf977a86|Type Conversions]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Timing
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ec64c307_3099_485b_bd55_052a5da95128|PIC32 Core Timer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a871ac1d_7a58_4474_a08b_c9c9017cd2ed|STM32 Timer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d7633558_54a4_47ff_8c00_95170632c57e|Timed Interval]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 24ad2718_c70b_4088_aeda_3949dfdba740|Timer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="DSP">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | DSP Inputs
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fdef1c85_689b_4e44_81dc_7ab15dec21a6|Data Queue to Bits]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3420d1ea_bc10_4727_8419_746101b8dc13|Input ADC]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 73c1c565_8d04_44dd_ab78_1997d5e3c641|Input CSV]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c73d493a_b6a0_4dbe_b4b5_79648f67d11e|Input Digital]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8d6ffd33_4087_46b5_8dfd_f43513748755|Input Digital Pin]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c7648111_2a14_475e_980d_c7106ff9d3d0|Quadrature Generator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cbe42abc_5955_44da_a6d0_03e7cbcdcaca|Waveform Generator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | DSP Outputs
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 44e22c6d_4e79_4eb3_b2e1_7ff2fecb3e08|Bits to Data Queue]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e648c3de_ec39_4a3f_bbd9_46e45cce4a63|Level]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5142bd81_abad_444b_b6db_36a87dce5835|Output CSV]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4483da18_fa5a_4436_9edb_0cfb55a4bce1|Output DAC]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1392d5c3_35ba_4c7f_a539_7f30a09758e4|Output Digital]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0d048c7d_18d5_4bce_83f1_7e429c0d86b6|Output Digital Pin]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 649f4bc2_1360_4629_82aa_62e2fc32d4e4|Output PWM]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e79a4b4d_cb5a_4e46_a0d5_d23479e90036|Output Port]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | DSP Operators
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 104899e2_8b2e_4854_923c_5a614c1b8a3c|Adder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d347e8eb_a0f2_45d5_8f31_7aba7f4e56b7|Averager]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0b1d97c1_ee89_45a5_8c39_114cd6d552ad|Deinterlace]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e0ddc704_6bab_4d08_8f10_19a14c6683ef|Delay]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f804a7bd_0280_4ff7_ab75_63be77fb2af3|Fast Fourier Transform (FFT)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 317efb6a_2bad_4f83_a0bc_4ada0f4cd51e|Filter]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 23b8de7f_5214_4f77_9bac_4982123b8d4b|Interlace]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 83fac7ac_b7b5_4cc4_890a_394cbf16cf71|Kalman Filter]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 82872714_f0f0_4758_91ec_bd39d2cdddc8|Math]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID facc8c89_963a_408e_985e_ed768a52b01a|Median]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a9e01aa0_f224_4902_a558_6a199fc039c5|Multiplex]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 88a7dbc4_af92_4205_8943_abaa77504462|Offset]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 34b6f31b_7e33_4beb_891e_defacbee8587|On/Off Control]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e6dd1315_4acf_4fb5_abd9_5743d3715cbe|PID Control]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 939a5d54_28c7_488d_af39_46f7c5d2c429|Rectifier]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f1af5256_1dee_491c_b43f_fdc8f33279fb|Scale]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 907f24e9_a8a3_46ea_942d_67dc55f7eb44|Simulated Control Load]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Comms">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms: Interface
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID da332928_6342_4c2c_afc7_eaf33917d33e|CAN (Internal, MCP2515)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 24219805_113d_4b12_b6bd_e1b0b0c33981|I2C Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 17c77397_9882_41a7_9aa8_05850854417e|I2C Multiplexer (TCA9548A)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eac43fda_0bc5_4b08_881c_6d3e364f2eff|I2C Slave]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 081af1a1_da0b_426d_9ca6_58d8313d1499|I2S Master/Slave ESP32]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 63de6312_8008_46d2_8a0c_bb66e56674e2|LIN Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 822ce79d_3339_4d92_bd2b_abae0ba3b780|LIN Slave]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 43861adb_8a59_492d_8f9f_a08775800bc1|MULTIUART]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 64b26b13_68cf_4a92_8616_e882b7c71023|One Wire]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 55831e22_7885_4e0f_a9de_73ebda9d7fe9|One Wire (DS2482)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 96862c4d_debc_45fa_9433_74711a4b9a3b|SPI Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e2955f6c_d724_4ab0_afca_d62093a77248|SPI Slave]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c73616d1_7ad0_45d9_aada_69ccfa4c5efc|UART (RS232)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 743ea495_34e7_47ee_bd79_3bfdc067b01c|UART Software (Timer)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms: System
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5aefac05_ee5e_4d51_9f31_05281900a97e|DALI Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c714f39e_c8fb_413f_afda_2d169e655134|DALI Slave]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b4e10f9e_4ea9_4fbc_a584_a4d7d4d8fba6|DMX-512 Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1be0ac44_3521_402e_a8b7_1faf86c09560|DMX-512 Slave]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5915b437_6925_4d90_a0f8_f91702837bdb|I2C Multiplexer (TCA9548A)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d04f4385_497d_4e46_a71d_2c0ccb4b0421|J1939 Automotive Node]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a9b43242_9ccc_4f1c_b2d1_acdfbe420fc1|MIDI]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 47f6b39b_ead7_40f5_9931_8a79aa54014a|Modbus Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 687f8ad4_59f2_4079_bb84_7713dcb57a13|Modbus Slave]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2bff9939_f404_4915_8a51_59db53e5470e|Modbus Slave USB]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 019e3dbb_2bfa_44a7_baf0_17b672d9b8f4|Modbus TCP Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1ecb9b0a_53e7_45c9_ab6f_7a0d4a0c47e1|Modbus TCP Slave]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 69c3c380_182a_4ba7_8043_9c9732b498fa|OBD2 ECU (Server)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6436a040_ccc8_46e5_82c1_68f8d87b16c5|Visi (4DSystems)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms: IoT/Cloud
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 72cd9559_26f7_4ffd_984c_cf3a82a6db16|BBC News]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID df96ffa1_4d36_453a_8877_758f68a2676c|BBC Weather Forecast]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bf90426c_1763_4a7a_be5c_b3e442e3f6d8|BBC Weather Observation]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 947089aa_ca9f_4e6f_9f86_7d49a1ae6f86|EtherCAT Slave (EasyCAT)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2740a93b_32a9_48d1_8fc3_089d13b50bb5|IoT Made Easy]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6af7744a_76aa_4522_8cf1_05c8bd34859c|JSON Decoder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f2ad060d_0ae3_43d2_9d82_f49eb4215240|JSON Encoder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e50536ca_0cc0_4cdc_b0af_8cf3b393fa27|LoRaWAN (Seeed WIO-E5)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 459c9cfb_82e3_40ad_9456_54fc40ba5e6c|MQTT Client]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms: Networking
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c2322067_51ae_4560_abcc_6469b1bdcccb|Hydro Encryption]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 91049bf5_2436_42dc_947a_c30c86463d98|Network Communications]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8aab4b54_a912_449c_b11a_7c1a5db8d591|TCP/IP (ENC28J60)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a1820de1_8cfe_4675_b185_a62ce44e2a6f|TCP/IP (NM7010A)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0341d84f_f7fd_473c_8076_b38b2d563e13|TCP/IP (Raspberry Pi)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e18e39d3_2e05_4a15_b8aa_e8ada16cd3ef|TCP/IP (W5500)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d6db973b_a543_4743_91b5_176f9c6613df|TCP/IP (WIZ810MJ W5100)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 73973401_ddc0_46a9_ba3b_baf5e877ce07|WLAN (E-Blocks 3)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 66990164_3c50_4960_916d_327737a7a093|WLAN (ESP-12S)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f0f54e46_0848_4930_9bb6_eff9a34ed229|WLAN (ESP32)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e1bb4679_58ef_40dc_8d09_306ada46f7bf|WLAN (ESP8266)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a1c9b843_a641_4b9c_b762_26995b8f9464|Webserver (GENERIC - Flash / File)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ff377ede_2c09_4a83_99a0_5e11c7ae16d9|Webserver (NM7010A)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f77f2b22_6a7c_4ae6_9f5f_724660cc6c93|Webserver (W5500)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9e68a715_edc2_4a98_be64_c0d02f700135|Webserver (WIZ810MJ)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms: USB
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 06a0a9b3_dd23_4592_a781_537a31b97c2a|USB HID]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fdceef06_919a_405b_8d0b_6118cd0e104c|USB MIDI]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3e28ac22_2855_410a_9660_0b0a4731e545|USB Serial]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 26cbc2df_5ef0_47db_ab2f_c2425b14462f|USB Slave]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Wireless
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4993deaa_590b_4015_b110_0115a42dc968|Bluetooth (E-Blocks 3)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cff93310_545b_4948_a8fa_12b119c5f7a7|Bluetooth (EB024, Generic AT)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8be2ce64_4860_468a_aa8a_eac443274da3|Bluetooth (ESP32 SPP)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a8dbe015_0985_4581_abd5_1cc44f576fab|Bluetooth (HC05 / HC06)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0c7df3fc_a46f_4712_8cd3_77079978f4fc|Bluetooth (RN4677)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d178f336_576c_4bd3_b632_cdfcc238f811|Bluetooth BLE (ESP32 SPP Client)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a9fd95ee_27f4_42ef_8abb_3e810ec9711f|Bluetooth BLE (ESP32 SPP Server)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 76b3eb5c_2d23_4c8d_bde8_505032bc886a|Bluetooth v2 (EB024, Generic AT)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 575a3a3f_09b8_46be_8069_c4d1894d7e7e|GPS (EB056, Generic NMEA)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0d02ccfd_4cda_42b8_91d8_5392f491f9af|GSM (EB066, Generic AT)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2bfc8781_9817_4e0c_89f3_28dac37e9a62|IrDA (EB012, MCP1250, MCP2120)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ea261653_86e2_4c37_94f6_4151b318c6f5|LoRa (LAMBDA SX1272)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 81e90a9f_1594_4b34_8aef_5dd671dddc30|RC5 (EB060, Generic 36KHz)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 45bd9065_b6f7_42be_b96f_28c3df2c0a22|RF ISM (EB063, MRF49XA)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 882b6951_9944_48cc_8989_6ebd3d91956f|RF Transceiver (nRF24L01)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 74423151_1bf4_48b8_8ba8_a70c170ef2de|RFID (EB052, RWD-MICODE)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3f8d29a6_40a6_4d5e_a254_190c86d9ebb7|RFID (MFRC522)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 055a7ab6_78df_47ca_b967_143485c4d706|RFID (Sparkfun Quiic / ID-12LA)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cd5898bf_3a23_455e_b4e0_cddc1eec1d62|SRF (WirelessThings)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 53548cbe_cd57_471c_8ac1_3205d0e9da38|Zigbee (EB051, XBEE)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Hardware">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | E-blocks 3
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4993deaa_590b_4015_b110_0115a42dc968|Bluetooth (E-Blocks 3)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e4eb4f03_eaa4_4f2e_9920_3cbe11e4acab|E-Blocks 3 (USB Comms)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 73973401_ddc0_46a9_ba3b_baf5e877ce07|WLAN (E-Blocks 3)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | E-blocks 3 Sensors
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 20699a0c_0925_40c4_8aa1_35f294e225e6|Accel / Gyro / Mag 9-Axis (LSM9DS1 / BL0135)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e8ec17bd_a898_44d2_83af_968c96826948|Bridge Amplifier (HX711 / BL0122 / BL0132)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cc6a9919_31de_480e_91c9_2a59254a5bbd|Temp / Humidity (SHT41 / BL0144)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 97e631c7_51d9_4482_9b65_481b390a686d|Thermocouple (MAX31855 / BL0126)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | E-blocks 2
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cb3aa82e_81d7_491d_bab1_3fb7ee39c6af|Actuators]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 52399314_2f77_4acc_b9a2_c17b302f268c|Analogue]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5f9d5a58_6c01_4588_afa0_df4c01ce161a|Bluetooth]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID af9061e8_7f2b_475e_844f_66ab76823d07|CAN_Bus_BL0140]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 25db03ef_5393_4fb8_9b34_87a506428296|Colour GLCD (BL0157)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d4c04ac8_bbcd_4981_8ce6_9d6c9bb1e26a|Combo]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7ae74a71_a424_452f_8d71_618cf50cff98|E-block 2 Helper]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4d50e925_93e7_43ff_9c9f_8e958b9d714c|GLCD Monochrome]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e735f6a0_13c3_4ca3_9084_bdd19e21b8f8|GSM (BL0131)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e565ab5d_bf80_4911_938a_75b226ca6f93|IO Expander]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c92d41d3_e747_4d41_81d9_a6d3d23e8f07|Isolated Input]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b904b771_a7bc_47ec_a1ea_9d4c77afccf2|Keypad (BL0138)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ee697d50_7fb5_4074_8cd6_996e5c386722|LCD]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 103aab27_2ea3_483c_9710_fc3c495288a7|LED]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c2cb94bb_4cba_40ba_bd8a_1134bbd3e081|Micro SD Card]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 5d0e397b_8c3d_448e_a322_4a2cb1a6468c|Power Board (BL0110)]]
| width="20%" align="center" style="background-color:#FFFFFF;" | both
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 05b6159b_1572_4c0d_8ddf_705d9741955a|RFID (BL0197)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5ed3d626_7e86_4df8_881a_c326a2b932ec|Relay (BL0183)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9202a62e_0a42_4780_adce_16b701e5ec53|Servo Motor Controller]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3bb0eba4_8ae3_442b_8653_507d1bde8be0|Sound Sensor (Grove 101020023)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b3a7287a_4070_49d1_9122_bf6169f67cd1|Switch]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fcb6b4c9_7010_4058_aee8_6211ffbf3e26|SysBlocks]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7ea86aa3_ef65_4e41_80ea_ed33c0e1baa6|TCP/IP]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ea9c0946_5f88_4f9a_ae5f_8ba9b981b389|WIFI]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0326308c_6e94_4bd7_bb0c_d6e882d8bbfc|Zigbee]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | E-blocks 2 Sensors
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 940ad7e9_abab_434f_a5e3_ff50e2fdf962|Accel / Gyro 6-Axis (Grove 105020012)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b52758bf_4466_48c0_8054_33ee4b11e82b|Barometer (BMP280 / Grove 101020192)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID a1ea988c_88c9_4f96_ac26_1684e918a3de|Colour Sensor (Grove 101020341)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID ee2e1541_45ee_492c_a47d_014627e6b9b6|Colour Sensor V3 (Grove 101021133)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID f3b8eed1_fef6_4c1b_b62d_8efc84b1be35|Infrared Reflective Sensor (Grove 101020174)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ccbd6829_44c8_4011_954b_c39dd93adbed|PIR Motion (Grove 101020020)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 27104eb6_255f_486e_ad25_b8512b2cc2d4|Rotary Angle Sensor (BL0622)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eca89720_1386_4589_ab75_6c0425162b91|Temp / Humidity (Grove 101020212)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 06c52475_f44f_41f3_aae7_9ddeee44fc06|Ultrasonic Ranger (Grove 101020010)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4b57ccb5_9e55_4d0e_8961_43f6fcaec2d7|Water Sensor (Grove 101020018)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Raspberry Pi Hat
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 165242cb_b40c_416e_a435_1fe7e724c5b8|Sense Hat]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Misc Circuit
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID b5665f5d_809d_4bd8_a79b_411f893bec16|GameCode]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID b4f41fb0_9335_4a8f_a41d_284a8cfc31b5|LED Cube]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 144a220f_7bc3_4b73_bc56_f9c7203bf204|RGB Xmas Tree]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Robotics
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID e3be641a_8808_4138_bee5_805fbbce468c|Formula AllCode]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 9d5300ab_57ae_4483_8f18_04ec2007b406|Formula Flowcode]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | MIAC Module
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 463bfc0e_2a04_414c_bf85_10718fa2ca08|MIAC (Arduino-Compatible)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 596e6f4d_d87a_4e8b_b108_c0501127c382|MIAC (dsPIC)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f9109442_8b0f_47d6_b563_d085588af222|MIAC NXT / ECU]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="API">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API Slave Devices
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c7edc169_d417_46ec_ad9b_983ee0326e29|API (Arduino Mega)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2b53c2f2_b5d4_4e36_a647_6f9238744a75|API (Arduino Uno)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 556754b4_bed5_4bcd_88dd_fb13f92020d6|API (BL0032)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c9197106_edf6_4dcc_9654_ea56ad26f370|API (ECIO28P)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 40d5f2e2_3fb5_479a_91e1_f8ec3aae9e3a|API (ECIO40P)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e52b2356_d8b7_458b_8583_71f208bfd572|API (ESP32)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ed171d42_05fd_4946_9bf1_e59a9c98c5b8|API (Interface Board)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ec492589_4787_4b79_96df_718f9a2b46f1|API (RPI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Test Injectors
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 927d2882_ab2f_43e9_8690_d1d6891001ee|Injector (API Analog Input)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID dbc62603_09e5_4a5e_8df3_22b921d9e9e9|Injector (API Digital Input)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 916e4f8c_ea50_4d16_bcbb_60492d600217|Injector (API Digital Output)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5a237757_52e5_414b_b6e4_79c7b784c3ba|Injector (AT)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 002be1ac_efff_4c07_95de_1eab087cb25e|Injector (COM)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 50738af3_82a5_4074_a9b8_9f8f80be2b87|Injector (File)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b81ab4d7_be8f_4ddd_b5dc_937bda03dc82|Injector (Flowcode vNet)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2ed54982_ef92_4509_a67c_7b3a72f91279|Injector (Human Interface)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="System">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Scenarios
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 62b6ca37_eb0a_4b5f_b2e1_9a732c4e05ce|3D Printer]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID a05022fd_6fa1_499d_b885_a7d983e7bfdf|Airplane Landing Gear]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 93252f96_a8e5_4d65_8c40_11614bb15b52|CNC Machine]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID fde30de0_35ed_40ca_937a_88da6409c1d2|Car Seat]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 264eadac_6fe5_43e0_bfb6_969175aaab93|Daytona Racetrack]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID fc012d2f_082a_4f6f_a61b_314c46477eb2|Maze Generator]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6d87ff3b_ffd8_4720_92cc_363be1e8be6e|Oven Simulation]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID c46023c5_27e5_4122_bf3e_4519f23cfa0c|Pedestrian Crossing]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fd273e86_49bd_4ee5_8f36_9562cd3645af|Pedestrian Crossing]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d7160810_b896_4568_ac21_18897236a80e|Traffic Light]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 0c6b22fc_6e81_4406_aabd_5feb928e6aee|Traffic Light 1-Way]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID dbf602c1_cb49_4149_bcd3_4a5afeae9a7a|Traffic Light 2-Way]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
|}

</tab>

<tab name="Runtime">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Matrix Tools
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e2ed1829_6967_4339_98e1_3806650297c5|Device Helper]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fc3c670c_502a_418f_a123_649179752383|FCD helper]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3e5cc6d0_3e36_46b8_bc40_f238a5735b6e|IntOsc Helper]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5f7b77e5_e979_4010_93f1_e6d98f83bd71|Is Sim]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Indicators
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 995fa4f2_71ce_4d91_aa62_87f731ae7e7d|Circular Gauge]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 940e39a6_d035_4e43_8dbb_455ee4679066|Console Writer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 05e09581_b11d_46ae_b32d_c6414a6a922d|LinearGauge]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 9f9ffa92_a20d_4ba8_94e1_04e45bdea154|Logo Indicator]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 64f3c8ad_21a4_4e15_b9aa_c32a2edca893|Numeric Display]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4b055fcf_06dd_471b_8736_d2a089e0dbe5|On / Off Indicator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4ae66a67_562d_4d77_8417_9cd652f4f103|Speech (RealSpeak)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Controls
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a11aa47b_7c82_4dad_b62d_b1a263e2a4fe|Circular Knob]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 29e63c23_636f_4f9a_b691_ba1a717e3503|Joystick]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 22ca7f47_0b00_453a_a5ae_75f999cdee2d|Joystick 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b6909b43_7bfb_433f_8fdb_3b7d457ea73d|LinearSlider]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 53a15e07_4dcd_4dd6_96a9_d96164d63574|Number Pad]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 73611f11_f97d_4e6e_88e6_2d59b39c0a4a|RadioButton]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Charts
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a907d905_5879_48f3_9add_369a2f4e164f|Area Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 60b296cd_5b02_4c9c_9239_cca36238f480|Bar Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5d52e8a2_f248_4318_a0ac_e7b9503237cf|Bubble Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ba8897fe_8349_47b3_9072_e823e74131af|Column Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c725ba0c_0763_4bb1_ad0e_1217467c2d21|Historic Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3a68ebf7_1225_4b29_87da_a734c0720591|Line Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 77e27287_6ca9_44f7_a160_d338d87b68de|Pie Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 64f4811d_e83f_4e82_be8a_9e857f6ec6e6|Polar Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b49da131_faf9_4bd7_bcdf_323016e64ffd|Radar Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 387b4d2c_fc0f_44c0_a2ad_5fa05ed7db82|Ternary Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0187d13d_8822_4e75_ab22_474c7058ebe4|XY Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Runtime Tools
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cbb3c28e_2d73_4442_ac52_23a3b45d9870|COM Port]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a1da060c_e74a_4e12_bb90_3ddb43265592|Console Debugger]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3bf29e52_ebb4_4528_8d19_b2860c8ab80c|Console User Input]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 33b1e2c6_5509_40bf_a464_167edcbcf571|Data Recorder Setup]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3022653d_9f9f_4981_b558_9ed8d265c931|Event Log]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6ed9452d_1ae7_4f70_991c_6d8085a2d923|Input Message Box]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eb9025a7_acec_455c_9033_bd4dd2586e05|Keyboard]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d2a7fe23_7dd2_43ca_ad55_185eec92fdd8|Message Box]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 82a800d4_8620_4386_8ba3_25af2768f24e|Mouse]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 06db27a4_c20a_4371_b05e_7cdb55556859|Panel Console Viewer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 819d0c05_aaa2_4431_84dc_d40f3eee1b54|Property Manager]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b86179cb_b561_4be4_9d12_e51da4248807|Serial Monitor]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b9cd8fbe_d082_4fe3_b1a0_d6f33f8af028|Simulation External Input]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a96ddf9d_631d_4db7_a66e_c709e2de7164|Time Stamp]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f137a538_3ebf_42e7_a941_b8f628802070|Timed Event Trigger]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 51ad4fb4_3b45_4cd0_a74c_87311de8d3a2|Tone Generator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f54fa744_5af4_4c08_bdb9_fb31848a2b63|XML JSON Parser]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Creation">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Primitives (2d)
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiBaseChart|Base Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiButton|Button]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiCanvas|Canvas]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiComboBox|ComboBox]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiComplexShape|Complex Shape]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiConnection|Connection]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiEditBox|EditBox]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiGauge|Gauge]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiGrid|Grid]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiImage|Image]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiLine|Line]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiNumericIndicator|Numeric Indicator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiRichText|RichText]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiShape|Shape]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiSimple|Simple]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiSwitch|Switch]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiText|Text]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Primitives (3d)
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID ec0b30b2_e817_4d34_b227_25ce8b4f46e5|3D Panel Measurement Tool]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID component:text|Label]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID component:shape|Shape]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID component:textbox|Text box]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
|}

</tab>

</tabs>

==App Developer Components==

<tabs>

<tab name="Controls ">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Digital Control
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eb9025a7_acec_455c_9033_bd4dd2586e05|Keyboard]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 53a15e07_4dcd_4dd6_96a9_d96164d63574|Number Pad]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fd273e86_49bd_4ee5_8f36_9562cd3645af|Pedestrian Crossing]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 73611f11_f97d_4e6e_88e6_2d59b39c0a4a|RadioButton]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cd8da0fe_80cf_4532_bb50_69f0d1730e70|Switch Array (Push)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 975b2770_cfa8_4c76_b8ca_c008735e366d|Switch Array (Slide)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e2698f3e_1168_4f25_9c50_24a74ea7e34a|Switch Push Button]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 58b37280_d90e_4a23_941d_26f34ccff410|Switch Rotary 0 - 1]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1df1ea9a_6983_4014_aba5_f5144ea4e053|Switch Slide]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d43ac17c_2ec0_4277_95f9_fbc339456fab|Switch User Images]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Analog Control
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a11aa47b_7c82_4dad_b62d_b1a263e2a4fe|Circular Knob]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 29e63c23_636f_4f9a_b691_ba1a717e3503|Joystick]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 22ca7f47_0b00_453a_a5ae_75f999cdee2d|Joystick 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b6909b43_7bfb_433f_8fdb_3b7d457ea73d|LinearSlider]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 82a800d4_8620_4386_8ba3_25af2768f24e|Mouse]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Dialogue Control
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3bf29e52_ebb4_4528_8d19_b2860c8ab80c|Console User Input]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6ed9452d_1ae7_4f70_991c_6d8085a2d923|Input Message Box]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Indicators ">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Digital Indicator
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6a9e9265_e261_4604_8dc3_252ea3ccf02c|7Segment (Single)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b07ae733_c144_4558_979a_be737044519c|LED Array]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 44f82374_a417_40d5_bd42_23a177a390d2|LED Mono]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ce086f9b_c365_4471_b6e4_1760a53a7bfb|LED Mono Custom]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b562ceda_0ae0_4c50_bbcd_38a4b7e77829|LED Mono User Images]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 9f9ffa92_a20d_4ba8_94e1_04e45bdea154|Logo Indicator]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 64f3c8ad_21a4_4e15_b9aa_c32a2edca893|Numeric Display]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4b055fcf_06dd_471b_8736_d2a089e0dbe5|On / Off Indicator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d7160810_b896_4568_ac21_18897236a80e|Traffic Light]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Analog Indicator
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 995fa4f2_71ce_4d91_aa62_87f731ae7e7d|Circular Gauge]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 05e09581_b11d_46ae_b32d_c6414a6a922d|LinearGauge]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4ae66a67_562d_4d77_8417_9cd652f4f103|Speech (RealSpeak)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Dialogue Indicator
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 940e39a6_d035_4e43_8dbb_455ee4679066|Console Writer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d2a7fe23_7dd2_43ca_ad55_185eec92fdd8|Message Box]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 06db27a4_c20a_4371_b05e_7cdb55556859|Panel Console Viewer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Audio Indicator
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 51ad4fb4_3b45_4cd0_a74c_87311de8d3a2|Tone Generator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eaee384d_6b16_4988_b1aa_8628231a7128|WAV Library File]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Charts ">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a907d905_5879_48f3_9add_369a2f4e164f|Area Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 60b296cd_5b02_4c9c_9239_cca36238f480|Bar Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5d52e8a2_f248_4318_a0ac_e7b9503237cf|Bubble Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ba8897fe_8349_47b3_9072_e823e74131af|Column Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c725ba0c_0763_4bb1_ad0e_1217467c2d21|Historic Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3a68ebf7_1225_4b29_87da_a734c0720591|Line Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 77e27287_6ca9_44f7_a160_d338d87b68de|Pie Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 64f4811d_e83f_4e82_be8a_9e857f6ec6e6|Polar Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b49da131_faf9_4bd7_bcdf_323016e64ffd|Radar Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 387b4d2c_fc0f_44c0_a2ad_5fa05ed7db82|Ternary Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0187d13d_8822_4e75_ab22_474c7058ebe4|XY Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Storage ">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Buffer
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 201d99f7_acf8_481d_a703_61860c2ba3ea|Circular Buffer (16-bit)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c34f9b8a_a915_4f75_ad0c_87f2ad670a8a|Circular Buffer (8-bit)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ed491c82_9f85_4627_93ce_d2b588352539|Circular Buffer (Float)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | File
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7d0c33a1_0aaa_4250_84bb_f96fc113abac|CSV Read/Write]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 42f3f8ef_ff5b_44e6_9be8_8c43d9ab5b08|Embed File]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3022653d_9f9f_4981_b558_9ed8d265c931|Event Log]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9cb6d9da_5555_4e1c_a65c_93b299b6011c|File Access]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f54fa744_5af4_4c08_bdb9_fb31848a2b63|XML JSON Parser]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Utility
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 34f258e1_5c8c_4519_b29d_aba7cbf41faf|Advanced String Functions]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID dfb4d07a_3d70_45d5_83ef_07e3c95d86ab|Lookup tables]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 819d0c05_aaa2_4431_84dc_d40f3eee1b54|Property Manager]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a8abdc98_224c_4c8a_8311_2921cb3dbe46|String Initialiser]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 306b3759_a92f_4779_b15f_93a9e35a75bf|String Translator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Math">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Calculation
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a78483e1_b293_47e7_984c_55984fc93571|Base 64]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6faf9c4d_ae2d_4997_840d_ce51c9a31498|CRC]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9a2a044c_10f5_437c_b5fa_0ec949130f36|Linear Feedback Shift Register]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ccdce31d_a1a3_437a_88ba_5431745ddf6e|Map Function]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b3061d15_325b_4a8f_863a_a059fab79caf|Median 16-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f2e05e6d_1864_465b_8d1d_0fc9238a7535|Median 32-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c211fc8f_6f17_461f_a44b_01dbc2368fbe|Median Float]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2e0f3546_f0f7_4644_b126_545f4c32984c|Modified Moving Average 16-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 118ff995_d306_4ae3_8d5e_454a85a77750|Modified Moving Average 32-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8062437d_88e1_459f_81de_d51162f7c654|Modified Moving Average Float]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a6ee9d2e_b26c_43ca_9478_15c3c338922e|Running Average 16-bit]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID de7d4dbc_e93f_4b5e_b6f2_b7d035992206|Running Average Float]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e4dbf608_6521_4e08_a1f5_46b012fc8cc1|Standard Deviation]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6508c7be_063a_4f9f_bae5_4a41cf977a86|Type Conversions]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Timing
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bad20af2_3911_414d_8523_46895726e2bf|Stopwatch]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a96ddf9d_631d_4db7_a66e_c709e2de7164|Time Stamp]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f137a538_3ebf_42e7_a941_b8f628802070|Timed Event Trigger]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 08f4483b_47a4_4ba2_bf41_9527908f77da|Timer Interrupt]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="DSP">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | DSP Inputs
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fdef1c85_689b_4e44_81dc_7ab15dec21a6|Data Queue to Bits]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 73c1c565_8d04_44dd_ab78_1997d5e3c641|Input CSV]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c73d493a_b6a0_4dbe_b4b5_79648f67d11e|Input Digital]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c7648111_2a14_475e_980d_c7106ff9d3d0|Quadrature Generator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cbe42abc_5955_44da_a6d0_03e7cbcdcaca|Waveform Generator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | DSP Outputs
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 44e22c6d_4e79_4eb3_b2e1_7ff2fecb3e08|Bits to Data Queue]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e648c3de_ec39_4a3f_bbd9_46e45cce4a63|Level]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5142bd81_abad_444b_b6db_36a87dce5835|Output CSV]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1392d5c3_35ba_4c7f_a539_7f30a09758e4|Output Digital]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | DSP Operators
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 104899e2_8b2e_4854_923c_5a614c1b8a3c|Adder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d347e8eb_a0f2_45d5_8f31_7aba7f4e56b7|Averager]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0b1d97c1_ee89_45a5_8c39_114cd6d552ad|Deinterlace]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e0ddc704_6bab_4d08_8f10_19a14c6683ef|Delay]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f804a7bd_0280_4ff7_ab75_63be77fb2af3|Fast Fourier Transform (FFT)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 317efb6a_2bad_4f83_a0bc_4ada0f4cd51e|Filter]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 23b8de7f_5214_4f77_9bac_4982123b8d4b|Interlace]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 83fac7ac_b7b5_4cc4_890a_394cbf16cf71|Kalman Filter]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 82872714_f0f0_4758_91ec_bd39d2cdddc8|Math]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID facc8c89_963a_408e_985e_ed768a52b01a|Median]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a9e01aa0_f224_4902_a558_6a199fc039c5|Multiplex]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 88a7dbc4_af92_4205_8943_abaa77504462|Offset]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 34b6f31b_7e33_4beb_891e_defacbee8587|On/Off Control]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e6dd1315_4acf_4fb5_abd9_5743d3715cbe|PID Control]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 939a5d54_28c7_488d_af39_46f7c5d2c429|Rectifier]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f1af5256_1dee_491c_b43f_fdc8f33279fb|Scale]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 907f24e9_a8a3_46ea_942d_67dc55f7eb44|Simulated Control Load]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Comms">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms: Interface
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 55fa09f1_703e_4400_b2b5_8391f161a368|BLE GATT SPP]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cbb3c28e_2d73_4442_ac52_23a3b45d9870|COM Port]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 17c77397_9882_41a7_9aa8_05850854417e|I2C Multiplexer (TCA9548A)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 63de6312_8008_46d2_8a0c_bb66e56674e2|LIN Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms: System
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d04f4385_497d_4e46_a71d_2c0ccb4b0421|J1939 Automotive Node]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 97647329_1e06_46dc_ba11_9d721038294d|Modbus Master (SCADA)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a93b1f52_b96d_4a14_806e_63f73d2654b2|Modbus Slave (SCADA)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 019e3dbb_2bfa_44a7_baf0_17b672d9b8f4|Modbus TCP Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1ecb9b0a_53e7_45c9_ab6f_7a0d4a0c47e1|Modbus TCP Slave]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 69c3c380_182a_4ba7_8043_9c9732b498fa|OBD2 ECU (Server)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms: IoT/Cloud
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 72cd9559_26f7_4ffd_984c_cf3a82a6db16|BBC News]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID df96ffa1_4d36_453a_8877_758f68a2676c|BBC Weather Forecast]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bf90426c_1763_4a7a_be5c_b3e442e3f6d8|BBC Weather Observation]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2740a93b_32a9_48d1_8fc3_089d13b50bb5|IoT Made Easy]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6af7744a_76aa_4522_8cf1_05c8bd34859c|JSON Decoder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f2ad060d_0ae3_43d2_9d82_f49eb4215240|JSON Encoder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 459c9cfb_82e3_40ad_9456_54fc40ba5e6c|MQTT Client]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms: Networking
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 91049bf5_2436_42dc_947a_c30c86463d98|Network Communications]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a1c9b843_a641_4b9c_b762_26995b8f9464|Webserver (GENERIC - Flash / File)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Hardware">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | E-blocks 3
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e4eb4f03_eaa4_4f2e_9920_3cbe11e4acab|E-Blocks 3 (USB Comms)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | E-blocks 3 Sensors
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 20699a0c_0925_40c4_8aa1_35f294e225e6|Accel / Gyro / Mag 9-Axis (LSM9DS1 / BL0135)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cc6a9919_31de_480e_91c9_2a59254a5bbd|Temp / Humidity (SHT41 / BL0144)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 97e631c7_51d9_4482_9b65_481b390a686d|Thermocouple (MAX31855 / BL0126)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | E-blocks 2 Sensors
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 940ad7e9_abab_434f_a5e3_ff50e2fdf962|Accel / Gyro 6-Axis (Grove 105020012)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b52758bf_4466_48c0_8054_33ee4b11e82b|Barometer (BMP280 / Grove 101020192)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID a1ea988c_88c9_4f96_ac26_1684e918a3de|Colour Sensor (Grove 101020341)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID ee2e1541_45ee_492c_a47d_014627e6b9b6|Colour Sensor V3 (Grove 101021133)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eca89720_1386_4589_ab75_6c0425162b91|Temp / Humidity (Grove 101020212)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="API">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | AllCode
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bd23228f_b173_4135_ab3b_a4c3c4caa7a8|Control]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c3e5eb13_e03d_4ca6_be4d_1c63ad107a35|Electrical Machines]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4182ece3_6ad5_41d3_a0e2_31bc570806db|Formula AllCode API]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 482486a9_7207_4b46_9e63_5c459534ab19|MIAC AllCode API (dsPIC)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a34ee78a_4a97_4e95_a5f6_3a9fa3de7167|MIAC NXT AllCode API]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eabeda20_432c_4554_80b3_5851d675a9e7|MIAC USB Slave API (PIC)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 76e989d0_a2ed_457f_a293_3025b804f433|Robot Arm v2]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API Slave Devices
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c7edc169_d417_46ec_ad9b_983ee0326e29|API (Arduino Mega)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2b53c2f2_b5d4_4e36_a647_6f9238744a75|API (Arduino Uno)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 556754b4_bed5_4bcd_88dd_fb13f92020d6|API (BL0032)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c9197106_edf6_4dcc_9654_ea56ad26f370|API (ECIO28P)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 40d5f2e2_3fb5_479a_91e1_f8ec3aae9e3a|API (ECIO40P)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e52b2356_d8b7_458b_8583_71f208bfd572|API (ESP32)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ed171d42_05fd_4946_9bf1_e59a9c98c5b8|API (Interface Board)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ec492589_4787_4b79_96df_718f9a2b46f1|API (RPI)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Test Equipment
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 66309a73_20da_4f2f_bb92_c4749cfad84c|PicoScope]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8c08bf29_be7e_4408_92bc_91c476fb70db|TTI Power Supply - PL155-P]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3c01caaa_b732_49a0_b15e_7c9d98878b19|TTI TG5011 Signal Generator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Third Party
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eedbc87c_0433_4f67_86c5_a106439fc603|FTDI (FTD2XX)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="API Library">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API Audio
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2061d38d_0cca_440c_a842_f9c84ca55f90|DFPlayer (MP3 / WAV)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0a5d4625_78e6_4bf3_a802_925c655ef718|Heelight Sensor (Grove 101020312)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API Comms
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID da332928_6342_4c2c_afc7_eaf33917d33e|CAN (Internal, MCP2515)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e4eb4f03_eaa4_4f2e_9920_3cbe11e4acab|E-Blocks 3 (USB Comms)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 24219805_113d_4b12_b6bd_e1b0b0c33981|I2C Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d04f4385_497d_4e46_a71d_2c0ccb4b0421|J1939 Automotive Node]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 43861adb_8a59_492d_8f9f_a08775800bc1|MULTIUART]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 69c3c380_182a_4ba7_8043_9c9732b498fa|OBD2 ECU (Server)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 55831e22_7885_4e0f_a9de_73ebda9d7fe9|One Wire (DS2482)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 055a7ab6_78df_47ca_b967_143485c4d706|RFID (Sparkfun Quiic / ID-12LA)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 96862c4d_debc_45fa_9433_74711a4b9a3b|SPI Master]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c73616d1_7ad0_45d9_aada_69ccfa4c5efc|UART (RS232)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API Display
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ac3375c7_acf3_4160_8c3e_3011735116aa|GLCD (E-BLOCKS 3)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8a7a90d2_3274_4433_8609_699e976e0719|GLCD (Grove OLED)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ebf9c18e_044e_41e2_b845_da14e744b25f|GLCD (SH1106) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID dfe103f9_ef5c_4554_85be_7519ec274609|GLCD (SSD1305) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f6ab6074_68ba_4cd4_9274_f973102f8518|GLCD (SSD1306) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 6548a7da_7e0b_4d45_ad92_f61bf5713442|GLCD (SSD1327) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 496cf2f0_4220_4f70_9219_7c67c672e36e|GLCD (ST7036) I2C]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f45468b8_5731_4bfb_b5c0_4042ef1dd1da|LCD (Grove - I2C)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 31326041_9339_4cf4_b609_c14cc66318b3|LCD (Grove - UART)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bcd6a955_12c6_4ed4_a22f_f16eb62e0762|LCD I2C (Backpack)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3cf64267_8c56_47b0_84a1_a933a77716bc|LCD I2C (LCM1602)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c198e346_6b0f_4309_973c_78d7207e0b96|LCD SPI (MiniClick)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API Environmental
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c416a604_834b_48ba_a5e8_a47cad4f08de|Air Quality (BME688)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a9eb79b0_1d24_4acf_aade_d3639aa800c7|Barometer (BME280)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 38f89887_af35_470e_8c6f_c91f3c99e88d|Barometer (BMP180)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b52758bf_4466_48c0_8054_33ee4b11e82b|Barometer (BMP280 / Grove 101020192)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ca60c1d2_fb77_4e3e_9d01_c4496d35db1e|Barometer (DPS310)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b8c43425_121c_4dfc_8a70_665973e9938b|Barometer (MS5637)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2755f2ee_60e0_4e4d_9bce_8bffb3a6a730|Humidity AHT10]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 36175036_08af_4bcf_8dd2_1c46f6761385|Magnetometer (BMM150)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID caa29480_5f50_4c3b_8dac_22cfb8e36999|Pulse Oximeter (Max30100)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e3b5f8d2_6f4a_4fbc_a4f9_9c7f5a1a3b65|RTD (MAX31865)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eca89720_1386_4589_ab75_6c0425162b91|Temp / Humidity (Grove 101020212)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 66e6f00d_d894_49de_a768_02997eaf45e1|Temp / Humidity (HTS221)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 75d7da2a_c682_4622_ac86_b6eb9ed7a88e|Temp / Humidity (SHT21)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4475d8e8_4f60_48be_8a27_e91d85fbabae|Temp / Humidity (SHT31)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cc6a9919_31de_480e_91c9_2a59254a5bbd|Temp / Humidity (SHT41 / BL0144)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID df4eca75_779f_47ce_9495_56d3233be5e1|Temperature (DS1822)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 783b7689_0c71_44fb_9dde_673e4b7455ba|Temperature (DS18B20)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b42d9405_a751_4622_8fbe_ce512da391ba|Temperature (DS18S20)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bbf0ab46_623e_44c6_9402_3acfcd9d0006|Temperature (LM75B)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 97e631c7_51d9_4482_9b65_481b390a686d|Thermocouple (MAX31855 / BL0126)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cbedb7e1_22c3_4edc_80f8_0501f7f9e398|Thermocouple (MAX31856)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 60de8264_7faf_4f77_904e_69bb19909ba8|Thermocouple (MCP960X)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API Electrical
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fd24f205_3750_4324_8c2c_94a6c0377475|ADC ADS1256]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d5f0360d_ba69_4cc4_af4a_c2621fd2d77d|Battery Cell Fuel Gauge (MAX17043 MAX17044)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ef2427ea_7767_43be_a0c5_6f705e3c2668|Energy Monitor (PZEM-004T)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API IO
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 937e425e_21c0_4b08_8d8f_0bf80a6391d2|ADC (AD7680)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 235fd689_bfd1_4c4a_a918_6c3c36e9a49f|ADC (MCP356X)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e65e5368_af24_44a9_897e_cb0422fcea27|ADC QUAD + DAC (PCF8591)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3d87ffe9_97c1_4013_a2cd_82c24d0ccb48|DAC (AD5662)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e78d88a0_e132_4f82_988d_59353009b669|DAC (MCP4725)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 70a3bead_e66d_4a76_bc7b_fb1baa86d2e6|DAC (MCP47x6)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID fab5cf20_8686_4397_8a21_cc936659d5f6|DAC (MCP48x1)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b6de5668_e0ae_4c1a_9c16_b16aa3f58024|DAC (MCP49x1)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f484e96a_af4f_434e_a002_70d3f4315dfb|DAC Dual (MCP48x2)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b66f5769_5e9d_40e7_9159_c6a0552ff86e|DAC Dual (MCP49x2)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID adb523db_db13_4d19_bfa3_0fbc177e4d3f|DAC Quad (MCP4728)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a4c8e3f2_9b7d_4e1a_8c5f_3d6e9a2b4c7d|DDS DAC (AD9834/AD9833)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b48a8c76_b62d_4b52_9368_237e5a2dbd4a|Digital Potentiometer (AD528X)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 37025734_a84d_46ad_9078_925beb81f38b|Digital Potentiometer (MCP41XX / MCP42XX)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID aba8b3ce_e71c_49c8_a961_d59b36338afa|Digital Potentiometer (MCP41XXX / MCP42XXX)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3a3a0802_42b6_4c31_8983_4d043b70b443|Digital Potentiometer (MCP44XX)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a69bf9b3_272e_44b3_a47d_22f53c3c0804|Digital Potentiometer (MCP45XX / MCP46XX)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 50eddda0_73c3_4514_b2e0_7e33abeaa162|Grove I2C Motor Driver]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 76bb1b8c_43da_48d3_b53f_a9907f03a528|IO Expander (MCP23017)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 331daac0_653d_4f45_9822_6408a8258bda|IO Expander (MCP23S17)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d43a1c1f_8ad6_4271_9f62_20e1bdf529f0|IO Expander (PCF8574)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4616b658_531f_4c5e_981a_4d9fc04f9a36|IO Expander (PCF8575)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 74571cdc_4f94_4e9a_b56b_376f36424996|Joystick (Sparkfun Quiic)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 94c78e1b_f580_4105_a223_7e40b75d134c|Joystick (Sparkfun Quiic) 2D]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5bd41be2_1b9c_4f30_ba78_84cb29d61ced|PWM 16CH 12Bit (PCA9685)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API Light
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e08872a7_6962_4b61_bcca_71389f8ed8d7|Ambient Light]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID a1ea988c_88c9_4f96_ac26_1684e918a3de|Colour Sensor (Grove 101020341)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID ee2e1541_45ee_492c_a47d_014627e6b9b6|Colour Sensor V3 (Grove 101021133)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e1d52efb_00d4_4e19_ba4c_29b292535ea1|Infrared Array AMG88xx]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 488c3a77_9ff2_4e60_9bfd_cf074405e294|Range Time of Flight (VL53L0X)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | API Movement Orientation
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 20699a0c_0925_40c4_8aa1_35f294e225e6|Accel / Gyro / Mag 9-Axis (LSM9DS1 / BL0135)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 5d2c6406_e3aa_46bd_8144_57f60194a1e9|Accel / Gyro / Mag 9-Axis (MPU9250)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 940ad7e9_abab_434f_a5e3_ff50e2fdf962|Accel / Gyro 6-Axis (Grove 105020012)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 75a362f4_d74d_48e7_9790_530f4d0e78b6|Accel / Gyro 6-Axis (MPU-6050)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d950cf7c_f9fc_49ba_a486_0d45b6afd1aa|Accel / Gyro 6-Axis (MPU-6886)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID db2c91d9_4fd5_42b8_98f4_76dfb160dece|Accel / Mag 6-Axis (LSM303D)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d61dd6a6_231e_4244_9e8d_4f15e7ea10d5|Accel / Mag 6-Axis (LSM303DLHC)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 788b85c9_21ae_4fad_ada1_9f118fc8023c|Accelerometer 3-Axis (LIS3DHTR) ]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 72f0a8c3_2b8f_4723_b22a_4a81873e5151|Accelerometer 3-Axis (LIS3LV02DQ)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2c716005_e9b5_46e3_86f9_30e5268341a9|Accelerometer 3-Axis (MMA8452Q)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 447dabf8_4e39_46a5_a3d6_a02341bef0f0|Gyroscope 3-Axis (L3G4200D)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8e4553f8_fce7_4fed_80c1_33de9590a678|Gyroscope 3-Axis I2C (L3GD20)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 593b7216_0a11_465c_9cf5_3b809503a72c|Gyroscope 3-Axis SPI (L3GD20)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e4f1697e_5571_475a_a2b1_aa7243920422|Magnetometer (SM324)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4c2256c0_4453_4369_8c36_09770d223a09|Magnetometer 3-Axis (HMC5883L)]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name="Creation">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Primitives (2d)
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiBaseChart|Base Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiButton|Button]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiCanvas|Canvas]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiComboBox|ComboBox]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiComplexShape|Complex Shape]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiConnection|Connection]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiEditBox|EditBox]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiGauge|Gauge]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiGrid|Grid]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiImage|Image]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiLine|Line]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiNumericIndicator|Numeric Indicator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiRichText|RichText]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiShape|Shape]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiSimple|Simple]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiSwitch|Switch]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiText|Text]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Primitives (3d)
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID ec0b30b2_e817_4d34_b227_25ce8b4f46e5|3D Panel Measurement Tool]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID component:text|Label]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID component:shape|Shape]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID component:textbox|Text box]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
|-
|}

</tab>

</tabs>

==Web Developer Components==

<tabs>

<tab name=" Controls">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Control
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c68e35f2_92e3_4a48_abd9_4a1818aa1023|Button]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 21cdfa0f_51ac_48a5_9448_53d3460fed47|Check Box]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 46df05de_0544_4c2f_b70a_3d5e40074a0c|Choose Colour]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3d8ea96e_c2b7_4160_87c2_0b17d0511ddc|Choose File]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 9d2842d2_c72d_4631_94b3_1186cb496fff|Combo Box]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c9c426b0_29da_406a_afa3_aa4bd66f785f|Input Text]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1aadf780_b159_4970_8c1a_6af1ec49335b|Radio Button]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7e6b63bd_8cda_4b3d_bf64_ec66e9055a25|Slider]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID add0cf83_9484_4047_8048_40f00c95972e|Switch]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name=" Indicators">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Indicator
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 4fc7c04c_c105_4a2b_ba78_27f11d8b2320|Canvas]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID f43a5e51_dae4_4d71_803d_27e56a7b25b2|Gauge]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1b25bcf6_4e20_4646_9eda_8565971d5724|Indicator]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cfb27e2a_028f_4b18_844c_048de6c2d7ee|SevenSeg]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name=" Charts">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c0afb39c_50ed_44c3_91cc_b15bb0baa6f6|Area Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 33bed1e4_f05f_4a12_a934_a511c24913b9|Bar Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 42f80fc0_5172_44ef_850c_d42d28ef0bd8|Column Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 724dc5b4_8519_41ff_a96d_413275961305|Line Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d2449868_8378_45f5_a9b2_12ed71762d7d|Pie Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name=" Helper">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Comms
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cb997a87_2257_4fed_917f_89732d879150|Bluetooth]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 209c214a_3fdf_4a09_9354_e2f146dbdedc|HTTP Fetch]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1ea0baab_69f8_45a5_9eda_aba35d8de3e8|HTTP Params]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 872dba99_b369_457e_b6f1_914a9f35ad19|JSON Decoder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 0e2759dd_5335_4769_bdb4_5ddea30a6236|JSON Encoder]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ac5ba24f_d4c3_48e7_9147_e5197de7f7b5|MQTT Client]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 23c1be0a_4c1e_4d83_9de5_47a82d4e4950|SerialPort]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Data
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a1612734_3758_43e9_b5f1_2b1a35304d19|Array Helper]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID e822511e_30d7_4aaa_a34d_93b7796cc82b|Create File]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 45ce3fab_d9df_40fe_8ef5_04d8e6e590e5|Location]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2e5d477d_7e43_4691_95e1_becf96fed02d|Object Helper]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 32333e38_5975_4078_a873_efdf2975a04e|Orientation]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 15f033b8_7422_4475_9e3a_35e5731fb589|Popup Message]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 80045c63_20e3_46df_8a8c_b47985d737a0|Speech]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 58f727d6_1ff6_4e68_80dd_395bdb2143b7|Storage]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 30f0236a_7777_4c6f_8ceb_a29b8d5294d1|Timer]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7124e995_9c63_405b_8324_0ab23d49a5cc|Timestamp]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 435108f4_b1f8_4050_b4d1_310d0726e8f0|Vibrate]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

<tab name=" Creation">

{| class="wikitable" style="width: 600px; background-color:#FFFFFF;"
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Primitives
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiBaseChart|Base Chart]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiCanvas|Canvas]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiComplexShape|Complex Shape]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiImage|Image]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiLine|Line]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiRichText|RichText]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiShape|Shape]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiSimple|Simple]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID component:GdiText|Text]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| colspan="3" align="center" style="background-color:#EAE1EA;" | Web Primitives
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID cf57b83c_426c_4db7_964e_7c99643f5bc7|Complex Shape]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID d8bcae4d_437d_4252_bdc7_d8132145f18e|Image]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 1812403e_8a44_4e02_843e_b5c58a6f9646|ImageUrl]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8572e90c_bb9d_4d3c_8350_a68d412af899|Label]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2b8bf5a1_2d66_44fe_8023_cb41c33d1add|Shape]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3bd55a33_d9ed_44a0_80d9_76a8d954a335|Text Block]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 3dd46a25_45e9_4e03_a4f6_2c2fbd06d4ca|TextUrl]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
|}

</tab>

</tabs>

Component: ADC 24bit ADS1220 (Analog Input)

2026-02-25T11:12:29Z

BenR: /* Examples */

{| style="width:50%"
|-
| width="20%" style="color:gray;" | Author
| Matrix TSL
|-
| width="20%" style="color:gray;" | Version
| 1.0
|-
| width="20%" style="color:gray;" | Category
| Analog Input
|}

==ADC 24bit ADS1220 component==
A Precision Low power 24Bit SPI ADC 4 channel device with Programmable Gain Amplifier (PGA) and Data Rates up to 2 kSPS

==Detailed description==

''No detailed description exists yet for this component''

==Examples==

Example use case of a 3-wire RTD to read high resolution and high accuracy temperature.

{{Fcfile|ADS1220_Test.fcfx|ADS1220_Test}}

Example circuit schematic complete with component values. RREF should be a high accuracy resistor with a low PPM.

[[File:ADS1220_RTD3.png|680px]]

==Macro reference==

===Initialise===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Initialise'''
|-
| colspan="2" | Initialize the ADS1220 ADC with default settings 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ReadRTDResistance===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReadRTDResistance'''
|-
| colspan="2" | Reads the RTD sensor and returns resistance in ohms 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ReadRTDTemperature===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReadRTDTemperature'''
|-
| colspan="2" | Reads the RTD sensor and returns temperature in degrees Celsius using linear approximation - matches GitHub library get_temperature_from_rtd_ohms_with_linear_approx 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SampleDiffRAW===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SampleDiffRAW'''
|-
| colspan="2" | Performs a differential ADC sample between two channels and returns 24-bit raw value. Not all channel combinations are possible, see datasheet p40 section MUX. Returns 0 if the channel selection is invalid. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | ChannelA
|-
| colspan="2" | Positive channel: 0-3 (AN0-AN3) 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | ChannelB
|-
| colspan="2" | Negative channel: 0-3 (AN0-AN3) 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Gain
|-
| colspan="2" | PGA Gain: 0=1x, 1=2x, 2=4x, 3=8x, 4=16x, 5=32x, 6=64x, 7=128x 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-s32-icon.png]] - LONG
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SampleDiffVolts===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SampleDiffVolts'''
|-
| colspan="2" | Performs a differential ADC sample and returns voltage in volts 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | ChannelA
|-
| colspan="2" | Positive channel: 0-3 (AN0-AN3) 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | ChannelB
|-
| colspan="2" | Negative channel: 0-3 (AN0-AN3) 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Gain
|-
| colspan="2" | PGA Gain: 0=1x, 1=2x, 2=4x, 3=8x, 4=16x, 5=32x, 6=64x, 7=128x 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SampleSglRaw===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SampleSglRaw'''
|-
| colspan="2" | Performs a single-ended ADC sample on the selected channel and returns 24-bit raw value 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Channel
|-
| colspan="2" | Range: 0-3 (AN0-AN3) 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Gain
|-
| colspan="2" | PGA Gain: 0=1x, 1=2x, 2=4x, 3=8x, 4=16x, 5=32x, 6=64x, 7=128x 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-s32-icon.png]] - LONG
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SampleSglVolts===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SampleSglVolts'''
|-
| colspan="2" | Performs a single-ended ADC sample and returns voltage in volts 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Channel
|-
| colspan="2" | Range: 0-3 (AN0-AN3) 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Gain
|-
| colspan="2" | PGA Gain: 0=1x, 1=2x, 2=4x, 3=8x, 4=16x, 5=32x, 6=64x, 7=128x 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

==Property reference==

{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
|-
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Connections
|-
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Channel
|-
| colspan="2" | SPI Channel selector 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Prescale
|-
| colspan="2" | Prescale option selector 
|-
| width="10%" align="center" | [[File:Fc9-type-5-icon.png]]
| width="90%" | MOSI
|-
| colspan="2" | SPI Data Out Pin SDO - Also Known as Master Out Slave In (MOSI) when used in Master mode. 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | MOSI Remap Pin
|-
| colspan="2" | Select which the target pin to assign the MOSI hardware pin functionality. 
|-
| width="10%" align="center" | [[File:Fc9-type-5-icon.png]]
| width="90%" | MISO
|-
| colspan="2" | SPI Data In Pin SDI - Also Known as Master In Slave Out (MISO) when used in Master mode. 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | MISO Remap Pin
|-
| colspan="2" | Select which the target pin to assign the MISO hardware pin functionality. 
|-
| width="10%" align="center" | [[File:Fc9-type-5-icon.png]]
| width="90%" | CLK
|-
| colspan="2" | SPI Clock Pin CLK - The Clock signal is driven by the SPI master. 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | CLK Remap Pin
|-
| colspan="2" | Select which the target pin to assign the CLK hardware pin functionality. 
|-
| width="10%" align="center" | [[File:Fc9-type-5-icon.png]]
| width="90%" | CS / SS
|-
| colspan="2" | Chip Select / Slave Select Pin Master Mode: General purpose output pin used to select the remote SPI device. Slave Mode: Hardware chip select pin input used to select the SPI device.  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Use Ready Pin
|-
| colspan="2" | Use DRDY pin to detect when conversion is complete. If disabled, polling will be used. 
|-
| width="10%" align="center" | [[File:Fc9-type-5-icon.png]]
| width="90%" | DRDY Pin
|-
| colspan="2" | Data Ready pin - goes low when conversion is complete 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Configuration
|-
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Data Rate
|-
| colspan="2" | Programmable Data Rate (SPS) 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Operating Mode
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Conversion Mode
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | PGA Gain
|-
| colspan="2" | Programmable Gain Amplifier (PGA) gain setting 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Voltage Reference
|-
| colspan="2" | Voltage reference source 
|-
| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
| width="90%" | Reference Voltage
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | FIR Filter
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | IDAC Current (uA)
|-
| colspan="2" | IDAC excitation current in microamperes. Typical values: 100, 250, 500, 750, 1000. Default: 250uA 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | I1MUX
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | I2MUX
|-
| colspan="2" |  
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | RTD Configuration
|-
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | RTD Type
|-
| colspan="2" | RTD sensor type - determines base resistance at 0°C 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | RTD Configuration
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
| width="90%" | Reference Resistor
|-
| colspan="2" | High precision reference resistor value in ohms. Typically 400Ω for PT100 or 4000Ω for PT1000 
|-
| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
| width="90%" | Temperature Coefficient
|-
| colspan="2" |  
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Simulation
|-
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Simulate Comms
|-
| colspan="2" | Allows the communications to be simulated overriding the value on the panel slider controls. 
|}

==Component Source Code==

Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_External_ADC24Bit_ADS1220_1.fcfx FC_Comp_Source_External_ADC24Bit_ADS1220_1.fcfx]

Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_External_ADC24Bit_ADS1220_1.fcfx FC_Comp_Source_External_ADC24Bit_ADS1220_1.fcfx]

File:ADS1220 RTD3.png

2026-02-25T11:11:09Z

BenR:

File:ADS1220 Test.fcfx

2026-02-25T11:11:01Z

BenR:

Component: ADC 24bit ADS1220 (Analog Input)

2026-02-25T11:10:42Z

BenR: /* Examples */

{| style="width:50%"
|-
| width="20%" style="color:gray;" | Author
| Matrix TSL
|-
| width="20%" style="color:gray;" | Version
| 1.0
|-
| width="20%" style="color:gray;" | Category
| Analog Input
|}

==ADC 24bit ADS1220 component==
A Precision Low power 24Bit SPI ADC 4 channel device with Programmable Gain Amplifier (PGA) and Data Rates up to 2 kSPS

==Detailed description==

''No detailed description exists yet for this component''

==Examples==

Example use case of a 3-wire RTD to read high resolution and high accuracy temperature.

{{Fcfile|ADS1220_Test.fcfx|ADS1220_Test}}

Example circuit schematic complete with component values. RREF should be a high accuracy resistor with a low PPM.

[[File:ADS1220_RTD3.png|center]]

==Macro reference==

===Initialise===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Initialise'''
|-
| colspan="2" | Initialize the ADS1220 ADC with default settings 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ReadRTDResistance===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReadRTDResistance'''
|-
| colspan="2" | Reads the RTD sensor and returns resistance in ohms 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ReadRTDTemperature===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReadRTDTemperature'''
|-
| colspan="2" | Reads the RTD sensor and returns temperature in degrees Celsius using linear approximation - matches GitHub library get_temperature_from_rtd_ohms_with_linear_approx 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SampleDiffRAW===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SampleDiffRAW'''
|-
| colspan="2" | Performs a differential ADC sample between two channels and returns 24-bit raw value. Not all channel combinations are possible, see datasheet p40 section MUX. Returns 0 if the channel selection is invalid. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | ChannelA
|-
| colspan="2" | Positive channel: 0-3 (AN0-AN3) 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | ChannelB
|-
| colspan="2" | Negative channel: 0-3 (AN0-AN3) 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Gain
|-
| colspan="2" | PGA Gain: 0=1x, 1=2x, 2=4x, 3=8x, 4=16x, 5=32x, 6=64x, 7=128x 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-s32-icon.png]] - LONG
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SampleDiffVolts===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SampleDiffVolts'''
|-
| colspan="2" | Performs a differential ADC sample and returns voltage in volts 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | ChannelA
|-
| colspan="2" | Positive channel: 0-3 (AN0-AN3) 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | ChannelB
|-
| colspan="2" | Negative channel: 0-3 (AN0-AN3) 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Gain
|-
| colspan="2" | PGA Gain: 0=1x, 1=2x, 2=4x, 3=8x, 4=16x, 5=32x, 6=64x, 7=128x 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SampleSglRaw===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SampleSglRaw'''
|-
| colspan="2" | Performs a single-ended ADC sample on the selected channel and returns 24-bit raw value 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Channel
|-
| colspan="2" | Range: 0-3 (AN0-AN3) 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Gain
|-
| colspan="2" | PGA Gain: 0=1x, 1=2x, 2=4x, 3=8x, 4=16x, 5=32x, 6=64x, 7=128x 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-s32-icon.png]] - LONG
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SampleSglVolts===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SampleSglVolts'''
|-
| colspan="2" | Performs a single-ended ADC sample and returns voltage in volts 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Channel
|-
| colspan="2" | Range: 0-3 (AN0-AN3) 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Gain
|-
| colspan="2" | PGA Gain: 0=1x, 1=2x, 2=4x, 3=8x, 4=16x, 5=32x, 6=64x, 7=128x 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

==Property reference==

{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
|-
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Connections
|-
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Channel
|-
| colspan="2" | SPI Channel selector 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Prescale
|-
| colspan="2" | Prescale option selector 
|-
| width="10%" align="center" | [[File:Fc9-type-5-icon.png]]
| width="90%" | MOSI
|-
| colspan="2" | SPI Data Out Pin SDO - Also Known as Master Out Slave In (MOSI) when used in Master mode. 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | MOSI Remap Pin
|-
| colspan="2" | Select which the target pin to assign the MOSI hardware pin functionality. 
|-
| width="10%" align="center" | [[File:Fc9-type-5-icon.png]]
| width="90%" | MISO
|-
| colspan="2" | SPI Data In Pin SDI - Also Known as Master In Slave Out (MISO) when used in Master mode. 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | MISO Remap Pin
|-
| colspan="2" | Select which the target pin to assign the MISO hardware pin functionality. 
|-
| width="10%" align="center" | [[File:Fc9-type-5-icon.png]]
| width="90%" | CLK
|-
| colspan="2" | SPI Clock Pin CLK - The Clock signal is driven by the SPI master. 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | CLK Remap Pin
|-
| colspan="2" | Select which the target pin to assign the CLK hardware pin functionality. 
|-
| width="10%" align="center" | [[File:Fc9-type-5-icon.png]]
| width="90%" | CS / SS
|-
| colspan="2" | Chip Select / Slave Select Pin Master Mode: General purpose output pin used to select the remote SPI device. Slave Mode: Hardware chip select pin input used to select the SPI device.  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Use Ready Pin
|-
| colspan="2" | Use DRDY pin to detect when conversion is complete. If disabled, polling will be used. 
|-
| width="10%" align="center" | [[File:Fc9-type-5-icon.png]]
| width="90%" | DRDY Pin
|-
| colspan="2" | Data Ready pin - goes low when conversion is complete 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Configuration
|-
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Data Rate
|-
| colspan="2" | Programmable Data Rate (SPS) 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Operating Mode
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Conversion Mode
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | PGA Gain
|-
| colspan="2" | Programmable Gain Amplifier (PGA) gain setting 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Voltage Reference
|-
| colspan="2" | Voltage reference source 
|-
| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
| width="90%" | Reference Voltage
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | FIR Filter
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | IDAC Current (uA)
|-
| colspan="2" | IDAC excitation current in microamperes. Typical values: 100, 250, 500, 750, 1000. Default: 250uA 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | I1MUX
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | I2MUX
|-
| colspan="2" |  
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | RTD Configuration
|-
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | RTD Type
|-
| colspan="2" | RTD sensor type - determines base resistance at 0°C 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | RTD Configuration
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
| width="90%" | Reference Resistor
|-
| colspan="2" | High precision reference resistor value in ohms. Typically 400Ω for PT100 or 4000Ω for PT1000 
|-
| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
| width="90%" | Temperature Coefficient
|-
| colspan="2" |  
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Simulation
|-
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Simulate Comms
|-
| colspan="2" | Allows the communications to be simulated overriding the value on the panel slider controls. 
|}

==Component Source Code==

Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_External_ADC24Bit_ADS1220_1.fcfx FC_Comp_Source_External_ADC24Bit_ADS1220_1.fcfx]

Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_External_ADC24Bit_ADS1220_1.fcfx FC_Comp_Source_External_ADC24Bit_ADS1220_1.fcfx]

Component: Switch Push Button (Switch)

2026-02-25T11:10:16Z

BenR: /* Examples */

{| style="width:50%"
|-
| width="20%" style="color:gray;" | Author
| Matrix TSL
|-
| width="20%" style="color:gray;" | Version
| 20.0
|-
| width="20%" style="color:gray;" | Category
| Switch
|}

==Switch Push Button component==
A simple digital push switch allowing latched and none latched operation. In embedded mode displays the connecting pin and pin status.

==Version information==

Library Version, Component Version, Date, Author, Info
15, 15.0, 30-07-24, MW, Fixed a bug that prevent pin status text from changing to the correct GND or VCC
15, 15.0, 30-07-24, MW, Fixed a bug to make sure switch starts in the off position
17, 17.0, 16-04-25, MW, Fixed a bug that made boundary height too large
17, 17.0, 16-04-25, MW, Fixed a bug where Pin x and y lables remained visisble when supposed to be hidden
17, 17.0, 16-04-25, MW, Fixed a bug when sim stopped Switch changed from on to off, but pin remained at VCC
18, 18.0, 01-05-25, MW, Adjusted pin and component labels and bounds to decrease overall bounds size
18, 18.0, 01-05-25, MW, Changed labels so don't interact and change switch state
19, 19.0, 01-05-25, BR, Added option to hide label
19, 19.0, 01-05-25, BR, Fixed SameAsHandle label to update on rename event
20, 0.0, 14-05-25, MW, Changed Switch properties, so it does not grey out

==Detailed description==

''No detailed description exists yet for this component''

==Examples==

Here is an example Flowcode program to read the value of a switch.
{{Fcfile|Switch.fcfx|Switch}}

Here is a schematic of how to connect a basic switch to a microcontroller pin.

[[File:switchschematic.jpg]]

The active high circuit will pass a logical 0 to the input pin when the switch is not pressed and a logical 1 when the switch is pressed.

The active low circuit will pass a logical 1 to the input pin when the switch is not pressed and a logical 0 when the switch is pressed.

There are some differences depending on the type of switch you have, the above states assume a generic push to make type switch, however a push to break type switch would have reversed logic and a toggle switch can work well with either setup.

The resistors are required for correct operation because when a microcontroller's input pin is essentially connected to nothing it will pick up noise in the environment and provide inconsistent readings. This state is referred to as floating i.e. the pin is floating. To test this remove the resistors (if possible) and touch the unconnected pin with your finger the output LED from the example file above will toggle on and off at high speed.

Any values of resistor can be used but it is important to keep the smaller resistor at least 10X smaller then the larger resistor to ensure that the pressed state provides at least 0.91% of the required pressed state voltage. For example a active high switch circuit using 1K and 10K resistors should pull up to about 4.54V when the switch is pressed.

(5V / 11K) * 10K = 4.54545V

Note: if you want to use switch functions e.g. Active Low or debounce ,you must use the ReadState function and not use just an input.

==Macro reference==

===ReadState===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReadState'''
|-
| colspan="2" | Reads the button state as 0 for released or 1 for pressed Performs debounce if required 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SetState===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetState'''
|-
| colspan="2" | Sets the switch to be on or off. 
|-
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | State
|-
| colspan="2" | The new state of the switch (true=on, false=off) 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===WaitUntilHigh===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''WaitUntilHigh'''
|-
| colspan="2" | Waits until the switch is in state 'high' The interpretation of 'high' depends on the polarity 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===WaitUntilLow===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''WaitUntilLow'''
|-
| colspan="2" | Waits until the switch is in state 'low' The interpretation of 'high' depends on the polarity 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

==Property reference==

{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
|-
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Function
|-
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Simulation Only
|-
| colspan="2" |  
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Switch Settings
|-
|-
| width="10%" align="center" | [[File:Fc9-type-5-icon.png]]
| width="90%" | Connection
|-
| colspan="2" | The chip pin to which the switch connects. 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Polarity
|-
| colspan="2" | Set the polarity of states sent to the chip pin. 'Active High' -> Pressed = Set, Released = Clear 'Active Low' -> Pressed = Clear, Released = Set 
|-
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
| width="90%" | Debounce
|-
| colspan="2" | Sets the time in milliseconds to allow a pin change to settle into a stable state. NB) Debouncing is only used when reading the button state using the component macros. Chip pins are NOT debounced. 
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Latching
|-
| colspan="2" | Determines if the simulated switch maintains its state or revers back to the default state when not clicked. 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Label
|-
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Component Label
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Component label position
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
| width="90%" | Label Colour
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Show Connection Label
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Show Pin Value
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Pin label position
|-
| colspan="2" |  
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Appearance
|-
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Style
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
| width="90%" | Type
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-10-icon.png]]
| width="90%" | On Label
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-10-icon.png]]
| width="90%" | Off Label
|-
| colspan="2" |  
|}

==Component Source Code==

Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_Switch_Push_Button_2dgi.fcfx FC_Comp_Source_Switch_Push_Button_2dgi.fcfx]

Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_Switch_Push_Button_2dgi.fcfx FC_Comp_Source_Switch_Push_Button_2dgi.fcfx]

Component: ADC 24bit ADS1220 (Analog Input)

2026-02-25T11:03:54Z

BenR: /* Examples */

{| style="width:50%"
|-
| width="20%" style="color:gray;" | Author
| Matrix TSL
|-
| width="20%" style="color:gray;" | Version
| 1.0
|-
| width="20%" style="color:gray;" | Category
| Analog Input
|}

==ADC 24bit ADS1220 component==
A Precision Low power 24Bit SPI ADC 4 channel device with Programmable Gain Amplifier (PGA) and Data Rates up to 2 kSPS

==Detailed description==

''No detailed description exists yet for this component''

==Examples==

Example use case of a 3-wire RTD to read high resolution and high accuracy temperature.

==Macro reference==

===Initialise===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Initialise'''
|-
| colspan="2" | Initialize the ADS1220 ADC with default settings 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ReadRTDResistance===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReadRTDResistance'''
|-
| colspan="2" | Reads the RTD sensor and returns resistance in ohms 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ReadRTDTemperature===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReadRTDTemperature'''
|-
| colspan="2" | Reads the RTD sensor and returns temperature in degrees Celsius using linear approximation - matches GitHub library get_temperature_from_rtd_ohms_with_linear_approx 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SampleDiffRAW===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SampleDiffRAW'''
|-
| colspan="2" | Performs a differential ADC sample between two channels and returns 24-bit raw value. Not all channel combinations are possible, see datasheet p40 section MUX. Returns 0 if the channel selection is invalid. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | ChannelA
|-
| colspan="2" | Positive channel: 0-3 (AN0-AN3) 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | ChannelB
|-
| colspan="2" | Negative channel: 0-3 (AN0-AN3) 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Gain
|-
| colspan="2" | PGA Gain: 0=1x, 1=2x, 2=4x, 3=8x, 4=16x, 5=32x, 6=64x, 7=128x 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-s32-icon.png]] - LONG
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SampleDiffVolts===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SampleDiffVolts'''
|-
| colspan="2" | Performs a differential ADC sample and returns voltage in volts 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | ChannelA
|-
| colspan="2" | Positive channel: 0-3 (AN0-AN3) 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | ChannelB
|-
| colspan="2" | Negative channel: 0-3 (AN0-AN3) 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Gain
|-
| colspan="2" | PGA Gain: 0=1x, 1=2x, 2=4x, 3=8x, 4=16x, 5=32x, 6=64x, 7=128x 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SampleSglRaw===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SampleSglRaw'''
|-
| colspan="2" | Performs a single-ended ADC sample on the selected channel and returns 24-bit raw value 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Channel
|-
| colspan="2" | Range: 0-3 (AN0-AN3) 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Gain
|-
| colspan="2" | PGA Gain: 0=1x, 1=2x, 2=4x, 3=8x, 4=16x, 5=32x, 6=64x, 7=128x 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-s32-icon.png]] - LONG
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SampleSglVolts===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SampleSglVolts'''
|-
| colspan="2" | Performs a single-ended ADC sample and returns voltage in volts 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Channel
|-
| colspan="2" | Range: 0-3 (AN0-AN3) 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Gain
|-
| colspan="2" | PGA Gain: 0=1x, 1=2x, 2=4x, 3=8x, 4=16x, 5=32x, 6=64x, 7=128x 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

==Property reference==

{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
|-
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Connections
|-
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Channel
|-
| colspan="2" | SPI Channel selector 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Prescale
|-
| colspan="2" | Prescale option selector 
|-
| width="10%" align="center" | [[File:Fc9-type-5-icon.png]]
| width="90%" | MOSI
|-
| colspan="2" | SPI Data Out Pin SDO - Also Known as Master Out Slave In (MOSI) when used in Master mode. 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | MOSI Remap Pin
|-
| colspan="2" | Select which the target pin to assign the MOSI hardware pin functionality. 
|-
| width="10%" align="center" | [[File:Fc9-type-5-icon.png]]
| width="90%" | MISO
|-
| colspan="2" | SPI Data In Pin SDI - Also Known as Master In Slave Out (MISO) when used in Master mode. 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | MISO Remap Pin
|-
| colspan="2" | Select which the target pin to assign the MISO hardware pin functionality. 
|-
| width="10%" align="center" | [[File:Fc9-type-5-icon.png]]
| width="90%" | CLK
|-
| colspan="2" | SPI Clock Pin CLK - The Clock signal is driven by the SPI master. 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | CLK Remap Pin
|-
| colspan="2" | Select which the target pin to assign the CLK hardware pin functionality. 
|-
| width="10%" align="center" | [[File:Fc9-type-5-icon.png]]
| width="90%" | CS / SS
|-
| colspan="2" | Chip Select / Slave Select Pin Master Mode: General purpose output pin used to select the remote SPI device. Slave Mode: Hardware chip select pin input used to select the SPI device.  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Use Ready Pin
|-
| colspan="2" | Use DRDY pin to detect when conversion is complete. If disabled, polling will be used. 
|-
| width="10%" align="center" | [[File:Fc9-type-5-icon.png]]
| width="90%" | DRDY Pin
|-
| colspan="2" | Data Ready pin - goes low when conversion is complete 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Configuration
|-
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Data Rate
|-
| colspan="2" | Programmable Data Rate (SPS) 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Operating Mode
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Conversion Mode
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | PGA Gain
|-
| colspan="2" | Programmable Gain Amplifier (PGA) gain setting 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Voltage Reference
|-
| colspan="2" | Voltage reference source 
|-
| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
| width="90%" | Reference Voltage
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | FIR Filter
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | IDAC Current (uA)
|-
| colspan="2" | IDAC excitation current in microamperes. Typical values: 100, 250, 500, 750, 1000. Default: 250uA 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | I1MUX
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | I2MUX
|-
| colspan="2" |  
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | RTD Configuration
|-
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | RTD Type
|-
| colspan="2" | RTD sensor type - determines base resistance at 0°C 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | RTD Configuration
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
| width="90%" | Reference Resistor
|-
| colspan="2" | High precision reference resistor value in ohms. Typically 400Ω for PT100 or 4000Ω for PT1000 
|-
| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
| width="90%" | Temperature Coefficient
|-
| colspan="2" |  
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Simulation
|-
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Simulate Comms
|-
| colspan="2" | Allows the communications to be simulated overriding the value on the panel slider controls. 
|}

==Component Source Code==

Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_External_ADC24Bit_ADS1220_1.fcfx FC_Comp_Source_External_ADC24Bit_ADS1220_1.fcfx]

Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_External_ADC24Bit_ADS1220_1.fcfx FC_Comp_Source_External_ADC24Bit_ADS1220_1.fcfx]

File:FramTest.fcfx

2025-12-23T21:04:55Z

BenR:

Component: FRAM MB85RC (EEPROM)

2025-12-23T21:04:46Z

BenR: /* Examples */

{| style="width:50%"
|-
| width="20%" style="color:gray;" | Author
| Matrix TSL
|-
| width="20%" style="color:gray;" | Version
| 1.0
|-
| width="20%" style="color:gray;" | Category
| EEPROM
|}

==FRAM MB85RC component==
I2C Ferroelectric Random Access Memory (FRAM) component for Fujitsu MB85RC and Cypress FM24/CY15B series devices. Supports 4K to 1M devices. Based on FRAM_MB85RC_I2C Arduino library.

==Detailed description==

''No detailed description exists yet for this component''

==Examples==

Here's a simple file to test the functionality of the FRAM device.

{{Fcfile|FramTest.fcfx|FRAM Test}}

==Macro reference==

===DisableWriteProtect===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''DisableWriteProtect'''
|-
| colspan="2" | Disables write protection on the FRAM device. Returns error code: 0=success 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===EnableWriteProtect===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''EnableWriteProtect'''
|-
| colspan="2" | Enables write protection on the FRAM device. Returns error code: 0=success 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===EraseDevice===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''EraseDevice'''
|-
| colspan="2" | Erases the entire FRAM device by writing zeros to all memory locations. Returns error code: 0=success, 1-4=error 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===Initialise===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Initialise'''
|-
| colspan="2" | Initializes the I2C interface and prepares the FRAM device for operation. Returns error code: 0=success, 1-4=error 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===Read===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Read'''
|-
| colspan="2" | Reads a single byte from the specified FRAM address. Returns the byte value read, or 0xFF on error. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u32-icon.png]] - ULONG
| width="90%" | Address
|-
| colspan="2" | Memory address to read from 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ReadFloat===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReadFloat'''
|-
| colspan="2" | Reads a 32-bit floating point value (FLOAT) from the specified FRAM address. Returns the float value read, or 0.0 on error. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u32-icon.png]] - ULONG
| width="90%" | Address
|-
| colspan="2" | Memory address to read from 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ReadInt===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReadInt'''
|-
| colspan="2" | Reads a 16-bit signed integer (INT) from the specified FRAM address. Returns the integer value read, or 0 on error. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u32-icon.png]] - ULONG
| width="90%" | Address
|-
| colspan="2" | Memory address to read from 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-s16-icon.png]] - INT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ReadLong===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReadLong'''
|-
| colspan="2" | Reads a 32-bit signed integer (LONG) from the specified FRAM address. Returns the long value read, or 0 on error. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u32-icon.png]] - ULONG
| width="90%" | Address
|-
| colspan="2" | Memory address to read from 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-s32-icon.png]] - LONG
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ReadPage===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReadPage'''
|-
| colspan="2" | Reads multiple bytes starting from the specified address. Returns number of bytes read, or 0 on error. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u32-icon.png]] - ULONG
| width="90%" | Address
|-
| colspan="2" | Starting memory address 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Data
|-
| colspan="2" | Buffer to store read data 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Count
|-
| colspan="2" | Number of bytes to read 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===Write===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Write'''
|-
| colspan="2" | Writes a single byte to the specified FRAM address. Returns error code: 0=success, 1-4=error 
|-
|-
| width="10%" align="center" | [[File:Fc9-u32-icon.png]] - ULONG
| width="90%" | Address
|-
| colspan="2" | Memory address to write to 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Data
|-
| colspan="2" | Byte value to write 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===WriteFloat===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''WriteFloat'''
|-
| colspan="2" | Writes a 32-bit floating point value (FLOAT) to the specified FRAM address. Returns error code: 0=success, 1-4=error 
|-
|-
| width="10%" align="center" | [[File:Fc9-u32-icon.png]] - ULONG
| width="90%" | Address
|-
| colspan="2" | Memory address to write to 
|-
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
| width="90%" | Data
|-
| colspan="2" | Float value to write 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===WriteInt===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''WriteInt'''
|-
| colspan="2" | Writes a 16-bit signed integer (INT) to the specified FRAM address. Returns error code: 0=success, 1-4=error 
|-
|-
| width="10%" align="center" | [[File:Fc9-u32-icon.png]] - ULONG
| width="90%" | Address
|-
| colspan="2" | Memory address to write to 
|-
| width="10%" align="center" | [[File:Fc9-s16-icon.png]] - INT
| width="90%" | Data
|-
| colspan="2" | Integer value to write 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===WriteLong===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''WriteLong'''
|-
| colspan="2" | Writes a 32-bit signed integer (LONG) to the specified FRAM address. Returns error code: 0=success, 1-4=error 
|-
|-
| width="10%" align="center" | [[File:Fc9-u32-icon.png]] - ULONG
| width="90%" | Address
|-
| colspan="2" | Memory address to write to 
|-
| width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG
| width="90%" | Data
|-
| colspan="2" | Long value to write 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===WritePage===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''WritePage'''
|-
| colspan="2" | Writes multiple bytes starting from the specified address. Returns number of bytes written, or 0 on error. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u32-icon.png]] - ULONG
| width="90%" | Address
|-
| colspan="2" | Starting memory address 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Data
|-
| colspan="2" | Buffer containing data to write 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Count
|-
| colspan="2" | Number of bytes to write 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

==Property reference==

{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
|-
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Device Settings
|-
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Device Address
|-
| colspan="2" | I2C device address bits (A2, A1, A0). Default is 0x50 (0b1010000). For 1M devices, use two component instances with addresses ending in 0 and 1. 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Device Type
|-
| colspan="2" | Select the FRAM device type 
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Memory Size (bytes)
|-
| colspan="2" | Calculated memory size based on device type 
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Address Bits
|-
| colspan="2" | Number of address bits for selected device 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Connections
|-
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Channel
|-
| colspan="2" | Channel selection 
|-
| width="10%" align="center" | [[File:Fc9-type-5-icon.png]]
| width="90%" | SDA
|-
| colspan="2" | Pin used for SDA (data signal) 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | SDA Remap Pin
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-5-icon.png]]
| width="90%" | SCL
|-
| colspan="2" | Pin used for SCL (clock signal) 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | SCL Remap Pin
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Stop Delay
|-
| colspan="2" | On older microcontroller devices there is a potential for the I2C hardware channel to lock up if there is not a 10ms delay between an I2C stop event and the next I2C start event. 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Baud Select
|-
| colspan="2" | Baud rate option selector 
|-
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
| width="90%" | Baud Rate
|-
| colspan="2" | Baud rate to be used 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Simulation
|-
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Scope Traces
|-
| colspan="2" | Selects if the scope traces are automatically generated or not 
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Console Data
|-
| colspan="2" | Selects if the console data is automatically generated or not 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | API
|-
| colspan="2" | Specifies the API component on the panel to interact with to provide comms simulation. 
|}

==Component Source Code==

Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_FRAM_MB85RC.fcfx FC_Comp_Source_FRAM_MB85RC.fcfx]

Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_FRAM_MB85RC.fcfx FC_Comp_Source_FRAM_MB85RC.fcfx]

Component: ADC (AD7680) (Analog Input)

2025-12-23T21:04:03Z

BenR: /* Examples */

{| style="width:50%"
|-
| width="20%" style="color:gray;" | Author
| Matrix TSL
|-
| width="20%" style="color:gray;" | Version
| 1.0
|-
| width="20%" style="color:gray;" | Category
| Analog Input
|}

==ADC (AD7680) component==
16-bit external ADC connected to the microcontroller using SPI.

==Component Source Code==

Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_ExternalADC_AD7680.fcfx FC_Comp_Source_ExternalADC_AD7680.fcfx]

Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_ExternalADC_AD7680.fcfx FC_Comp_Source_ExternalADC_AD7680.fcfx]

==Detailed description==

===Overview===
The AD7680 is a 2.5V to 5.5V SPI compatible, successive
approximation analogue to digital converter (ADC).

The reference for the AD7680 is taken internally from VDD

Pin reference from the datasheet:

[[File:AD7680 Pin Reference.png]]

==Examples==

This example reads the voltage on the AD7680 Vin and converts the ADC results into a voltage.
For the result to be correct, you must change the Voltage variable to match the supply voltage.

{{Fcfile|AD7680 Demo.fcfx|AD7680 Demo}}

==Circuit Diagram==
[[File:AD7680 Circuit Diagram.png]]

==Macro reference==

===Initialise===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Initialise'''
|-
| colspan="2" | Initialise the SPI bus ready for communications, 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SampleADC===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SampleADC'''
|-
| colspan="2" | Reads the ADC and returns the reading as an unsigned 16-bit value. Range: 0-65535 / 0=0V / 65535=VCC  
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

==Property reference==

{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
|-
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | SPI Properties
|-
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Channel
|-
| colspan="2" | SPI Channel selector 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Prescale
|-
| colspan="2" | Prescale option selector 
|-
| width="10%" align="center" | [[File:Fc9-type-5-icon.png]]
| width="90%" | MOSI
|-
| colspan="2" | SPI Data Out Pin SDO - Also Known as Master Out Slave In (MOSI) when used in Master mode. 
|-
| width="10%" align="center" | [[File:Fc9-type-5-icon.png]]
| width="90%" | MISO
|-
| colspan="2" | SPI Data In Pin SDI - Also Known as Master In Slave Out (MISO) when used in Master mode. 
|-
| width="10%" align="center" | [[File:Fc9-type-5-icon.png]]
| width="90%" | CLK
|-
| colspan="2" | SPI Clock Pin CLK - The Clock signal is driven by the SPI master. 
|-
| width="10%" align="center" | [[File:Fc9-type-5-icon.png]]
| width="90%" | CS / SS
|-
| colspan="2" | Chip Select / Slave Select Pin Master Mode: General purpose output pin used to select the remote SPI device. Slave Mode: Hardware chip select pin input used to select the SPI device.  
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Simulation
|-
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Data Recorder Trace
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Simulate Comms
|-
| colspan="2" |  
|}

Raspberry Pi Getting Started Guide

2025-12-15T14:23:37Z

BenR: /* Running programs from the Flowcode IDE */

[[File:RPI Guide1.png]]

===Raspberry Pi as a Flowcode target===

[[File:RPI Guide2.png]]

Raspberry Pi is an inexpensive board level target with digital I/O but also internet
functionality built in. As such it provides an ideal base for diverse applications including IoT
(the Internet of Things). For the first time, Flowcode 8 enables users to target this hugely
popular Raspberry Pi family of boards. Flowcode is an intuitive way to program, either at
home, in the classroom or for industrial uses.

Alongside this, our E-blocks2 hardware platform also supports the Raspberry Pi and the
Raspberry Pi Shield is perfect for those who wish to integrate their Pi into the E-blocks
system.

Flowcode is chip independent and the Raspberry Pi is just one target of 33 different families
of microcontroller that we support. Hence most projects can easily be ported from one
target device to any other.

There are many advantages to creating Flowcode applications on Raspberry Pi, here are just
a few:

• The huge library of Flowcode components can be used

• Remote download of the Flowcode generated applications via WiFi or Ethernet

• The Flowcode generated programs run on the Raspbian Linux operating system

• Flowcode generated applications can be called up from other programs

• Multiple Flowcode applications can be run simultaneously on the Raspberry Pi

• Debug message capability directly from the Raspberry Pi to a console window on the
PC

• When used in conjunction with the Matrix hardware the Ghost features of Flowcode
are available

Using Raspberry Pi with Flowcode 10

SD cards supplied with Matrix products are pre-programmed with the Raspbian image, in
this case please go to the “Configuring Raspberry Pi for use with Flowcode” section.

Help can be found at https://www.raspberrypi.org/learning/software-guide/quickstart
Creating a Raspberry Pi OS on a micro SDHC card

• Download& install the Raspberry Pi Imager from the Raspberry Pi website

• With the minimum size of 16gig SD card, connected to your PC via an SD and
ignore/close any warnings about card not being formatted if they appear

• Run the R Raspberry Pi Imager:

[[File:RPI Guide3.png]]

• Left-click CHOOSE OS and select Raspberry Pi OS (32-bit)

• Left-click CHOOSE STORAGE and select the popup.

• With a 16GB SD micro card should look like:

[[File:RPI Guide4.png]]

• WRITE should now be available to select

===Configuring Raspberry Pi for use with Flowcode===

We will use WiFi and set up a Static IP address.

If you have not setup WiFi during the initial setup period, then left-click on the internet icon that is in between the speaker and Bluetooth icons to select your network

[[File:RPI Guide5a.png]]

After entering the SSID name and password a dynamic IP address will be automatically assigned and the WiFi icon will be solid.

We will set up the WiFi with our own static IP address.

I would recommend running software like WNetWatcher and finding an IP address that's not in use.

For me it is 192.168.0.25.

The 192.168.0 will remain the same, it's the last set that will be different for different devices connected to your network.

Right-click on the internet icon and select '''Wireless & Wired Network Settings'''

[[File:RPI Guide5.png]]

Within '''Configure:''' Select wlan0 and enter the new static address withtin '''IPv4 Address'''

[[File:RPI Guide6.png]]

After applying and closing, then rebooting the Raspberry pi, the signal strength within the WiFi icon will be continuously changing, this is normal.

You can check IP is correct from software like WNetWatcher or opening a terminal and enter '''ifconfig'''.

Look for wlan0 and for the second line down:

[[File:RPI Guide6a.png]]

Flowcode uses secure shell, SSH, to transfer user applications to the Raspberry Pi.

SSH is easily enabled on the Raspberry Pi from the desktop.

Alternatively, this can be done by using raspi-config from the terminal.

[[File:RPI Guide7.png]]

From the Raspberry Pi menu, in the top left corner of the desktop, select “Raspberry Pi
Configuration” from the “Preferences” menu.

In the “Interfaces” tab, mode the SSH slider to the right for enabled, and click OK.

[[File:RPI Guide8.png]]

With SSH remote access enabled, it is recommended that you to consider changing the default pi user password (the initial default is raspberry).

For wireless connections, click and set the “Set WiFi Country” in the “Localisation” tab.

[[File:RPI Guide9.png]]

Click the OK button and close the dialog

===Creating your first Flowcode 10 Raspberry Pi project===

For this example project we will use a Raspberry Pi 3B+ with simply a LED and resistor
attached to GPIO 4 to demonstrate digital output.

[[File:RPI Guide10.png]]

Run Flowcode 10 and select New project.

Under Choose a Target right-select on any target device & select Search.

Within the search box, enter rpi then what version you have e.g rpi3b or rpi3b+ etc.

Press the Enter key or select Find Next.

Select New<RPI3B> Embedded Project:

[[File:RPI Guide11.png]]

Select '''Build''' - ribbon, '''Project Options'''

[[File:RPI Guide12.png]]

Below Configure, enter the IP address for the Raspberry Pi together with the user name and
password (usually pi and raspberry).

Note: The “sudo” checkbox only needs to be enabled if PWM is used in the project.

Select '''Modify'''

Add a LED component, from the '''Components Libraries''' ribbon, '''Outputs''' menu, onto the
2D panel.

In the component properties window set the Connection property to PORTG,4 (this represents GPIO 4).

Enable the '''Project Explorer''' by selecting it from the '''View''' ribbon.

Icons for example Loop, calculation box & Delay etc can be selected by clicking on the Icons icon of the project explorer.

[[File:RPI Guide13.png]]

To the main flowchart add a loop of fixed count 10

Component icons can be selected by clicking on Component’s icon of the project explorer.

For all the functions of components click on the + on the far left of the components.

[[File:RPI Guide14.png]]

Together with component icons to turn on and off the LED with 500mS delays as shown:

[[File:RPI Guide15.png]]

Save the project without any spaces (underscores are OK), and the flowchart can be
simulated on screen by clicking the Run button.

To run the project on the Raspberry Pi click the '''Build''' ribbon, '''Compile to Target…''' icon.

The project compilation window will display followed by a console (Putty) window whilst the
program runs on the Raspberry Pi and flashes the LED 10 times

===Sample Flowcode 10 project for Raspberry Pi and E-blocks===

For this example, we will use an E-blocks 2 Raspberry Pi upstream board (BL0036), with
Raspberry Pi 3B+ installed, and a Combo board (BL0114).

As with the previous example, Run Flowcode 10 and select New project.

Under '''Choose a Target''' right-select on any target device & select '''Search'''.

Within the search box, enter BL0036.

Press the '''Enter''' key or select '''Find Next'''.

Select New< BL0036> Embedded Project

Select '''Build''' - ribbon, '''Project Options'''.

Below '''Configure''', enter the IP address for the Raspberry Pi together with the user name and

password (usually pi and raspberry).

Note: The “sudo” checkbox only needs to be enabled if PWM is used in the project.

Select '''Modify'''

[[File:RPI Guide16.png]]

Select '''Components Libraries''' ribbon then select '''Search'''.

Enter bl0114 & left or right-click, Add to 2D panel
Combo BL0114 component will be added onto the dashboard.

From the Project Explorer window drag and drop a Start icon followed by a PrintString icon,
set the text field to “Hello World”.

Save the project (no spaces) and click the “Compile to chip” button in the task bar.

The project compilation window will run followed by a console (Putty) window whilst the
program runs on the Raspberry Pi target, and “Hello World” should appear on the display.

(Note: Ensure that the BL0114 “LCD” switch is set to ON)

===Running programs from the Flowcode IDE===

Flowcode uses secure shell to transfer and run user applications, so whilst running you will
see the shell console window on the host PC.

Note that in the case of programs with a continuous loop this window will remain continuously present on the host PC.

Pressing CTRL and C in the window will abort the running program on the Raspberry Pi and
exit the console window.

The Flowcode DebugPrint component can be used to output text to the console window for
debugging or other purposes.

The shell console window runs concurrently with Flowcode such that ICD (In Circuit
Debugging) can be done with the use of the Flowcode Ghost features of the Matrix E-blocks
2 Raspberry Pi upstream board or Flowkit v2.

Running your programs independently of Flowcode

Once you have used Flowcode to create, compile and transfer your program to the
Raspberry PI, it will exist in the home directory of the selected user e.g. /home/pi

From there the application can be run via a serial console such as Putty or virtual desktop
such as VNC or RDP. VNC and SSH for Putty are enabled via the Raspberry Pi “Interface
Configuration” dialog.

Your application can also be configured to run from start-up of the Raspberry Pi by adding a
line to the /home/pi/.bashrc file, but before the exit 0.

Editing this file must be done with root privileges, e.g. sudo nano /home/pi/.bashrc

''/home/pi/MyFlowcodeProject &
exit 0''

'''Notes: It is vital that you do not use any spaces within the project name.'''

'''If you do, the code will not autorun on start up.'''

'''Underscores are allowed.'''

'''It is always best to add a space then & after the project name.'''

'''If you don’t then the Pi will not complete the boot process.'''

On older versions of the Raspberry PI OS the startup file was /etc/rc.local and the corresponding command to edit the file, sudo nano /etc/rc.local

===Using Raspberry Pi hardware peripherals===

Hardware peripherals on the Raspberry Pi are limited to UART, SPI, I2C and PWM.

To use these peripherals with Flowcode they must be first be enabled via the Raspberry Pi
“Interface Configuration” dialog.

There is no direct support for analogue or interrupts.

Analogue inputs and outputs would be implemented via external devices.

Also note that (at the date of this document) PWM requires programs to be run with root
privileges, for which Flowcode provides the option to run programs as sudo.

Flowcode provides software versions of SPI and I2C such that devices using these protocols
can be connected to any free GPIO pins.

Due to the RTOS operation of Raspberry Pi, the bit rate of these can depend upon other running processes.

The same is the case for delays, these can vary, the relative deviation being greater for shorter delays.

Raspberry Pi Getting Started Guide

2025-12-15T14:21:57Z

BenR: /* Running programs from the Flowcode IDE */

[[File:RPI Guide1.png]]

===Raspberry Pi as a Flowcode target===

[[File:RPI Guide2.png]]

Raspberry Pi is an inexpensive board level target with digital I/O but also internet
functionality built in. As such it provides an ideal base for diverse applications including IoT
(the Internet of Things). For the first time, Flowcode 8 enables users to target this hugely
popular Raspberry Pi family of boards. Flowcode is an intuitive way to program, either at
home, in the classroom or for industrial uses.

Alongside this, our E-blocks2 hardware platform also supports the Raspberry Pi and the
Raspberry Pi Shield is perfect for those who wish to integrate their Pi into the E-blocks
system.

Flowcode is chip independent and the Raspberry Pi is just one target of 33 different families
of microcontroller that we support. Hence most projects can easily be ported from one
target device to any other.

There are many advantages to creating Flowcode applications on Raspberry Pi, here are just
a few:

• The huge library of Flowcode components can be used

• Remote download of the Flowcode generated applications via WiFi or Ethernet

• The Flowcode generated programs run on the Raspbian Linux operating system

• Flowcode generated applications can be called up from other programs

• Multiple Flowcode applications can be run simultaneously on the Raspberry Pi

• Debug message capability directly from the Raspberry Pi to a console window on the
PC

• When used in conjunction with the Matrix hardware the Ghost features of Flowcode
are available

Using Raspberry Pi with Flowcode 10

SD cards supplied with Matrix products are pre-programmed with the Raspbian image, in
this case please go to the “Configuring Raspberry Pi for use with Flowcode” section.

Help can be found at https://www.raspberrypi.org/learning/software-guide/quickstart
Creating a Raspberry Pi OS on a micro SDHC card

• Download& install the Raspberry Pi Imager from the Raspberry Pi website

• With the minimum size of 16gig SD card, connected to your PC via an SD and
ignore/close any warnings about card not being formatted if they appear

• Run the R Raspberry Pi Imager:

[[File:RPI Guide3.png]]

• Left-click CHOOSE OS and select Raspberry Pi OS (32-bit)

• Left-click CHOOSE STORAGE and select the popup.

• With a 16GB SD micro card should look like:

[[File:RPI Guide4.png]]

• WRITE should now be available to select

===Configuring Raspberry Pi for use with Flowcode===

We will use WiFi and set up a Static IP address.

If you have not setup WiFi during the initial setup period, then left-click on the internet icon that is in between the speaker and Bluetooth icons to select your network

[[File:RPI Guide5a.png]]

After entering the SSID name and password a dynamic IP address will be automatically assigned and the WiFi icon will be solid.

We will set up the WiFi with our own static IP address.

I would recommend running software like WNetWatcher and finding an IP address that's not in use.

For me it is 192.168.0.25.

The 192.168.0 will remain the same, it's the last set that will be different for different devices connected to your network.

Right-click on the internet icon and select '''Wireless & Wired Network Settings'''

[[File:RPI Guide5.png]]

Within '''Configure:''' Select wlan0 and enter the new static address withtin '''IPv4 Address'''

[[File:RPI Guide6.png]]

After applying and closing, then rebooting the Raspberry pi, the signal strength within the WiFi icon will be continuously changing, this is normal.

You can check IP is correct from software like WNetWatcher or opening a terminal and enter '''ifconfig'''.

Look for wlan0 and for the second line down:

[[File:RPI Guide6a.png]]

Flowcode uses secure shell, SSH, to transfer user applications to the Raspberry Pi.

SSH is easily enabled on the Raspberry Pi from the desktop.

Alternatively, this can be done by using raspi-config from the terminal.

[[File:RPI Guide7.png]]

From the Raspberry Pi menu, in the top left corner of the desktop, select “Raspberry Pi
Configuration” from the “Preferences” menu.

In the “Interfaces” tab, mode the SSH slider to the right for enabled, and click OK.

[[File:RPI Guide8.png]]

With SSH remote access enabled, it is recommended that you to consider changing the default pi user password (the initial default is raspberry).

For wireless connections, click and set the “Set WiFi Country” in the “Localisation” tab.

[[File:RPI Guide9.png]]

Click the OK button and close the dialog

===Creating your first Flowcode 10 Raspberry Pi project===

For this example project we will use a Raspberry Pi 3B+ with simply a LED and resistor
attached to GPIO 4 to demonstrate digital output.

[[File:RPI Guide10.png]]

Run Flowcode 10 and select New project.

Under Choose a Target right-select on any target device & select Search.

Within the search box, enter rpi then what version you have e.g rpi3b or rpi3b+ etc.

Press the Enter key or select Find Next.

Select New<RPI3B> Embedded Project:

[[File:RPI Guide11.png]]

Select '''Build''' - ribbon, '''Project Options'''

[[File:RPI Guide12.png]]

Below Configure, enter the IP address for the Raspberry Pi together with the user name and
password (usually pi and raspberry).

Note: The “sudo” checkbox only needs to be enabled if PWM is used in the project.

Select '''Modify'''

Add a LED component, from the '''Components Libraries''' ribbon, '''Outputs''' menu, onto the
2D panel.

In the component properties window set the Connection property to PORTG,4 (this represents GPIO 4).

Enable the '''Project Explorer''' by selecting it from the '''View''' ribbon.

Icons for example Loop, calculation box & Delay etc can be selected by clicking on the Icons icon of the project explorer.

[[File:RPI Guide13.png]]

To the main flowchart add a loop of fixed count 10

Component icons can be selected by clicking on Component’s icon of the project explorer.

For all the functions of components click on the + on the far left of the components.

[[File:RPI Guide14.png]]

Together with component icons to turn on and off the LED with 500mS delays as shown:

[[File:RPI Guide15.png]]

Save the project without any spaces (underscores are OK), and the flowchart can be
simulated on screen by clicking the Run button.

To run the project on the Raspberry Pi click the '''Build''' ribbon, '''Compile to Target…''' icon.

The project compilation window will display followed by a console (Putty) window whilst the
program runs on the Raspberry Pi and flashes the LED 10 times

===Sample Flowcode 10 project for Raspberry Pi and E-blocks===

For this example, we will use an E-blocks 2 Raspberry Pi upstream board (BL0036), with
Raspberry Pi 3B+ installed, and a Combo board (BL0114).

As with the previous example, Run Flowcode 10 and select New project.

Under '''Choose a Target''' right-select on any target device & select '''Search'''.

Within the search box, enter BL0036.

Press the '''Enter''' key or select '''Find Next'''.

Select New< BL0036> Embedded Project

Select '''Build''' - ribbon, '''Project Options'''.

Below '''Configure''', enter the IP address for the Raspberry Pi together with the user name and

password (usually pi and raspberry).

Note: The “sudo” checkbox only needs to be enabled if PWM is used in the project.

Select '''Modify'''

[[File:RPI Guide16.png]]

Select '''Components Libraries''' ribbon then select '''Search'''.

Enter bl0114 & left or right-click, Add to 2D panel
Combo BL0114 component will be added onto the dashboard.

From the Project Explorer window drag and drop a Start icon followed by a PrintString icon,
set the text field to “Hello World”.

Save the project (no spaces) and click the “Compile to chip” button in the task bar.

The project compilation window will run followed by a console (Putty) window whilst the
program runs on the Raspberry Pi target, and “Hello World” should appear on the display.

(Note: Ensure that the BL0114 “LCD” switch is set to ON)

===Running programs from the Flowcode IDE===

Flowcode uses secure shell to transfer and run user applications, so whilst running you will
see the shell console window on the host PC.

Note that in the case of programs with a continuous loop this window will remain continuously present on the host PC.

Pressing CTRL and C in the window will abort the running program on the Raspberry Pi and
exit the console window.

The Flowcode DebugPrint component can be used to output text to the console window for
debugging or other purposes.

The shell console window runs concurrently with Flowcode such that ICD (In Circuit
Debugging) can be done with the use of the Flowcode Ghost features of the Matrix E-blocks
2 Raspberry Pi upstream board or Flowkit v2.

Running your programs independently of Flowcode

Once you have used Flowcode to create, compile and transfer your program to the
Raspberry PI, it will exist in the home directory of the selected user e.g. /home/pi

From there the application can be run via a serial console such as Putty or virtual desktop
such as VNC or RDP. VNC and SSH for Putty are enabled via the Raspberry Pi “Interface
Configuration” dialog.

Your application can also be configured to run from start-up of the Raspberry Pi by adding a
line to the /etc/rc.local file, but before the exit 0.

Editing this file must be done with root privileges, e.g. sudo nano /etc/rc.local

On newer versions of the Raspberry PI OS the file has changed to /home/pi/.bashrc and the corresponding command changed to sudo nano /home/pi/.bashrc

''/home/pi/MyFlowcodeProject &
exit 0''

'''Notes: It is vital that you do not use any spaces within the project name.'''

'''If you do, the code will not autorun on start up.'''

'''Underscores are allowed.'''

'''It is always best to add a space then & after the project name.'''

'''If you don’t then the Pi will not complete the boot process.'''

===Using Raspberry Pi hardware peripherals===

Hardware peripherals on the Raspberry Pi are limited to UART, SPI, I2C and PWM.

To use these peripherals with Flowcode they must be first be enabled via the Raspberry Pi
“Interface Configuration” dialog.

There is no direct support for analogue or interrupts.

Analogue inputs and outputs would be implemented via external devices.

Also note that (at the date of this document) PWM requires programs to be run with root
privileges, for which Flowcode provides the option to run programs as sudo.

Flowcode provides software versions of SPI and I2C such that devices using these protocols
can be connected to any free GPIO pins.

Due to the RTOS operation of Raspberry Pi, the bit rate of these can depend upon other running processes.

The same is the case for delays, these can vary, the relative deviation being greater for shorter delays.

Component: Bluetooth BLE (ESP32 SPP Server) (Wireless)

2025-12-02T16:14:53Z

BenR: /* Detailed description */

{| style="width:50%"
|-
| width="20%" style="color:gray;" | Author
| Matrix TSL
|-
| width="20%" style="color:gray;" | Version
| 1.0
|-
| width="20%" style="color:gray;" | Category
| Wireless
|}

==Bluetooth BLE (ESP32 SPP Server) component==
Bluetooth BLE server component designed to run on a ESP32 providing GATT SPP functionality. BT BLE functionality must be switched on via the sdkconfig file.

==Detailed description==

This component requires the Bluetooth and Bluedroid libraries from the ESP32 IPE.

If you get this error when compiling: esp_bt.h: No such file or directory

Then you may not have Bluetooth enabled.

To fix this navigate to C:\FC_ESP\mtx<chiptype>_sdkconfig\

Then run menuconfig.bat to open the configuration editor.

Goto Component Config -> Bluetooth

Check the item Bluetooth.

Then go into Bluedroid Options and ensure the Enable BLE 4.2 features near the bottom is ticked.

Save and exit and then re-compile 🙂

==Examples==

''No additional examples''

==Macro reference==

===CheckConnectionStatus===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CheckConnectionStatus'''
|-
| colspan="2" | Checks to see if the Bluetooth device is connected. Returns 1 if connected. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===Initialise===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Initialise'''
|-
| colspan="2" | Starts up the Bluetooth communications SPP service. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ReceiveArray===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReceiveArray'''
|-
| colspan="2" | Attempts to receive an array of bytes from the bluetooth serial port. Returns the number of bytes received. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Data
|-
| colspan="2" | Buffer to place received data into 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | MaxBytes
|-
| colspan="2" | Max number of bytes to try and read within the time 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Timeout
|-
| colspan="2" | Number of ms to wait for incoming data 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ReceiveByte===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReceiveByte'''
|-
| colspan="2" | Attempts to receive a byte from the bluetooth serial port. 0-255 = a valid received value 256 = a timeout has occured 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Timeout
|-
| colspan="2" | Number of ms to wait for incoming data 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ReceiveCount===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReceiveCount'''
|-
| colspan="2" | Collects the number of bytes currently stored in the receive buffer. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ReceiveINTArray===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReceiveINTArray'''
|-
| colspan="2" | Receives an array of 16-bit INT/UINT values and returns the number of values received. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Data
|-
| colspan="2" | Array to store the incoming data 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | NumValues
|-
| colspan="2" | Maximum number of values to try and receive 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | MSBfirst
|-
| colspan="2" | 0=Least significant byte first, 1=Most significant byte first 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Timeout
|-
| colspan="2" | Max amount of time in ms to wait between bytes 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ReceiveString===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReceiveString'''
|-
| colspan="2" |  
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | MaxBytes
|-
| colspan="2" | Max number of bytes to try and read within the time 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Timeout
|-
| colspan="2" | Number of ms to wait for incoming data 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SendArray===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SendArray'''
|-
| colspan="2" | Sends a byte to the Bluetooth serial connection 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Data
|-
| colspan="2" | Data Array to send 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | NumBytes
|-
| colspan="2" | Number of bytes to send 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SendByte===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SendByte'''
|-
| colspan="2" | Sends a byte to the Bluetooth serial connection 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Data
|-
| colspan="2" |  
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SendINTArray===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SendINTArray'''
|-
| colspan="2" | Transmits an array of 16-bit INT/UINT values via the Bluetooth peripheral 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Data
|-
| colspan="2" | Data Array to send 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | NumValues
|-
| colspan="2" | Number of 16-bit values to send from the array 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | MSBfirst
|-
| colspan="2" | 0=Least significant byte first, 1=Most significant byte first 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SendString===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SendString'''
|-
| colspan="2" | Sends a string to the Bluetooth serial connection 
|-
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | Data
|-
| colspan="2" | Data Array to send 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SetBTName===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetBTName'''
|-
| colspan="2" | Overrides the current friendly name 
|-
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | Name
|-
| colspan="2" | Name you want to use 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===Uninitialise===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Uninitialise'''
|-
| colspan="2" | Shots down the Bluetooth communications SPP service. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

==Property reference==

{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
|-
|-
| width="10%" align="center" | [[File:Fc9-type-10-icon.png]]
| width="90%" | Device Name
|-
| colspan="2" | Sets the Bluetooth device friendly name 
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Receive Buffer
|-
| colspan="2" | Configures the size of the receive buffer in bytes to store incoming data until we are ready to receive it. 
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Data Receive Interrupt
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Heartbeat
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Verbose Debug
|-
| colspan="2" | When enabled debug messages will be placed onto UART CH1 which is generally connected to via a Serial to USB IC to pipe messages back to the host PC. 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Simulation
|-
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | COM Port
|-
| colspan="2" | Selects which port to communicate with, only lists ports which are currently available.  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Refresh COM Ports
|-
| colspan="2" | When set to yes the COM port list is rescanned for newly connected or available ports. Note that refreshing the ports list may take a few seconds depending on the number of connected ports. 
|-
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
| width="90%" | Baud
|-
| colspan="2" | Baud rate passed to the COM port to control the rate of data. 
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Console Data
|-
| colspan="2" |  
|}

==Component Source Code==

Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_Bluetooth_ESP32_BLE_GATT_SPP_Server.fcfx FC_Comp_Source_Bluetooth_ESP32_BLE_GATT_SPP_Server.fcfx]

Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_Bluetooth_ESP32_BLE_GATT_SPP_Server.fcfx FC_Comp_Source_Bluetooth_ESP32_BLE_GATT_SPP_Server.fcfx]

Component: Bluetooth BLE (ESP32 SPP Server) (Wireless)

2025-12-02T16:14:44Z

BenR: /* Detailed description */

{| style="width:50%"
|-
| width="20%" style="color:gray;" | Author
| Matrix TSL
|-
| width="20%" style="color:gray;" | Version
| 1.0
|-
| width="20%" style="color:gray;" | Category
| Wireless
|}

==Bluetooth BLE (ESP32 SPP Server) component==
Bluetooth BLE server component designed to run on a ESP32 providing GATT SPP functionality. BT BLE functionality must be switched on via the sdkconfig file.

==Detailed description==

This component requires the Bluetooth and Bluedroid libraries from the ESP32 IPE.

If you get this error when compiling: esp_bt.h: No such file or directory

Then you may not have Bluetooth enabled.

To fix this navigate to C:\FC_ESP\mtx<chiptype>_sdkconfig\

Then run menuconfig.bat to open the configuration editor.

Goto Component Config -> Bluetooth

Check the item Bluetooth.

Then go into Bluedroid Options and ensure the Enable BLE 4.2 features near the bottom is ticked.

Save and exit and then re-compile 🙂

==Examples==

''No additional examples''

==Macro reference==

===CheckConnectionStatus===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CheckConnectionStatus'''
|-
| colspan="2" | Checks to see if the Bluetooth device is connected. Returns 1 if connected. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===Initialise===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Initialise'''
|-
| colspan="2" | Starts up the Bluetooth communications SPP service. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ReceiveArray===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReceiveArray'''
|-
| colspan="2" | Attempts to receive an array of bytes from the bluetooth serial port. Returns the number of bytes received. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Data
|-
| colspan="2" | Buffer to place received data into 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | MaxBytes
|-
| colspan="2" | Max number of bytes to try and read within the time 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Timeout
|-
| colspan="2" | Number of ms to wait for incoming data 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ReceiveByte===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReceiveByte'''
|-
| colspan="2" | Attempts to receive a byte from the bluetooth serial port. 0-255 = a valid received value 256 = a timeout has occured 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Timeout
|-
| colspan="2" | Number of ms to wait for incoming data 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ReceiveCount===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReceiveCount'''
|-
| colspan="2" | Collects the number of bytes currently stored in the receive buffer. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ReceiveINTArray===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReceiveINTArray'''
|-
| colspan="2" | Receives an array of 16-bit INT/UINT values and returns the number of values received. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Data
|-
| colspan="2" | Array to store the incoming data 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | NumValues
|-
| colspan="2" | Maximum number of values to try and receive 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | MSBfirst
|-
| colspan="2" | 0=Least significant byte first, 1=Most significant byte first 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Timeout
|-
| colspan="2" | Max amount of time in ms to wait between bytes 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ReceiveString===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReceiveString'''
|-
| colspan="2" |  
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | MaxBytes
|-
| colspan="2" | Max number of bytes to try and read within the time 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Timeout
|-
| colspan="2" | Number of ms to wait for incoming data 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SendArray===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SendArray'''
|-
| colspan="2" | Sends a byte to the Bluetooth serial connection 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Data
|-
| colspan="2" | Data Array to send 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | NumBytes
|-
| colspan="2" | Number of bytes to send 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SendByte===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SendByte'''
|-
| colspan="2" | Sends a byte to the Bluetooth serial connection 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Data
|-
| colspan="2" |  
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SendINTArray===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SendINTArray'''
|-
| colspan="2" | Transmits an array of 16-bit INT/UINT values via the Bluetooth peripheral 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Data
|-
| colspan="2" | Data Array to send 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | NumValues
|-
| colspan="2" | Number of 16-bit values to send from the array 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | MSBfirst
|-
| colspan="2" | 0=Least significant byte first, 1=Most significant byte first 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SendString===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SendString'''
|-
| colspan="2" | Sends a string to the Bluetooth serial connection 
|-
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | Data
|-
| colspan="2" | Data Array to send 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SetBTName===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetBTName'''
|-
| colspan="2" | Overrides the current friendly name 
|-
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | Name
|-
| colspan="2" | Name you want to use 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===Uninitialise===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Uninitialise'''
|-
| colspan="2" | Shots down the Bluetooth communications SPP service. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

==Property reference==

{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
|-
|-
| width="10%" align="center" | [[File:Fc9-type-10-icon.png]]
| width="90%" | Device Name
|-
| colspan="2" | Sets the Bluetooth device friendly name 
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Receive Buffer
|-
| colspan="2" | Configures the size of the receive buffer in bytes to store incoming data until we are ready to receive it. 
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Data Receive Interrupt
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Heartbeat
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Verbose Debug
|-
| colspan="2" | When enabled debug messages will be placed onto UART CH1 which is generally connected to via a Serial to USB IC to pipe messages back to the host PC. 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Simulation
|-
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | COM Port
|-
| colspan="2" | Selects which port to communicate with, only lists ports which are currently available.  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Refresh COM Ports
|-
| colspan="2" | When set to yes the COM port list is rescanned for newly connected or available ports. Note that refreshing the ports list may take a few seconds depending on the number of connected ports. 
|-
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
| width="90%" | Baud
|-
| colspan="2" | Baud rate passed to the COM port to control the rate of data. 
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Console Data
|-
| colspan="2" |  
|}

==Component Source Code==

Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_Bluetooth_ESP32_BLE_GATT_SPP_Server.fcfx FC_Comp_Source_Bluetooth_ESP32_BLE_GATT_SPP_Server.fcfx]

Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_Bluetooth_ESP32_BLE_GATT_SPP_Server.fcfx FC_Comp_Source_Bluetooth_ESP32_BLE_GATT_SPP_Server.fcfx]

Component: Bluetooth BLE (ESP32 SPP Server) (Wireless)

2025-12-02T16:13:04Z

BenR: /* Detailed description */

{| style="width:50%"
|-
| width="20%" style="color:gray;" | Author
| Matrix TSL
|-
| width="20%" style="color:gray;" | Version
| 1.0
|-
| width="20%" style="color:gray;" | Category
| Wireless
|}

==Bluetooth BLE (ESP32 SPP Server) component==
Bluetooth BLE server component designed to run on a ESP32 providing GATT SPP functionality. BT BLE functionality must be switched on via the sdkconfig file.

==Detailed description==

This component requires the Bluetooth and Bluedroid libraries from the ESP32 IPE.

If you get this error when compiling: esp_bt.h: No such file or directory

Then you may not have Bluetooth enabled.

To fix this navigate to C:\FC_ESP\mtx<chiptype>_sdkconfig\

Then run menuconfig.bat to open the configuration editor.

Goto Component Config -> Bluetooth

Check the item Bluetooth.

Then go into Bluedroid Options and ensure the Enable BLE 4.2 features near the bottom is ticked.

Save and exit and then re-compile 🙂

==Examples==

''No additional examples''

==Macro reference==

===CheckConnectionStatus===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''CheckConnectionStatus'''
|-
| colspan="2" | Checks to see if the Bluetooth device is connected. Returns 1 if connected. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===Initialise===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Initialise'''
|-
| colspan="2" | Starts up the Bluetooth communications SPP service. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ReceiveArray===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReceiveArray'''
|-
| colspan="2" | Attempts to receive an array of bytes from the bluetooth serial port. Returns the number of bytes received. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Data
|-
| colspan="2" | Buffer to place received data into 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | MaxBytes
|-
| colspan="2" | Max number of bytes to try and read within the time 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Timeout
|-
| colspan="2" | Number of ms to wait for incoming data 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ReceiveByte===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReceiveByte'''
|-
| colspan="2" | Attempts to receive a byte from the bluetooth serial port. 0-255 = a valid received value 256 = a timeout has occured 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Timeout
|-
| colspan="2" | Number of ms to wait for incoming data 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ReceiveCount===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReceiveCount'''
|-
| colspan="2" | Collects the number of bytes currently stored in the receive buffer. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ReceiveINTArray===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReceiveINTArray'''
|-
| colspan="2" | Receives an array of 16-bit INT/UINT values and returns the number of values received. 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Data
|-
| colspan="2" | Array to store the incoming data 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | NumValues
|-
| colspan="2" | Maximum number of values to try and receive 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | MSBfirst
|-
| colspan="2" | 0=Least significant byte first, 1=Most significant byte first 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Timeout
|-
| colspan="2" | Max amount of time in ms to wait between bytes 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===ReceiveString===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ReceiveString'''
|-
| colspan="2" |  
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | MaxBytes
|-
| colspan="2" | Max number of bytes to try and read within the time 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Timeout
|-
| colspan="2" | Number of ms to wait for incoming data 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SendArray===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SendArray'''
|-
| colspan="2" | Sends a byte to the Bluetooth serial connection 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Data
|-
| colspan="2" | Data Array to send 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | NumBytes
|-
| colspan="2" | Number of bytes to send 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SendByte===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SendByte'''
|-
| colspan="2" | Sends a byte to the Bluetooth serial connection 
|-
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | Data
|-
| colspan="2" |  
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SendINTArray===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SendINTArray'''
|-
| colspan="2" | Transmits an array of 16-bit INT/UINT values via the Bluetooth peripheral 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | Data
|-
| colspan="2" | Data Array to send 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | NumValues
|-
| colspan="2" | Number of 16-bit values to send from the array 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | MSBfirst
|-
| colspan="2" | 0=Least significant byte first, 1=Most significant byte first 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SendString===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SendString'''
|-
| colspan="2" | Sends a string to the Bluetooth serial connection 
|-
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | Data
|-
| colspan="2" | Data Array to send 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SetBTName===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetBTName'''
|-
| colspan="2" | Overrides the current friendly name 
|-
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | Name
|-
| colspan="2" | Name you want to use 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===Uninitialise===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Uninitialise'''
|-
| colspan="2" | Shots down the Bluetooth communications SPP service. 
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

==Property reference==

{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
|-
|-
| width="10%" align="center" | [[File:Fc9-type-10-icon.png]]
| width="90%" | Device Name
|-
| colspan="2" | Sets the Bluetooth device friendly name 
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Receive Buffer
|-
| colspan="2" | Configures the size of the receive buffer in bytes to store incoming data until we are ready to receive it. 
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Data Receive Interrupt
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Heartbeat
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Verbose Debug
|-
| colspan="2" | When enabled debug messages will be placed onto UART CH1 which is generally connected to via a Serial to USB IC to pipe messages back to the host PC. 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Simulation
|-
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | COM Port
|-
| colspan="2" | Selects which port to communicate with, only lists ports which are currently available.  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Refresh COM Ports
|-
| colspan="2" | When set to yes the COM port list is rescanned for newly connected or available ports. Note that refreshing the ports list may take a few seconds depending on the number of connected ports. 
|-
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
| width="90%" | Baud
|-
| colspan="2" | Baud rate passed to the COM port to control the rate of data. 
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Console Data
|-
| colspan="2" |  
|}

==Component Source Code==

Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_Bluetooth_ESP32_BLE_GATT_SPP_Server.fcfx FC_Comp_Source_Bluetooth_ESP32_BLE_GATT_SPP_Server.fcfx]

Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_Bluetooth_ESP32_BLE_GATT_SPP_Server.fcfx FC_Comp_Source_Bluetooth_ESP32_BLE_GATT_SPP_Server.fcfx]

File:WYSIWYG 8.png

2025-10-27T14:30:08Z

BenR:

File:WYSIWYG 7.png

2025-10-27T14:30:00Z

BenR:

Display Creator

2025-10-27T14:29:48Z

BenR:

==What is Display Creator==

Display creator is a way to graphically control your GLCD layout, scenes and user interface (UI) using a what you see if what you get (WYSIWYG) type interface.

When creating Graphical Display layouts it can often become more and more complex to manage all the various coordinates, images and primitive shapes and end up with a nice looking display layout.

A way to solve this problem is to allow the layout of the display to be defined graphically.

The display manager component is capable of managing special Display Creator panels which can be used as placeholders that can show the layout of the screen and allow you to graphically create and control a design.

==Setting up the Display Manager component==

To begin simply add your selected GLCD component to the 2d panel and then add a display manager component.

The display manager component will automatically link to the GLCD and automatically create a single Display Creator panel which will appear after a few seconds.

The display manager component has additional properties to allow you to add more Display Creator panels (scenes) and define which Display Creator panels are used by the component. Increasing the number of scenes e.g. from 1 to 4 will automatically add more Display Creator panels to your project after a few seconds.

[[File:WYSIWYG_1.png|Component and Layout scene panels]]

[[File:WYSIWYG_2.png|Display Manager - Display Creator properties]]

The Max Objects and Max Widgets properties define how many Objects (none touchable) and Widgets (touchable) items can be on any single layout. The default is 20 of each but increase these as required. You will be warned if you create a layout scene that requires more then you have allocated room for.

The Enable Callbacks property allows the touch callback feature on all the Graphical Manager Primitive components, turn this off if you are not using a touch feature or if you want to implement your own touch routines.

==A typical bare bones program==

Here is a very basic program to initialise the GLCD, the Display manager and then display the contents of the first Display Creator panel.

[[File:WYSIWYG_3.png|Component and Layout scene panels]]

{{Fcfile|DisplayCreator - NoTouch.fcfx|DisplayCreator - NoTouch}}

Here is the same program, this time with a touch enabled GLCD. We need to sample the touch sensor and then pass the coordinates to the Display Manager. If there is no touch then we also tell the Display Manager so it can update its touch repeat rate variables.

[[File:WYSIWYG_4.png|Component and Layout scene panels with touch]]

{{Fcfile|DisplayCreator - Touch.fcfx|DisplayCreator - Touch}}

Adding a fixed delay to the loop will allow for reliable touch intervals, for example a loop delay of 10ms and a Touch Repeat Rate of 10 would be 10 x 10ms = 100ms between repeat button presses.

==Using the Display Creator layout panels==

The Display Creator panels control what will be shown on each scene of the GLCD. You might for example want a main screen, a menu screen and then a config screen.

The Scene panels can be renamed to better identify their role in the program. To do this use the Panels tab of the Project Explorer, right click the scene you want to rename and select Rename.

[[File:WYSIWYG_5.png|Renaming scene panel]]

The Display Manager component allows you to select which Display Creator panel will be referenced for each numeric Scene you want to display.

The Graphical Manager Primitives can be added to each Display Creator panel and you can do things like move, scale, copy, paste, align etc with these primitives like you can on a normal component panel. The Snap to grid feature can also be useful to easily acheiving uniform scaling and spacing between primitives.

[[File:WYSIWYG_6.png|Adding Primitives]]

Each Display Creator panel will automatically take the background colour defined in the Display Manager component but this background colour can be overridden by altering the Display Background Colour property available when clicking on a blank area of the Display Creator Panel.

==Touchable items==

===Without Callback===

Without callback you will need to manually compare the touchID returned by the CheckForTouch component macro. It is possible that the same ID is used by different items on different scenes so you will need to keep track of the current scene using a variable.

[[File:WYSIWYG_7.png|Checking for touch IDs]]

===With Callback===

With callback enabled you instead define a callback macro in the touchble primitive properties which will be called when the item it touched as part of the CheckForTouch component macro.

The callback macro has a parameter of type handle which contains the unique handle of the item touched and can be compared like this.

[[File:WYSIWYG_8.png|Callback macro]]

Display Creator

2025-10-27T14:25:51Z

BenR: /* Touchable items */

Display Creator

2025-10-27T14:17:48Z

BenR:

Display Creator

2025-10-27T14:16:08Z

BenR:

File:WYSIWYG 6.png

2025-10-27T14:12:08Z

BenR:

File:WYSIWYG 5.png

2025-10-27T14:12:00Z

BenR:

Display Creator

2025-10-27T14:11:46Z

BenR:

==What is Display Creator==

Display creator is a way to graphically control your GLCD layout, scenes and user interface (UI) using a what you see if what you get (WYSIWYG) type interface.

When creating Graphical Display layouts it can often become more and more complex to manage all the various coordinates, images and primitive shapes and end up with a nice looking display layout.

A way to solve this problem is to allow the layout of the display to be defined graphically.

The display manager component is capable of managing special scene component panels which can be used as placeholders that can show the layout of the screen and allow you to graphically create and control a design.

==Setting up the Display Manager component==

To begin simply add your selected GLCD component to the 2d panel and then add a display manager component.

The display manager component will automatically link to the GLCD and automatically create a single layout scene which will appear after a few seconds.

The display manager component has additional properties to allow you to add more scenes and define which scenes are used by the component. Increasing the number of scenes e.g. from 1 to 4 will automatically add more layout scenes to your project after a few seconds.

[[File:WYSIWYG_1.png|Component and Layout scene panels]]

[[File:WYSIWYG_2.png|Display Manager - Display Creator properties]]

The Max Objects and Max Widgets properties define how many Objects (none touchable) and Widgets (touchable) items can be on any single layout. The default is 20 of each but increase these as required. You will be warned if you create a layout scene that requires more then you have allocated room for.

The Enable Callbacks property allows the touch callback feature on all the Graphical Manager Primitive components, turn this off if you are not using a touch feature or if you want to implement your own touch routines.

==A typical bare bones program==

Here is a very basic program to initialise the GLCD, the Display manager and then display the contents of the first layout scene panel.

[[File:WYSIWYG_3.png|Component and Layout scene panels]]

{{Fcfile|DisplayCreator - NoTouch.fcfx|DisplayCreator - NoTouch}}

Here is the same program, this time with a touch enabled GLCD. We need to sample the touch sensor and then pass the coordinates to the Display Manager. If there is no touch then we also tell the Display Manager so it can update its touch repeat rate variables.

[[File:WYSIWYG_4.png|Component and Layout scene panels with touch]]

{{Fcfile|DisplayCreator - Touch.fcfx|DisplayCreator - Touch}}

Adding a fixed delay to the loop will allow for reliable touch intervals, for example a loop delay of 10ms and a Touch Repeat Rate of 10 would be 10 x 10ms = 100ms between repeat button presses.

==Using the layout panels==

The layout scene panels control what will be shown on each scene of the GLCD. You might for example want a main screen, a menu screen and then a config screen.

The Scene panels can be renamed to better identify their role in the program. To do this use the Panels tab of the Project Explorer, right click the scene you want to rename and select Rename.

[[File:WYSIWYG_5.png|Renaming scene panel]]

The Display Manager component allows you to select which Scene panel will be referenced for each numeric Scene you want to display.

The Graphical Manager Primitives can be added to each Scene panel and you can do things like move, scale, copy, paste, align etc with these primitives like you can on a normal component panel. The Snap to grid feature can also be useful to easily acheiving uniform scaling and spacing between primitives.

[[File:WYSIWYG_6.png|Adding Primitives]]

Display Creator

2025-10-27T14:00:45Z

BenR:

Display Creator

2025-10-27T13:55:18Z

BenR:

==What is Display Creator==

Display creator is a way to graphically control your GLCD scenes using a WYSIWYG type interface.

WYSIWYG = What You See Is What You Get

When creating Graphical Display layouts it can often become more and more complex to manage all the various coordinates and end up with a nice looking display layout.

A way to solve this problem is to allow the layout of the display to be defined graphically.

The display manager is capable of managing special scene component panels which can be used as placeholders that can show the layout of the screen and allow you to graphically create a design.

==Setting up the Display Manager component==

To begin simply add your selected GLCD component to the 2d panel and then add a display manager component.

The display manager component will automatically link to the GLCD and automatically create a single layout scene which will appear after a few seconds.

The display manager component has additional properties to allow you to add more scenes and define which scenes are used by the component. Increasing the number of scenes e.g. from 1 to 4 will automatically add more layout scenes to your project after a few seconds.

[[File:WYSIWYG_1.png|Component and Layout scene panels]]

[[File:WYSIWYG_2.png|Display Manager - Display Creator properties]]

The Max Objects and Max Widgets properties define how many Objects (none touchable) and Widgets (touchable) items can be on any single layout. The default is 20 of each but increase these as required. You will be warned if you create a layout scene that requires more then you have allocated room for.

The Enable Callbacks property allows the touch callback feature on all the Graphical Manager Primitive components, turn this off if you are not using a touch feature or if you want to implement your own touch routines.

==A typical program==

Here is a very basic program to initialise the GLCD, the Display manager and then display the contents of the first layout scene panel.

[[File:WYSIWYG_3.png|Component and Layout scene panels]]

{{Fcfile|DisplayCreator - NoTouch.fcfx|DisplayCreator - NoTouch}}

Here is the same program, this time with a touch enabled GLCD. We need to sample the touch sensor and then pass the coordinates to the Display Manager. If there is no touch then we also tell the Display Manager so it can update its touch repeat rate variables.

[[File:WYSIWYG_4.png|Component and Layout scene panels with touch]]

{{Fcfile|DisplayCreator - Touch.fcfx|DisplayCreator - Touch}}

Adding a fixed delay to the loop will allow for reliable touch intervals, for example a loop delay of 10ms and a Touch Repeat Rate of 10 would be 10 x 10ms = 100ms between repeat button presses.

==Using the layout panels==

File:DisplayCreator - Touch.fcfx

2025-10-27T13:52:00Z

BenR:

File:DisplayCreator - NoTouch.fcfx

2025-10-27T13:51:54Z

BenR:

File:WYSIWYG 4.png

2025-10-27T13:51:44Z

BenR:

File:WYSIWYG 3.png

2025-10-27T13:51:38Z

BenR:

Display Creator

2025-10-27T13:51:26Z

BenR:

Display Creator

2025-10-27T13:49:50Z

BenR:

==What is Display Creator==

Display creator is a way to graphically control your GLCD scenes using a WYSIWYG type interface.

WYSIWYG = What You See Is What You Get

When creating Graphical Display layouts it can often become more and more complex to manage all the various coordinates and end up with a nice looking display layout.

A way to solve this problem is to allow the layout of the display to be defined graphically.

The display manager is capable of managing special scene component panels which can be used as placeholders that can show the layout of the screen and allow you to graphically create a design.

==Setting up the Display Manager component==

To begin simply add your selected GLCD component to the 2d panel and then add a display manager component.

The display manager component will automatically link to the GLCD and automatically create a single layout scene which will appear after a few seconds.

The display manager component has additional properties to allow you to add more scenes and define which scenes are used by the component. Increasing the number of scenes e.g. from 1 to 4 will automatically add more layout scenes to your project after a few seconds.

[[File:WYSIWYG_1.png|Component and Layout scene panels]]

[[File:WYSIWYG_2.png|Display Manager - Display Creator properties]]

The Max Objects and Max Widgets properties define how many Objects (none touchable) and Widgets (touchable) items can be on any single layout. The default is 20 of each but increase these as required. You will be warned if you create a layout scene that requires more then you have allocated room for.

The Enable Callbacks property allows the touch callback feature on all the Graphical Manager Primitive components, turn this off if you are not using a touch feature or if you want to implement your own touch routines.

==A typical program==

Here is a very basic program to initialise the GLCD, the Display manager and then display the contents of the first layout scene panel.

[[File:WYSIWYG_3.png|Component and Layout scene panels]]

Here is the same program, this time with a touch enabled GLCD. We need to sample the touch sensor and then pass the coordinates to the Display Manager. If there is no touch then we also tell the Display Manager so it can update its touch repeat rate variables.

[[File:WYSIWYG_4.png|Component and Layout scene panels with touch]]

==Using the layout panels==

Display Creator

2025-10-27T13:44:45Z

BenR: /* A typical program */

Display Creator

2025-10-27T13:41:57Z

BenR: /* Setting up the Display Manager component */

File:WYSIWYG 2.png

2025-10-27T13:32:43Z

BenR:

File:WYSIWYG 1.png

2025-10-27T13:32:35Z

BenR:

Display Creator

2025-10-27T13:32:18Z

BenR:

GLCD

2025-10-27T13:31:24Z

BenR: /* Additional Libraries */

==Types of graphical display==

===Monochrome===

These displays are typically arrays of pixels that can be either switched on or off.

They tend to be fast to refresh and low cost but are limited in terms of what they can display.

Often there is no control over individual pixels, you have to set up to eight pixels in a single write operation. This can lead to problems if for example you only want to change the value of a single pixel as there is no way of knowing what the other pixel values were. To get around this there are buffered versions of some of the mono GLCD components that store all the pixel values in RAM and therefore allow you to have control over single pixels without causing corruption to other neighbouring pixels. A typical buffered display of 128 x 32 pixels would require ((128 x 32) / 8) = 512 Bytes of RAM.

===Colour===

These displays are typically arrays of pixels that have associated red, green and blue colour channels. Each colour channel will have a bit depth that dictates what resolution is available for that colour. A common colour bit depth is 565 where the red and blue colour channels have 5 bits (0-31) and the green colour channel has 6 bits (0-63), making a total of 16-bits that are easily transferred using two standard 8-bit byte transfers.

The GLCD component is aware of the colour depth of the display and will automatically convert and scale the assigned RGB colour byte (0-255) to the correct bit depth.

They tend to be slower to refresh due to the increased data per pixel and slightly higher cost but can display full colour images.

===Serial===

Serial displays have a pin for clock and a pin for data in. The data is transferred a single bit at a time by placing the data onto the data pin and then strobing the clock pin.

These types of display consume less pins of the host microcontroller but tend to be slower as you have to individually clock in each bit.

Often these types of display can be used with an SPI peripheral to help speed up the data flow into the display. This is because the SPI peripheral can often output data much faster then simple pin toggling.

On some microcontrollers the SPI can run much faster if you can give it a burst of data rather then byte by byte. For larger displays there are properties named Queue Fast Pixels and when enabled you can set how many pixels will be buffered and transferred in a single chunk.

===Parallel===

Parallel displays often have a number of data pins up to 8 or 16 and a single clock pin. The data is transferred in multiple bits at a time by placing the data onto the data pins and then strobing the clock pin.

Ideally when using parallel displays you would assign the data pins to a port of the microcontroller which then allows you to write to all the data pins in a single operation, significantly increasing the speed of sending data to the display.

The downside to this is you require a lot more connections to the host microcontroller.

===Other Control Pins===

The following pins are common and may or may not be available on your selected display.

====RS / DC / CD / RE / A0====

This pin can have several names register select (RS), data command (DC), command data (CD), register enable (RE), Address0 (A0). They all do the same thing and simply tell the display if you are transferring a register address or a data value.

====CS / CE====

The chip Select (CS) or chip enable (CE) pin is there to tell the display if you are talking to it. It is common practise to tie this to ground if the display is always enabled.

For systems where the display is on a shared SPI bus it is a requirement to use the CS pin to control when you are communicating to the display and when you are communicating with other equipment.

The display component properties let you determine if CS pin is used and if it is actively toggled.

'''UseCS = No''' - don't do anything with the CS pin, user must connect the display CS pin to Ground or manually control it themselves using output icons.

'''UseCS = Yes''' - '''ToggleCS = No''' - Pull the CS pin low during the component initialise (enabled) and then don't do anything else with the pin. Allows future flexibility but avoids slowdown due to no instructions for toggling the CS pin.

'''UseCS = Yes''' - '''ToggleCS = Yes''' - Pull the CS pin high during the component initialise (disabled) then automatically toggle the pin to enabled when communicating with the display before toggling back to disabled.

====Reset====

The reset pin is used to reset the display back to a known condition, essentially resetting all the registers back to factory default.

The reset pin can also help with noise on the clock pin before the display has been initialised.

The reset pin is automatically strobed during initialisation and then held high.

If you do not wish to connect the reset pin to the microcontroller then you can simply connect it to the VCC power rail and then change the UseReset property to No. If you're not using the reset pin then it is wise to add a pull up or pull down resistor on the clock pin to avoid the pin floating during startup.

===LED===

The LED pin is used to control the backlight of the display.

The display component simply allows you to switch the backlight on or off. For more control over the backlight we recommend using a PWM enabled output pin of the microcontroller and a [[Component:_ID_444fb704_814c_4707_a15c_759ba088505c|PWM Output]] component.

==Core Functions==

These functions are provided by the display component itself and are common to all graphical display components.

===Colours===

====Foreground colour====

The foreground colour is loaded with the colour from the display properties on calling the initialise function. It can then be overridden using the SetForegroundColour component macro.

This sets the colour of the foreground pixels for all proceeding objects E.g. Fonts shapes etc.

====Background colour====

The background colour is loaded with the colour from the display properties on calling the initialise function. It can then be overridden using the SetBackgroundColour component macro.

This sets the colour of the background pixels for all proceeding objects E.g. Fonts shapes etc.

===Pixel Based Routines===

====Plot====

Draws a single pixel at the provided X,Y coordinates in the foreground colour.

====BPlot====

Draws a single pixel at the provided X,Y coordinates in the background colour.

====Draw Line====

Draws a line with a width of a single pixel between coordinates X1,Y1 and X2,Y2 in the foreground colour.

===Advanced Drawing Routines===

====Draw Rectangle====

Draws a rectangle with square corners. X1,Y1 dictates the top left corner and X2,Y2 dictates the bottom right corner.

The rectangle outline will be drawn in the foreground colour with the width of a single pixel.

'''Transparent = 1''' - The inside of the rectangle will not be drawn.

'''Transparent = 0''' - '''Solid = 1''' - The inside of the rectangle will be filled with the foreground colour.

'''Transparent = 0''' - '''Solid = 0''' - The inside of the rectangle will be filled with the background colour.

====DrawArc====

Draws an arc either as an outline or as a filled object

'''X''' - Center X coordinate 

'''Y''' - Center Y coordinate 

'''Radius''' Radius, distance of edge from the centre coordinates

'''StartAngle''' - Angle to start drawing, in degrees

'''EndAngle''' - Angle to end drawing, in degrees

'''Resolution''' - Number of lines to draw from the center to the outer edge, 0=Fill

'''Transparent''' - Chooses the transparency - 0 = Arc contains background colour, 1 = Arc contains previous pixel data.

'''Solid''' - Chooses to fill with colour - 0 = Use Transparent Setting, 1 = Arc contains foreground colour.

====DrawCircle====

Draws a circle object on the display with the center of the circle at the location X,Y

'''X''' - X Coordinate for the center of the circle

'''Y''' - Y coordinate for the center of the circle

'''Radius''' - Radius of the circle specified in pixels

'''Transparent''' - 0=Fill inside circle using background colour / 1=Draw outer circle only

'''Solid''' - 0=Use Transparent Setting / 1=Fill with foreground colour

====DrawEllipse====

Draws an ellipse object on the display with the center of the ellipse at the location X,Y

'''X''' - X Coordinate for the center of the circle

'''Y''' - Radius of the circle on the X axis specified in pixels

'''YRadius''' - Radius of the circle on the Y axis specified in pixels

'''Transparent''' - 0=Fill inside circle using background colour / 1=Draw outer circle only

'''Solid''' - 0=Use Transparent Setting / 1=Fill with foreground colour

====DrawRoundedRectangle====

Draws a rectangle with rounded corners. X1,Y1 dictates the top left corner and X2,Y2 dictates the bottom right corner.

'''Radius'''

'''Transparent''' - Chooses the transparency of the box - 0 = Box contains background colour, 1 = Box contains previous pixel data.

'''Solid''' - Chooses to fill the box with colour - 0 = Box contains transparency data, 1 = Box contains foreground colour.

===Text Drawing Routines===

====Fonts====

Each display component can provide up to 4 individual fonts. These are fixed bitmaps of characters which allow the display to print text strings.

The number by the font name gives the height of the font in pixels. The larger the number the nicer and more defined the font will appear, however a larger font will require more ROM to store the character bitmaps.

Some fonts contain a full ASCII set allowing any printable ASCII character from 33 to 127 to be printed.

Some fonts contain a reduced ASCII set allowing for a large saving on ROM memory. These fonts have the word Number in the font name indicating they are only for displaying numeric values. These fonts also include a handful of other characters to allow time and date etc to be printed.

Each font can be printed in it's native size or multiplied up in width and or height to give a larger character that is double, triple, etc in size. Scaling up the font will result in a larger character but the character will become more blocky as the pixel size is increased. Where possible it's recommended to use an appropriate font size to allow the font to look good while allowing space in the ROM for your program.

Custom fonts are also available - see the section on custom fonts in additional libraries.

====Print====

This macro prints a string of characters to the Graphical LCD.

'''Str''' - String of characters to send to the display.

'''X1''' - X pixel coordinate to set the output string position.

'''Y1''' - Y pixel coordinate to set the output string position.

'''Font''' - Selects which Font to use Range''' 0 to Font Count

'''Transparent''' - Specifies if the background of the text is drawn - 0 = Background colour is drawn, 1 = Background colour not drawn.

====PrintNumber====

This macro prints a decimal number to the Graphical LCD.

'''Number''' - Byte or Integer number to send to the display.

'''X''' - X pixel coordinate to set the output string position.

'''Y''' - Y pixel coordinate to set the output string position.

'''Font''' - Selects which Font to use Range''' 0 to Font Count

'''Transparent''' - Specifies if the background of the text is drawn - 0 = Background colour is drawn, 1 = Background colour not drawn.

===Supplemental Routines===

====Initialise====

The Init macro must be called once to initialise the Graphical LCD display before any other Graphical LCD component macros are called.

This function does things like setup communications to the display, bring the display out of reset and apply the initial register setup to allow the display to function.

The macro ends by clearing the display in the specified background colour.

====ReadFontStat====

Gets a stat from the selected embedded ASCII font data.

'''Font''' - Font selection range''' 0 to (NumFonts - 1)

'''Index''' - 0=SpaceWidth, 1=PixelHeight

====ReadFontWidth====

Reads the number of pixel columns used in the selected font

'''Font''' - Font selection range''' 0 to (NumFonts - 1)

'''Character''' - ASCII character to get the pixel width e.g. 'A' or 65

====SetDisplayOrientation====

Controls the way data is printed out on the display allowing multiple different viewing orientations. Default is 0=Default, 1=90°CW, 2=180°CW, 3=270°CW.

====SetFontScaler====

Allows the fonts to be scaled up by multiplying the number of pixels on the X and Y. This allows you to get different generate characters in larger pixel sizes without consuming additional ROM memory.

'''ScaleX''' - Sets the horizontal scale of the font, default 1

'''ScaleY''' - Sets the vertical scale of the font, default 1

==Additional Libraries==

These functions are additional to the main display component and need to be linked to a valid graphical display component to function. Multiple GLCD library components can be linked to a single display.

===Images===

Images can be add to a gLCD via two components that can be linked to the display.

The images can be stored directly within ROM
[[Component: GLCD Bitmap Drawer ROM (Graphical Library)|GLCD Bitmap Drawer ROM]]

Or saved and read from a [[Component: GLCD Bitmap Drawer FAT (Graphical Library)|SD card]].

===Graphs===

Graphs that have x and y values set can be added by using [[Component: GLCD Graph Creator XY (Graphical Library)| GLCD Graph Creator XY]].

Alternatively if x is to remain a fixed period and only got a varying y value then you can use [[Component: GLCD Graph Creator (Graphical Library)|GLCD Graph Creator]].

===Touch===

For basic resistive touch screens that do not connect to an IC there is a [[Component:_Touch_Screen_(Resistive)_(Graphical_Library)|ResistiveTouch]].

For a 4-wire resistive touch screen there is a [[Component: Touch Screen (XPT2046) (Graphical Library)|Touch Screen (XPT2046) Component]].

For capacitive touchscreens are [[Component: Touch Screen (GT911) (Graphical Library)|Touch Screen (GT911) component]]
and [[Component:_Touch_Screen_(FT6X06)_(Graphical_Library)|Touch Screen (FT6X06) component]].

===Management===

For graphical display managmet e.g. adding sliders, buttons, getting touch ID etc there is the [[Component: Display Manager (Graphical Library)|Display Manager Component]] from the Graphical Library.

The image below shows the slider being moved to control the PWM duty - see Examples.

[[File:Graphical LCD Display Manager.png]]

===Display Creator===

To setup the graphical display in a graphical manner the display manager component also allows you to work in a [[Display_Creator|WYSIWYG - what you see is what you get]] type manner using the [[Display_Creator|Display Creator]] feature.

===Custom Fonts===

There are up to four different fonts packaged and used by the display for printing strings of characters. Each of these four fonts can be selected from a predefined drop down list.

If you wish to use a specific font that is not already included then you can use a custom font as detailed in the [[Component:_gLCD_Font_Library_(Graphical_Library)|gLCD Font Library]].

==Examples==

===Testcard Demo===

[[Examples_and_Tutorials#Programming_Touch_and_Graphical_Displays|gLCD demo - graphs and adding images to ROM]]

The example above will show on the graphical display

[[File:Testcard Demo.png]]

===FT6X06 Demo===

{{Fcfile|FT6X06_Demo.fcfx|FT6X06 Touch Demo}}

===Display Manager Demo===

{{Fcfile|DisplayManagerDemo.fcfx|Display Manager Demo}}

===Bitmap Drawer Demo===

Here is an example that will scan for bitmap files in the root of the SD card and display them on a graphical display.

{{Zip|BitmapDrawer_File_Demo.zip|Bitmap Drawer File Demo}}

The zip file contains the Flowcode project as well as some example bitmap image files taken from Pixabay.

Place the bitmap files in the same folder as the project file for the simulation to work.

Place the bitmap files on the root of the SD card for the embedded hardware to work.

===Changing the display===

If you want to replace the display in one of the examples with a different display type then information on how to do this can be found on the [[Replacing_a_Component|Replacing a Component]] page.

GLCD

2025-10-27T13:31:12Z

BenR: /* Display Creator */

Display Creator

2025-10-27T13:30:40Z

BenR: BenR moved page WYSIWYG to Display Creator

==What is WYSIWYG==

WYSIWYG = What You See Is What You Get

When creating Graphical Display layouts it can often become more and more complex to manage all the various coordinates and end up with a nice looking display layout.

A way to solve this problem is to allow the layout of the display to be defined graphically.

The display manager is capable of managing special scene component panels which can be used as placeholders that can show the layout of the screen and allow you to graphically create a design.

==Setting up the Display Manager component==

To begin simply add your selected GLCD component to the 2d panel and then add a display manager component.

The display manager component will automatically link to the GLCD and automatically create a single layout scene which will appear after a few seconds.

The display manager component has additional properties to allow you to add more scenes and define which scenes are used by the component. Increasing the number of scenes e.g. from 1 to 4 will automatically add more layout scenes to your project after a few seconds.

[[File:WYSIWYG_1.png|Component and Layout scene panels]]

[[File:WYSIWYG_2.png|Display Manager - Display Creator properties]]

The Max Objects and Max Widgets properties define how many Objects (none touchable) and Widgets (touchable) items can be on any single layout. The default is 20 of each but increase these as required. You will be warned if you create a layout scene that requires more then you have allocated room for.

==A typical program==

==Using the layout panels==

WYSIWYG

2025-10-27T13:30:40Z

BenR: BenR moved page WYSIWYG to Display Creator

#REDIRECT [[Display Creator]]

GLCD

2025-10-27T13:30:22Z

BenR: /* Additional Libraries */

==Types of graphical display==

===Monochrome===

These displays are typically arrays of pixels that can be either switched on or off.

They tend to be fast to refresh and low cost but are limited in terms of what they can display.

Often there is no control over individual pixels, you have to set up to eight pixels in a single write operation. This can lead to problems if for example you only want to change the value of a single pixel as there is no way of knowing what the other pixel values were. To get around this there are buffered versions of some of the mono GLCD components that store all the pixel values in RAM and therefore allow you to have control over single pixels without causing corruption to other neighbouring pixels. A typical buffered display of 128 x 32 pixels would require ((128 x 32) / 8) = 512 Bytes of RAM.

===Colour===

These displays are typically arrays of pixels that have associated red, green and blue colour channels. Each colour channel will have a bit depth that dictates what resolution is available for that colour. A common colour bit depth is 565 where the red and blue colour channels have 5 bits (0-31) and the green colour channel has 6 bits (0-63), making a total of 16-bits that are easily transferred using two standard 8-bit byte transfers.

The GLCD component is aware of the colour depth of the display and will automatically convert and scale the assigned RGB colour byte (0-255) to the correct bit depth.

They tend to be slower to refresh due to the increased data per pixel and slightly higher cost but can display full colour images.

===Serial===

Serial displays have a pin for clock and a pin for data in. The data is transferred a single bit at a time by placing the data onto the data pin and then strobing the clock pin.

These types of display consume less pins of the host microcontroller but tend to be slower as you have to individually clock in each bit.

Often these types of display can be used with an SPI peripheral to help speed up the data flow into the display. This is because the SPI peripheral can often output data much faster then simple pin toggling.

On some microcontrollers the SPI can run much faster if you can give it a burst of data rather then byte by byte. For larger displays there are properties named Queue Fast Pixels and when enabled you can set how many pixels will be buffered and transferred in a single chunk.

===Parallel===

Parallel displays often have a number of data pins up to 8 or 16 and a single clock pin. The data is transferred in multiple bits at a time by placing the data onto the data pins and then strobing the clock pin.

Ideally when using parallel displays you would assign the data pins to a port of the microcontroller which then allows you to write to all the data pins in a single operation, significantly increasing the speed of sending data to the display.

The downside to this is you require a lot more connections to the host microcontroller.

===Other Control Pins===

The following pins are common and may or may not be available on your selected display.

====RS / DC / CD / RE / A0====

This pin can have several names register select (RS), data command (DC), command data (CD), register enable (RE), Address0 (A0). They all do the same thing and simply tell the display if you are transferring a register address or a data value.

====CS / CE====

The chip Select (CS) or chip enable (CE) pin is there to tell the display if you are talking to it. It is common practise to tie this to ground if the display is always enabled.

For systems where the display is on a shared SPI bus it is a requirement to use the CS pin to control when you are communicating to the display and when you are communicating with other equipment.

The display component properties let you determine if CS pin is used and if it is actively toggled.

'''UseCS = No''' - don't do anything with the CS pin, user must connect the display CS pin to Ground or manually control it themselves using output icons.

'''UseCS = Yes''' - '''ToggleCS = No''' - Pull the CS pin low during the component initialise (enabled) and then don't do anything else with the pin. Allows future flexibility but avoids slowdown due to no instructions for toggling the CS pin.

'''UseCS = Yes''' - '''ToggleCS = Yes''' - Pull the CS pin high during the component initialise (disabled) then automatically toggle the pin to enabled when communicating with the display before toggling back to disabled.

====Reset====

The reset pin is used to reset the display back to a known condition, essentially resetting all the registers back to factory default.

The reset pin can also help with noise on the clock pin before the display has been initialised.

The reset pin is automatically strobed during initialisation and then held high.

If you do not wish to connect the reset pin to the microcontroller then you can simply connect it to the VCC power rail and then change the UseReset property to No. If you're not using the reset pin then it is wise to add a pull up or pull down resistor on the clock pin to avoid the pin floating during startup.

===LED===

The LED pin is used to control the backlight of the display.

The display component simply allows you to switch the backlight on or off. For more control over the backlight we recommend using a PWM enabled output pin of the microcontroller and a [[Component:_ID_444fb704_814c_4707_a15c_759ba088505c|PWM Output]] component.

==Core Functions==

These functions are provided by the display component itself and are common to all graphical display components.

===Colours===

====Foreground colour====

The foreground colour is loaded with the colour from the display properties on calling the initialise function. It can then be overridden using the SetForegroundColour component macro.

This sets the colour of the foreground pixels for all proceeding objects E.g. Fonts shapes etc.

====Background colour====

The background colour is loaded with the colour from the display properties on calling the initialise function. It can then be overridden using the SetBackgroundColour component macro.

This sets the colour of the background pixels for all proceeding objects E.g. Fonts shapes etc.

===Pixel Based Routines===

====Plot====

Draws a single pixel at the provided X,Y coordinates in the foreground colour.

====BPlot====

Draws a single pixel at the provided X,Y coordinates in the background colour.

====Draw Line====

Draws a line with a width of a single pixel between coordinates X1,Y1 and X2,Y2 in the foreground colour.

===Advanced Drawing Routines===

====Draw Rectangle====

Draws a rectangle with square corners. X1,Y1 dictates the top left corner and X2,Y2 dictates the bottom right corner.

The rectangle outline will be drawn in the foreground colour with the width of a single pixel.

'''Transparent = 1''' - The inside of the rectangle will not be drawn.

'''Transparent = 0''' - '''Solid = 1''' - The inside of the rectangle will be filled with the foreground colour.

'''Transparent = 0''' - '''Solid = 0''' - The inside of the rectangle will be filled with the background colour.

====DrawArc====

Draws an arc either as an outline or as a filled object

'''X''' - Center X coordinate 

'''Y''' - Center Y coordinate 

'''Radius''' Radius, distance of edge from the centre coordinates

'''StartAngle''' - Angle to start drawing, in degrees

'''EndAngle''' - Angle to end drawing, in degrees

'''Resolution''' - Number of lines to draw from the center to the outer edge, 0=Fill

'''Transparent''' - Chooses the transparency - 0 = Arc contains background colour, 1 = Arc contains previous pixel data.

'''Solid''' - Chooses to fill with colour - 0 = Use Transparent Setting, 1 = Arc contains foreground colour.

====DrawCircle====

Draws a circle object on the display with the center of the circle at the location X,Y

'''X''' - X Coordinate for the center of the circle

'''Y''' - Y coordinate for the center of the circle

'''Radius''' - Radius of the circle specified in pixels

'''Transparent''' - 0=Fill inside circle using background colour / 1=Draw outer circle only

'''Solid''' - 0=Use Transparent Setting / 1=Fill with foreground colour

====DrawEllipse====

Draws an ellipse object on the display with the center of the ellipse at the location X,Y

'''X''' - X Coordinate for the center of the circle

'''Y''' - Radius of the circle on the X axis specified in pixels

'''YRadius''' - Radius of the circle on the Y axis specified in pixels

'''Transparent''' - 0=Fill inside circle using background colour / 1=Draw outer circle only

'''Solid''' - 0=Use Transparent Setting / 1=Fill with foreground colour

====DrawRoundedRectangle====

Draws a rectangle with rounded corners. X1,Y1 dictates the top left corner and X2,Y2 dictates the bottom right corner.

'''Radius'''

'''Transparent''' - Chooses the transparency of the box - 0 = Box contains background colour, 1 = Box contains previous pixel data.

'''Solid''' - Chooses to fill the box with colour - 0 = Box contains transparency data, 1 = Box contains foreground colour.

===Text Drawing Routines===

====Fonts====

Each display component can provide up to 4 individual fonts. These are fixed bitmaps of characters which allow the display to print text strings.

The number by the font name gives the height of the font in pixels. The larger the number the nicer and more defined the font will appear, however a larger font will require more ROM to store the character bitmaps.

Some fonts contain a full ASCII set allowing any printable ASCII character from 33 to 127 to be printed.

Some fonts contain a reduced ASCII set allowing for a large saving on ROM memory. These fonts have the word Number in the font name indicating they are only for displaying numeric values. These fonts also include a handful of other characters to allow time and date etc to be printed.

Each font can be printed in it's native size or multiplied up in width and or height to give a larger character that is double, triple, etc in size. Scaling up the font will result in a larger character but the character will become more blocky as the pixel size is increased. Where possible it's recommended to use an appropriate font size to allow the font to look good while allowing space in the ROM for your program.

Custom fonts are also available - see the section on custom fonts in additional libraries.

====Print====

This macro prints a string of characters to the Graphical LCD.

'''Str''' - String of characters to send to the display.

'''X1''' - X pixel coordinate to set the output string position.

'''Y1''' - Y pixel coordinate to set the output string position.

'''Font''' - Selects which Font to use Range''' 0 to Font Count

'''Transparent''' - Specifies if the background of the text is drawn - 0 = Background colour is drawn, 1 = Background colour not drawn.

====PrintNumber====

This macro prints a decimal number to the Graphical LCD.

'''Number''' - Byte or Integer number to send to the display.

'''X''' - X pixel coordinate to set the output string position.

'''Y''' - Y pixel coordinate to set the output string position.

'''Font''' - Selects which Font to use Range''' 0 to Font Count

'''Transparent''' - Specifies if the background of the text is drawn - 0 = Background colour is drawn, 1 = Background colour not drawn.

===Supplemental Routines===

====Initialise====

The Init macro must be called once to initialise the Graphical LCD display before any other Graphical LCD component macros are called.

This function does things like setup communications to the display, bring the display out of reset and apply the initial register setup to allow the display to function.

The macro ends by clearing the display in the specified background colour.

====ReadFontStat====

Gets a stat from the selected embedded ASCII font data.

'''Font''' - Font selection range''' 0 to (NumFonts - 1)

'''Index''' - 0=SpaceWidth, 1=PixelHeight

====ReadFontWidth====

Reads the number of pixel columns used in the selected font

'''Font''' - Font selection range''' 0 to (NumFonts - 1)

'''Character''' - ASCII character to get the pixel width e.g. 'A' or 65

====SetDisplayOrientation====

Controls the way data is printed out on the display allowing multiple different viewing orientations. Default is 0=Default, 1=90°CW, 2=180°CW, 3=270°CW.

====SetFontScaler====

Allows the fonts to be scaled up by multiplying the number of pixels on the X and Y. This allows you to get different generate characters in larger pixel sizes without consuming additional ROM memory.

'''ScaleX''' - Sets the horizontal scale of the font, default 1

'''ScaleY''' - Sets the vertical scale of the font, default 1

==Additional Libraries==

These functions are additional to the main display component and need to be linked to a valid graphical display component to function. Multiple GLCD library components can be linked to a single display.

===Images===

Images can be add to a gLCD via two components that can be linked to the display.

The images can be stored directly within ROM
[[Component: GLCD Bitmap Drawer ROM (Graphical Library)|GLCD Bitmap Drawer ROM]]

Or saved and read from a [[Component: GLCD Bitmap Drawer FAT (Graphical Library)|SD card]].

===Graphs===

Graphs that have x and y values set can be added by using [[Component: GLCD Graph Creator XY (Graphical Library)| GLCD Graph Creator XY]].

Alternatively if x is to remain a fixed period and only got a varying y value then you can use [[Component: GLCD Graph Creator (Graphical Library)|GLCD Graph Creator]].

===Touch===

For basic resistive touch screens that do not connect to an IC there is a [[Component:_Touch_Screen_(Resistive)_(Graphical_Library)|ResistiveTouch]].

For a 4-wire resistive touch screen there is a [[Component: Touch Screen (XPT2046) (Graphical Library)|Touch Screen (XPT2046) Component]].

For capacitive touchscreens are [[Component: Touch Screen (GT911) (Graphical Library)|Touch Screen (GT911) component]]
and [[Component:_Touch_Screen_(FT6X06)_(Graphical_Library)|Touch Screen (FT6X06) component]].

===Management===

For graphical display managmet e.g. adding sliders, buttons, getting touch ID etc there is the [[Component: Display Manager (Graphical Library)|Display Manager Component]] from the Graphical Library.

The image below shows the slider being moved to control the PWM duty - see Examples.

[[File:Graphical LCD Display Manager.png]]

===Display Creator===

To setup the graphical display in a graphical manner the display manager component also allows you to work in a [[WYSIWYG|what you see is what you get]] type manner using the Display Creator feature.

===Custom Fonts===

There are up to four different fonts packaged and used by the display for printing strings of characters. Each of these four fonts can be selected from a predefined drop down list.

If you wish to use a specific font that is not already included then you can use a custom font as detailed in the [[Component:_gLCD_Font_Library_(Graphical_Library)|gLCD Font Library]].

==Examples==

===Testcard Demo===

[[Examples_and_Tutorials#Programming_Touch_and_Graphical_Displays|gLCD demo - graphs and adding images to ROM]]

The example above will show on the graphical display

[[File:Testcard Demo.png]]

===FT6X06 Demo===

{{Fcfile|FT6X06_Demo.fcfx|FT6X06 Touch Demo}}

===Display Manager Demo===

{{Fcfile|DisplayManagerDemo.fcfx|Display Manager Demo}}

===Bitmap Drawer Demo===

Here is an example that will scan for bitmap files in the root of the SD card and display them on a graphical display.

{{Zip|BitmapDrawer_File_Demo.zip|Bitmap Drawer File Demo}}

The zip file contains the Flowcode project as well as some example bitmap image files taken from Pixabay.

Place the bitmap files in the same folder as the project file for the simulation to work.

Place the bitmap files on the root of the SD card for the embedded hardware to work.

===Changing the display===

If you want to replace the display in one of the examples with a different display type then information on how to do this can be found on the [[Replacing_a_Component|Replacing a Component]] page.