[Extension] Dynamic graph. Shift left graph. Sinusoidal wave. Bluetooth

Juan_Antonio · November 22, 2021, 11:26am

Hello friends,

this extension is about drawing a dynamic graph, which scrolls to the left.
sin1

in this post we have a code to draw a dynamic graph:
https://groups.google.com/forum/#!category-topic/mitappinventortest/general-questions-about-app-inventor-programming/fNQVDN-GPIY
In this topic I simplified that code and made several examples:
Dynamic graph. Sinusoidal wave. Shift left graph
Now this extension performs the same effect.

Blocks:

You can download the extension from:
http://kio4.com/appinventor/299H_extension_GraficoDinamico.htm
Updated 2021/11/23

Juan_Antonio · November 22, 2021, 11:26am

Juan_Antonio · November 22, 2021, 11:27am

1.- Creation of graph with random values. Shift to the left.

p299Hi_GraficoDinamico.aia (10.7 KB)

Juan_Antonio · November 22, 2021, 11:27am

2.- Creation of sinusoidal graph. Shift to the left.

p299Hi_GraficoDinamico_2.aia (10.9 KB)

Look at the properties of the extension.
MaxValue: 1000
MinValue: -1000

Juan_Antonio · November 22, 2021, 11:28am

3.- Arduino. Bluetooth Potentiometer.

p299Hi_GraficoDinamico_3.aia (11.4 KB)

Arduino sends the value of a potentiometer over Bluetooth.

// Juan A. Villalpando
// http://kio4.com/appinventor/299H_extension_GraficoDinamico.htm

int value_pot0;

void setup() { 
  Serial.begin(9600);
}

void loop() { 
    value_pot0 = analogRead(A0);
    // value_pot0 = (int) random(0,1023);
    Serial.println(value_pot0);
    delay(100); // It should be slower than the Clock Interval.
}

Juan_Antonio · November 22, 2021, 12:22pm

Juan_Antonio · November 23, 2021, 11:39am

4.- Creation of two graphs with random values. Shift to the left.

p299Hi_GraficoDinamico_4.aia (11.4 KB)

SRIKAR_B.S.S · November 23, 2021, 11:45am

Great Extension @Juan_Antonio

BTW , is this HC-05 bluetooth module?

Actually if its a HC-05 module it, there is KEY pin , it looks like a different variant of it...

Juan_Antonio · November 23, 2021, 12:08pm

HC-05 and HC-06 here

uskiara · November 23, 2021, 12:38pm

Great job Juan Antonio !!!
To do the same I was using a canvas split in two sections (a left one , mirroring the right one) but the effect was not continuous like yours (i.e. such as a scrolling track on an oscilloscope). Thanks a lot: this will be a big improvement in my "digital HUD" for my old convertible.
Cheers, Ugo.

ABG · November 23, 2021, 2:32pm

(added to FAQ)

sarkar · December 6, 2021, 4:47am

Amazing job @Juan_Antonio!
I have implemented similar moving real-time graphs using the timers and recursive draw functions, but this extension would make the process so easier!

Juan_Antonio · December 20, 2021, 7:24pm

5.- Screen1 to connect. Screen2 to view data.

p299H_GraficoDinamico_5.aia (12.6 KB)

The application must be installed

Screen1 to select and connect Bluetooth.
Screen2 to view data graphic with an extension.
We can go from one Screen to another without losing the connection.

Screen1.

Screen2.

// Juan A. Villalpando
// http://kio4.com/appinventor/299H_extension_GraficoDinamico.htm

#include <SoftwareSerial.h>
SoftwareSerial BT(2,3);

String texto = "";

void setup(){
 BT.begin(9600);
 Serial.begin(9600);
}
 
void loop(){
  // Send random every 800 ms.
  delay(800);
  texto = (String) random(0,1000);
  // Serial.println(texto);
  texto = texto + '\n';
  BT.write(texto.c_str());

  // If receive BT, write.    
  if(BT.available()) {
    Serial.write(BT.read());
    }

  // If Serial Monitor, send data by BT
  if(Serial.available()){
    texto = Serial.readStringUntil('\n');
    texto = texto + '\n';
    BT.write(texto.c_str());}
}

Sketch sends random every 800 ms. by BT.
You can write a number on Serial Monitor and send it by BT.
You can write a text in the app and send it to Arduino by BT (check Serial Monitor).

ABG · December 20, 2021, 9:48pm

(added to FAQ)