Difference between revisions of "Components"

From Flowcode Help
Jump to navigationJump to search
 
(20 intermediate revisions by one other user not shown)
Line 1: Line 1:
 +
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__
 
__TOC__
  
Line 226: Line 235:
 
| colspan="3" align="center" style="background-color:#EAE1EA;" | LEDs
 
| colspan="3" align="center" style="background-color:#EAE1EA;" | LEDs
 
|-
 
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID bbfc7c9f_fa05_4257_849d_8601ff7dc1de|Chainable RGB LED v2.0 (Grove 104020048)]]
+
| 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:#e8ffec;" | 2d
+
| 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="80%" style="background-color:#e8ffec;" | [[Component: ID b07ae733_c144_4558_979a_be737044519c|LED Array]]
Line 234: Line 243:
 
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 6664b695_2a8f_4247_ae55_110b38270877|LED Bar v2.0 (Grove 104020006)]]
 
| 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="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:#e8ffec;" | [[Component: ID ef9cb184_0167_4d3e_a63b_6e0faad72391|LED Matrix]]
 
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ef9cb184_0167_4d3e_a63b_6e0faad72391|LED Matrix]]
Line 247: Line 259:
 
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
 
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
 
|-
 
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 12a23e2a_0b1e_427e_975a_f0b56d4a9483|RGB LED LP5030 LP5036]]
+
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 12a23e2a_0b1e_427e_975a_f0b56d4a9483|RGB LED LP5030 LP5036]]
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
+
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
 
|-
 
|-
 
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 284bf38b_0fe1_4a0b_ae43_e1784445821b|RGB LED SK6812 RGBW]]
 
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 284bf38b_0fe1_4a0b_ae43_e1784445821b|RGB LED SK6812 RGBW]]
Line 270: Line 282:
 
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
 
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
 
|-
 
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 50eddda0_73c3_4514_b2e0_7e33abeaa162|Grove I2C Motor Driver]]
+
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 50eddda0_73c3_4514_b2e0_7e33abeaa162|Grove I2C Motor Driver]]
| width="20%" align="center" style="background-color:#FFFFFF;" | both
+
| 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="80%" style="background-color:#e8fcff;" | [[Component: ID 15921536_cf92_4cd3_88e4_207c251ab775|Linear Actuator]]
Line 337: Line 352:
 
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
 
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
 
|-
 
|-
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ae5688c5_6bfc_4e62_aaf4_e9a56fb068f9|Starburst Display 2D]]
+
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ae5688c5_6bfc_4e62_aaf4_e9a56fb068f9|Starburst Display]]
 
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
 
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
 
|-
 
|-
Line 384: Line 399:
 
|-
 
|-
 
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b710c9a3_b93a_407d_81b2_190b5f6afdf1|GLCD (4D Picaso v2)]]
 
| width="80%" style="background-color:#e8ffec;" | [[Component: ID b710c9a3_b93a_407d_81b2_190b5f6afdf1|GLCD (4D Picaso v2)]]
 +
| 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="20%" align="center" style="background-color:#e8ffec;" | 2d
 
|-
 
|-
Line 523: Line 541:
 
|-
 
|-
 
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 7b198227_81d6_404c_a2d4_ce1e59ef84f8|GLCD Graph Creator XY]]
 
| 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="20%" align="center" style="background-color:#e8ffec;" | 2d
 
|-
 
|-
Line 600: Line 621:
 
|-
 
|-
 
| width="80%" style="background-color:#e8ffec;" | [[Component: ID caa29480_5f50_4c3b_8dac_22cfb8e36999|Pulse Oximeter (Max30100)]]
 
| 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_2755f2ee_60e0_4e4d_9bce_8bffb3a6a730|Temp / Humidity (AHT10)]]
 
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
 
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
 
|-
 
|-
Line 645: Line 669:
 
|-
 
|-
 
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 97e631c7_51d9_4482_9b65_481b390a686d|Thermocouple (MAX31855)]]
 
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 97e631c7_51d9_4482_9b65_481b390a686d|Thermocouple (MAX31855)]]
 +
| 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="20%" align="center" style="background-color:#e8ffec;" | 2d
 
|-
 
|-
Line 867: Line 894:
 
|-
 
|-
 
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a78483e1_b293_47e7_984c_55984fc93571|Base 64]]
 
