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

[Juan_Antonio]

Hello friends,

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

• 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]

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

p299Hi_GraficoDinamico.aia (10.7 KB)

[Juan_Antonio]

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]

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]

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

p299Hi_GraficoDinamico_4.aia (11.4 KB)

[SRIKAR_B.S.S]

Great Extension @Juan_Antonio

BTW , is this HC-05 bluetooth module?

@Juan_Antonio

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

[Juan_Antonio]

@SRIKAR_B.S.S

HC-05 module

HC-05 and HC-06 here

HC-05 Bluetooth. Arduino. Change baud rate 38400. Send random to app

Hello friends, To carry out applications with Bluetooth between Arduino and App Inventor, the HC-06 module is usually used. This module can only work as a client, enough for most of the projects that you will see in the tutorials, it is the most used and recommended. [bluetooth1] Another similar module is the HC-05, this can function as a server or a client. You may have to set the speed using AT commands to adapt it to App Inventor. It comes with 38400 baud and you will have to change it to…

[uskiara]

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]

(added to FAQ)

FAQ Section: Charts and Graphs

Chart..js examples / Spanish / Juan Antonio ChartMaker Extension - Kager & Manning ChartMaker extension decoded - TimAI2 [Free] ChartMakerPlus - an extension to make google charts - TimAI2 Donut/Pie/Radar graphs - Alejo Arué Ocampo Dynamic graph, sinusoidal wave, shift left graph - Juan Antonio Dynamic Graph Extension - Juan_Antonio Gauge Charts Google Sheet Pie Chart Image - TimAI2 How to generate an animated Pie Chart using the Chart.js library Line Graphs using Blocks - Ryan Cheung …