| 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 9a2a044c_10f5_437c_b5fa_0ec949130f36|Linear Feedback Shift Register]]
 
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
 
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
 
|-
 
|-
Line 910: Line 940:
 
|-
 
|-
 
| colspan="3" align="center" style="background-color:#EAE1EA;" | DSP Inputs
 
| 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="80%" style="background-color:#e8ffec;" | [[Component: ID 3420d1ea_bc10_4727_8419_746101b8dc13|Input ADC]]
Line 921: Line 954:
 
|-
 
|-
 
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 8d6ffd33_4087_46b5_8dfd_f43513748755|Input Digital Pin]]
 
| 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="20%" align="center" style="background-color:#e8ffec;" | 2d
 
|-
 
|-
Line 927: Line 963:
 
|-
 
|-
 
| colspan="3" align="center" style="background-color:#EAE1EA;" | DSP Outputs
 
| 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="80%" style="background-color:#e8ffec;" | [[Component: ID e648c3de_ec39_4a3f_bbd9_46e45cce4a63|Level]]
Line 1,110: Line 1,149:
 
|-
 
|-
 
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2740a93b_32a9_48d1_8fc3_089d13b50bb5|IoT Made Easy]]
 
| 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="20%" align="center" style="background-color:#e8ffec;" | 2d
 
|-
 
|-
Line 1,138: Line 1,183:
 
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
 
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
 
|-
 
|-
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 0dde7075_368e_404c_9d88_d9c6bec55172|WLAN (EB069, WIZ610wi)]]
+
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 66990164_3c50_4960_916d_327737a7a093|WLAN (ESP-12S)]]
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
 
|-
 
| 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="20%" align="center" style="background-color:#e8ffec;" | 2d
 
|-
 
|-
Line 1,203: Line 1,245:
 
|-
 
|-
 
| width="80%" style="background-color:#e8ffec;" | [[Component: ID ea261653_86e2_4c37_94f6_4151b318c6f5|LoRa (LAMBDA SX1272)]]
 
| 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="20%" align="center" style="background-color:#e8ffec;" | 2d
 
|-
 
|-
Line 1,931: Line 1,976:
 
|-
 
|-
 
| width="80%" style="background-color:#e8ffec;" | [[Component: ID a78483e1_b293_47e7_984c_55984fc93571|Base 64]]
 
| 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 9a2a044c_10f5_437c_b5fa_0ec949130f36|Linear Feedback Shift Register]]
 
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
 
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
 
|-
 
|-
Line 1,968: Line 2,016:
 
|-
 
|-
 
| colspan="3" align="center" style="background-color:#EAE1EA;" | DSP Inputs
 
| 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="80%" style="background-color:#e8ffec;" | [[Component: ID 73c1c565_8d04_44dd_ab78_1997d5e3c641|Input CSV]]
Line 1,973: Line 2,024:
 
|-
 
|-
 
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c73d493a_b6a0_4dbe_b4b5_79648f67d11e|Input Digital]]
 
| 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="20%" align="center" style="background-color:#e8ffec;" | 2d
 
|-
 
|-
Line 1,979: Line 2,033:
 
|-
 
|-
 
| colspan="3" align="center" style="background-color:#EAE1EA;" | DSP Outputs
 
| 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="80%" style="background-color:#e8ffec;" | [[Component: ID e648c3de_ec39_4a3f_bbd9_46e45cce4a63|Level]]
Line 2,090: Line 2,147:
 
|-
 
|-
 
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 2740a93b_32a9_48d1_8fc3_089d13b50bb5|IoT Made Easy]]
 
| 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="20%" align="center" style="background-color:#e8ffec;" | 2d
 
|-
 
|-
Line 2,138: Line 2,201:
 
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
 
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
 
|-
 
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID c3e5eb13_e03d_4ca6_be4d_1c63ad107a35|Electrical Machines]]
+
| width="80%" style="background-color:#e8ffec;" | [[Component: ID c3e5eb13_e03d_4ca6_be4d_1c63ad107a35|Electrical Machines]]
| width="20%" align="center" style="background-color:#FFFFFF;" | both
+
| 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="80%" style="background-color:#e8ffec;" | [[Component: ID 4182ece3_6ad5_41d3_a0e2_31bc570806db|Formula AllCode API]]
Line 2,197: Line 2,260:
 
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eedbc87c_0433_4f67_86c5_a106439fc603|FTDI (FTD2XX)]]
 
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eedbc87c_0433_4f67_86c5_a106439fc603|FTDI (FTD2XX)]]
 
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
 
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
|-
 
| width="80%" style="background-color:#e8fcff;" | [[Component: ID 563f8662_1205_4508_9e07_0b54471683f3|K8055D]]
 
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
 
 
|-
 
|-
 
|}
 
|}
Line 2,305: Line 2,365:
 
|-
 
|-
 
| width="80%" style="background-color:#e8ffec;" | [[Component: ID eca89720_1386_4589_ab75_6c0425162b91|Temp / Humidity (Grove 101020212)]]
 
| 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_2755f2ee_60e0_4e4d_9bce_8bffb3a6a730|Temp / Humidity (AHT10)]]
 
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
 
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
 
|-
 
|-
Line 2,329: Line 2,392:
 
|-
 
|-
 
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 97e631c7_51d9_4482_9b65_481b390a686d|Thermocouple (MAX31855)]]
 
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 97e631c7_51d9_4482_9b65_481b390a686d|Thermocouple (MAX31855)]]
 +
| 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="20%" align="center" style="background-color:#e8ffec;" | 2d
 
|-
 
|-
Line 2,386: Line 2,452:
 
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
 
| width="20%" align="center" style="background-color:#e8ffec;" | 2d
 
|-
 
|-
| width="80%" style="background-color:#FFFFFF;" | [[Component: ID 50eddda0_73c3_4514_b2e0_7e33abeaa162|Grove I2C Motor Driver]]
+
| width="80%" style="background-color:#e8ffec;" | [[Component: ID 50eddda0_73c3_4514_b2e0_7e33abeaa162|Grove I2C Motor Driver]]
| width="20%" align="center" style="background-color:#FFFFFF;" | both
+
| 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="80%" style="background-color:#e8ffec;" | [[Component: ID 76bb1b8c_43da_48d3_b53f_a9907f03a528|IO Expander (MCP23017)]]
Line 2,539: Line 2,605:
 
| width="80%" style="background-color:#e8fcff;" | [[Component: ID component:textbox|Text box]]
 
| width="80%" style="background-color:#e8fcff;" | [[Component: ID component:textbox|Text box]]
 
| width="20%" align="center" style="background-color:#e8fcff;" | 3d
 
| 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 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 2e5d477d_7e43_4691_95e1_becf96fed02d|Object Helper]]
 +
| 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 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
 +
|-
 +
|}
 +
</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: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 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
 
|-
 
|-
 
|}
 
|}

Latest revision as of 10:25, 2 October 2024

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.

Embedded Components

Segment
4-Digit Display (Grove 104030003) 3d
4-Digit Display (Grove 104030003) 2D 2d
7Segment (74HC595) 3d
7Segment (74HC595) 2D 2d
7Segment (Hex TM1637) 3d
7Segment (Hex TM1637) 2D 2d
7Segment (Quad TM1637) 3d
7Segment (Quad TM1637) 2D 2d
7Segment (Quad) 3d
7Segment (Quad) 2D 2d
7Segment (Single) 3d
7Segment (Single) 2d
Starburst Display 3d
Starburst Display 2d
Alphanumeric
LCD (Adafruit, 16x2) 2d
LCD (Adafruit, 20x4) 2d
LCD (Generic, 16x2) 2d
LCD (Generic, 20x4) 2d
LCD (Generic, Configurable) 2d
LCD (Grove - I2C) 2d
LCD (Grove - UART) 2d
LCD (ST7032i) 2d
LCD I2C (Backpack) 2d
LCD I2C (LCM1602) 2d
LCD SPI (MiniClick) 2d
Graphical Color
GLCD (4D Goldelox) 2d
GLCD (4D Picaso v1) 2d
GLCD (4D Picaso v2) 2d
GLCD (GC9A01A SPI) 2d
GLCD (ILI9163C) 2d
GLCD (ILI9341 SPI) 2d
GLCD (ILI9341) 2d
GLCD (ILI9488 SPI) 2d
GLCD (ILI9488) 2d
GLCD (LS020) 2d
GLCD (SSD1289) 2d
GLCD (SSD1331) 2d
GLCD (SSD1351 SPI) 2d
GLCD (SSD1351) 2d
GLCD (SSD1963) Parallel 2d
GLCD (ST7789V) 2d
GLCD (ST7796 SPI) 2d
GLCD (STM32F429ZI) 2d
GLCD (STM32F469NI) 2d
GLCD (STM32F746NG) 2d
Nextion Display 2d
Raspberry Pi HDMI 2d
Graphical Monochrome
GLCD (Grove OLED) 2d
GLCD (KS0108) 2d
GLCD (PDC8544) 2d
GLCD (SH1106) I2C 2d
GLCD (SH1106) SPI 2d
GLCD (SSD1305) 2d
GLCD (SSD1305) Buffered 2d
GLCD (SSD1306) 2d
GLCD (SSD1306) Buffered 2d
GLCD (SSD1306) I2C 2d
GLCD (SSD1322) Buffered 2d
GLCD (SSD1322) Parallel 2d
GLCD (SSD1327) I2C 2d
GLCD (SSD1327) SPI 2d
GLCD (ST7036) I2C 2d
GLCD (ST7565R) Parallel 2d
GLCD (ST7565R) SPI 2d
GLCD (ST7920) Parallel 2d
GLCD (T6963C) 2d
GLCD (TLS8201) 2d
GLCD (UC1701) 2d
GLCD eINK (IL3829) 2d
Graphical Library
Display Manager 2d
GLCD Bitmap Drawer FAT 2d
GLCD Bitmap Drawer ROM 2d
GLCD Graph Creator 2d
GLCD Graph Creator XY 2d
GLCD QR Code Generator 2d
GLCD Textfield 2d
ResistiveTouch 2d
Touch Screen (FT6X06) 2d
Touch Screen (GT911) 2d
Touch Screen (XPT2046) 2d
Audio
Heelight Sensor (Grove 101020312) 2d
Sound Sensor (Grove 101020023) 2d
Ultrasonic (HCSR04) 2d
Ultrasonic Ranger (Grove 101020010) 2d
Electrical
Current Sensor (ACS7xx) 2d
Energy Monitor (PZEM-004T) 2d
LTSR Current Transducer 2d
Environmental
Air Quality (BME688) 2d
Analogue Temp Sensors 2d
Barometer (BME280) 2d
Barometer (BMP180) 2d
Barometer (BMP280 / Grove 101020192) 2d
Barometer (DPS310) 2d
Barometer (MS5637) 2d
Magnetometer (BMM150) 2d
Pulse Oximeter (Max30100) 2d
Temp / Humidity (AHT10) 2d
Temp / Humidity (DHT11) 2d
Temp / Humidity (DHT22) 2d
Temp / Humidity (Grove 101020019) 2d
Temp / Humidity (Grove 101020212) 2d
Temp / Humidity (HTS221) 2d
Temp / Humidity (SHT21) 2d
Temp / Humidity (SHT31) 2d
Temperature (DS1822) 2d
Temperature (DS18B20) 2d
Temperature (DS18S20) 2d
Temperature (LM75B) 2d
Temperature Infrared (Grove 101020062) 2d
Temperature Sensor (Grove 101020015) 2d
Thermistor 2d
Thermocouple (MAX31855) 2d
Thermocouple (MAX31856) 2d
Thermocouple (MCP960X) 2d
Water Sensor (Grove 101020018) 2d
Force
Load Cell (HX711) 2d
Light
Ambient Light 2d
Beam Breaker 3d
Colour Sensor 3d
Colour Sensor (Grove 101020341) 3d
Infrared Array AMG88xx 2d
Infrared Reflective Sensor (Grove 101020174) 3d
Light Sensor (Grove 101020132) 2d
PIR Motion (Grove 101020020) 2d
Photo Reflector 3d
Photo Reflector 2D 2d
Photo Transistor 3d
Photo Transistor 2D 2d
Range Time of Flight (VL53L0X) 2d
Magnetic
Hall Effect Analog 2d
Hall Effect Digital 3d
Reed Switch 3d
Movement Orientation
Accel / Gyro / Mag 9-Axis (LSM9DS1) 2d
Accel / Gyro / Mag 9-Axis (MPU9250) 2d
Accel / Gyro 6-Axis (Grove 105020012) 2d
Accel / Gyro 6-Axis (MPU-6050) 2d
Accel / Gyro 6-Axis (MPU-6886) 2d
Accel / Mag 6-Axis (LSM303D) 2d
Accel / Mag 6-Axis (LSM303DLHC) 2d
Accelerometer 3-Axis (LIS3DHTR) 2d
Accelerometer 3-Axis (LIS3LV02DQ) 2d
Accelerometer 3-Axis (MMA8452Q) 2d
Gyroscope 3-Axis (L3G4200D) 2d
Gyroscope 3-Axis I2C (L3GD20) 2d
Gyroscope 3-Axis SPI (L3GD20) 2d
Magnetometer (SM324) 2d
Magnetometer 3-Axis (HMC5883L) 2d
Magnetometer 3-Axis (QMC5883L) 2d
Wii Nunchuk 2d
Comms: Interface
CAN (Internal, MCP2515) 2d
I2C Master 2d
I2C Slave 2d
I2S Master/Slave ESP32 2d
LIN Master 2d
LIN Slave 2d
MULTIUART 2d
One Wire 2d
One Wire (DS2482) 2d
SPI Master 2d
SPI Slave 2d
UART (RS232) 2d
UART Software (Timer) 2d
Comms: System
DALI Master 2d
DALI Slave 2d
DMX-512 Master 2d
DMX-512 Slave 2d
I2C Multiplexer (TCA9548A) 2d
J1939 Automotive Node 2d
MIDI 2d
Modbus Master 2d
Modbus Slave 2d
Modbus Slave USB 2d
Modbus TCP Master 2d
Modbus TCP Slave 2d
OBD2 ECU (Server) 2d
Visi (4DSystems) 2d
Comms: IoT/Cloud
BBC News 2d
BBC Weather Forecast 2d
BBC Weather Observation 2d
EtherCAT Slave (EasyCAT) 2d
IoT Made Easy 2d
JSON Decoder 2d
JSON Encoder 2d
MQTT Client 2d
Comms: Networking
Hydro Encryption 2d
Network Communications 2d
TCP/IP (ENC28J60) 2d
TCP/IP (NM7010A) 2d
TCP/IP (Raspberry Pi) 2d
TCP/IP (W5500) 2d
TCP/IP (WIZ810MJ W5100) 2d
WLAN (ESP-12S) 2d
WLAN (ESP32) 2d
WLAN (ESP8266) 2d
Webserver (GENERIC - Flash / File) 2d
Webserver (NM7010A) 2d
Webserver (W5500) 2d
Webserver (WIZ810MJ) 2d
Comms: USB
USB HID 2d
USB MIDI 2d
USB Serial 2d
USB Slave 2d
Wireless
Bluetooth (EB024, Generic AT) 2d
Bluetooth (ESP32 SPP) 2d
Bluetooth (HC05 / HC06) 2d
Bluetooth (RN4677) 2d
Bluetooth v2 (EB024, Generic AT) 2d
GPS (EB056, Generic NMEA) 2d
GSM (EB066, Generic AT) 2d
IrDA (EB012, MCP1250, MCP2120) 2d
LoRa (LAMBDA SX1272) 2d
RC5 (EB060, Generic 36KHz) 2d
RF ISM (EB063, MRF49XA) 2d
RF Transceiver (nRF24L01) 2d
RFID (EB052, RWD-MICODE) 2d
RFID (MFRC522) 2d
RFID (Sparkfun Quiic / ID-12LA) 2d
SRF (WirelessThings) 2d
Zigbee (EB051, XBEE) 2d
Primitives (2d)
Base Chart 2d
Button 2d
Canvas 2d
ComboBox 2d
Complex Shape 2d
Connection 2d
EditBox 2d
Gauge 2d
Grid 2d
Image 2d
Line 2d
Numeric Indicator 2d
Shape 2d
Switch 2d
Text 2d
Primitives (3d)
3D Panel Measurement Tool 3d
Label 3d
Shape 3d
Text box 3d

App Developer Components

API Audio
DFPlayer (MP3 / WAV) 2d
Heelight Sensor (Grove 101020312) 2d
API Comms
CAN (Internal, MCP2515) 2d
I2C Master 2d
J1939 Automotive Node 2d
MULTIUART 2d
OBD2 ECU (Server) 2d
One Wire (DS2482) 2d
RFID (Sparkfun Quiic / ID-12LA) 2d
SPI Master 2d
UART (RS232) 2d
API Display
GLCD (Grove OLED) 2d
GLCD (SH1106) I2C 2d
GLCD (SSD1306) I2C 2d
GLCD (SSD1327) I2C 2d
GLCD (ST7036) I2C 2d
LCD (Grove - I2C) 2d
LCD (Grove - UART) 2d
LCD I2C (Backpack) 2d
LCD I2C (LCM1602) 2d
LCD SPI (MiniClick) 2d
API Environmental
Air Quality (BME688) 2d
Barometer (BME280) 2d
Barometer (BMP180) 2d
Barometer (BMP280 / Grove 101020192) 2d
Barometer (DPS310) 2d
Barometer (MS5637) 2d
Magnetometer (BMM150) 2d
Pulse Oximeter (Max30100) 2d
Temp / Humidity (Grove 101020212) 2d
Temp / Humidity (AHT10) 2d
Temp / Humidity (HTS221) 2d
Temp / Humidity (SHT21) 2d
Temp / Humidity (SHT31) 2d
Temperature (DS1822) 2d
Temperature (DS18B20) 2d
Temperature (DS18S20) 2d
Temperature (LM75B) 2d
Thermocouple (MAX31855) 2d
Thermocouple (MAX31856) 2d
Thermocouple (MCP960X) 2d
API Electrical
Energy Monitor (PZEM-004T) 2d
API IO
ADC (AD7680) 2d
ADC (MCP356X) 2d
ADC QUAD + DAC (PCF8591) 2d
DAC (AD5662) 2d
DAC (MCP4725) 2d
DAC (MCP47x6) 2d
DAC (MCP48x1) 2d
DAC (MCP49x1) 2d
DAC Dual (MCP48x2) 2d
DAC Dual (MCP49x2) 2d
DAC Quad (MCP4728) 2d
Digital Potentiometer (MCP41XX / MCP42XX) 2d
Digital Potentiometer (MCP41XXX / MCP42XXX) 2d
Digital Potentiometer (MCP44XX) 2d
Digital Potentiometer (MCP45XX / MCP46XX) 2d
Grove I2C Motor Driver 2d
IO Expander (MCP23017) 2d
IO Expander (MCP23S17) 2d
IO Expander (PCF8574) 2d
IO Expander (PCF8575) 2d
Joystick (Sparkfun Quiic) 3d
Joystick (Sparkfun Quiic) 2D 2d
PWM 16CH 12Bit (PCA9685) 2d
API Light
Ambient Light 2d
Colour Sensor (Grove 101020341) 3d
Infrared Array AMG88xx 2d
Range Time of Flight (VL53L0X) 2d
API Movement Orientation
Accel / Gyro / Mag 9-Axis (LSM9DS1) 2d
Accel / Gyro / Mag 9-Axis (MPU9250) 2d
Accel / Gyro 6-Axis (Grove 105020012) 2d
Accel / Gyro 6-Axis (MPU-6050) 2d
Accel / Gyro 6-Axis (MPU-6886) 2d
Accel / Mag 6-Axis (LSM303D) 2d
Accel / Mag 6-Axis (LSM303DLHC) 2d
Accelerometer 3-Axis (LIS3DHTR) 2d
Accelerometer 3-Axis (LIS3LV02DQ) 2d
Accelerometer 3-Axis (MMA8452Q) 2d
Gyroscope 3-Axis (L3G4200D) 2d
Gyroscope 3-Axis I2C (L3GD20) 2d
Gyroscope 3-Axis SPI (L3GD20) 2d
Magnetometer (SM324) 2d
Magnetometer 3-Axis (HMC5883L) 2d
Primitives (2d)
Base Chart 2d
Button 2d
Canvas 2d
ComboBox 2d
Complex Shape 2d
Connection 2d
EditBox 2d
Gauge 2d
Grid 2d
Image 2d
Line 2d
Numeric Indicator 2d
Shape 2d
Switch 2d
Text 2d
Primitives (3d)
3D Panel Measurement Tool 3d
Label 3d
Shape 3d
Text box 3d

Web Developer Components