Displaying the Graph

Published September 20, 2018 © GPL3+

Temperature Plot Using Processing and Arduino

The main aim of this project is to show how to plot a variable graph using processing environment and Arduino.

IntermediateFull instructions provided6,804

Temperature Plot Using Processing and Arduino

Story

The plotting of data on a graph is used to observe and subsequently describe the visible patterns that exist within the data. The main aim of this project is to show, how to plot a variable graph using processing environment and Arduino. In this article temperature is plotted on the processing graph. Processing environment is quite similar to Arduino but the difference is that in the former we can plot the graph whereas in the latter we can’t plot any type of graph. Processing Environment is very useful in cases of plotting Analog graphs.

Here we are going to discuss plotting temperature graph on computer or laptop using Processing Environment and Arduino. Circuit of reading temperature is very simple. In this system only one circuit LM35 temperature Detector / Reader is used and directly connected with Analog pin number A0 of Arduino. And a 16x2 LCD is connected with this circuit for displaying temperature. See the block diagram given below to understand the working of this project.

From Arduino, we just read Analog output of temperature sensor and after some calculations Arduino sends data for Processing by using FTDI basic breakout. But you can use any of TTL logic converters to communicate with Desktop or Laptop with Arduino. But in Arduino UNO, there is no need of any other external converter because Arduino UNO Board is already configured with logic converter. But if you have Arduino UNO at home or lab then you should have a TTL Logic Converter.

Displaying the Graph

The formula for calculation of temperature given below:

Temperature= Analog reading * (5.0/1023.0) * 100;

Processing: Processing is an Environment like Arduino. In Arduino we uses

Temperature= Analog reading * (5.0/1023.0) * 100;

Processing: Processing is an Environment like Arduino. In Arduino we use

Void setup()

{

}

Void loop()

{

}

But in processing we use

Void setup()

{

}

And

Void draw()

{

// main program;

}

Line (x1, y1, x2, y2)

This function is used for plotting line on graph. The trace in graph is also plotted by using this function.

Where:

X1 is starting point in x direction on graph.

Y1 is starting point in y direction on graph.

X1 is ending point in x direction on graph.

Y1 is ending point in y direction

Font and Text

By using text function we can plot text on graph window.

Text(“text”, x, y);

Where:

Text= text as you want to plot.

X = position of text in x direction.

Y = position of text in y direction.

Port

myPort = new Serial(this, Serial.list()[0], 9600);

selecting port

where:

serial.list()[0] Port

9600 is baud rate

Circuit

Please refer to the circuit diagram tab for circuit of this project

Components Used

1. Arduino

2. Processing software (Environment)

3. LM35

4. Power supply

5. Connecting wires

6. FTDI breakout

7. 16x2 LCD

8. POT

9. Computer/Laptop

10.Solder Iron

Temperature Plot Using Processing - Code.rar

Code

Temperature Plot Using Processing and Arduino

// Arduino Code

#include<LiquidCrystal.h>
#define sensor A0
float analog_value;
LiquidCrystal lcd(2,3,4,5,6,7);

byte degree[8] =
              {
                0b00011,
                0b00011,
                0b00000,
                0b00000,
                0b00000,
                0b00000,
                0b00000,
                0b00000
              };

void setup()
{
   lcd.createChar(1, degree);
  lcd.begin(16,2);
  Serial.begin(9600);
  pinMode(sensor, INPUT);
 
  lcd.setCursor(0,0);
  lcd.print("Temperature Plot");
  lcd.setCursor(0,1);
  lcd.print("Using Proccesing");
  delay(2000);
  lcd.clear();
  lcd.setCursor(0,0);
  lcd.print(" By Saddam Khan ");
  lcd.setCursor(0,1);
  lcd.print("ENGINEERS GARAGE");
  delay(2000);
  lcd.clear();
}

void loop()
{
  float reading=analogRead(sensor);
  analog_value=reading*(5.0/1023.0)*100;
 
  lcd.setCursor(0,0);
  lcd.print("  Temperature  ");
  lcd.setCursor(4,1);
  lcd.print(analog_value);
  lcd.write(1);
  lcd.print("C");
  Serial.println(analog_value);
  delay(700);
}



// ------------------------------------------------------------------------------------
// Processing Code

 import processing.serial.*;
 PFont f;
 PFont F;
 Serial myPort;        // The serial port
 int xPos = 40;         // horizontal position of the graph
 
 void setup () {
 // set the window size:  and Font size
 f = createFont("Arial",12,true);
 F = createFont("Arial",24,true);
 size(700, 600);        
 
 // List all the available serial ports
 println(Serial.list());
 myPort = new Serial(this, Serial.list()[0], 9600);
  myPort.bufferUntil('\n');
 // set inital background:
 background(70);
 }
 void draw () 
 {
   // everything happens in the serialEvent()
 }
 
 void serialEvent (Serial myPort) {
 // get the ASCII string:
 String inString = myPort.readStringUntil('\n');
 
 if (inString != null) {
 // trim off any whitespace:
 
 print("Temperature: ");
 print(inString);
 println("Degree Celcius");
 inString = trim(inString);
 
 // convert to an int and map to the screen height:
 float inByte = float(inString+(char)9); 
 inByte = map(inByte, 0,117, 0, height);
 
 println(inByte);
 
  stroke(175);                       // temperature line
  line(40,height-40,40,0);
  
  stroke(175);                          // Time line
  line(40,height-40,width,height-40);
  
  stroke(100,100,255);                          // 30 degree line
  line(40,height-194,width,height-194);
 
 stroke(100,100,255);                          // 60 degree line
  line(40,height-344,width,height-344);
 
  textFont(F);       
  fill(255);
 
 textAlign(RIGHT);
  text("Temperature Plot Using Proccessing",680,40); 
  
  textAlign(RIGHT);
  text("And Arduino By Saddam Khan",653,70); 
  
  textAlign(RIGHT);
  text("Engineers Garage",580,100); 
 
   textAlign(RIGHT);
  text("TEMP",70,40);                         
  
  textAlign(RIGHT);
  text("TIME --->",650,580);    
  
  
  
   textAlign(RIGHT);
  text(inString,500,200);
 
   textAlign(RIGHT);
  text(" Degree Celsuis",560,230);
  
  
  fill(0);
 // int j;
  stroke(255);   
  for(int j=500;j>430;j--)
  {
  line(j,height-398,j,height-425);
  }
  stroke(0,0,0);
  textAlign(RIGHT);
  text(inString,495,200); 
 
  
 fill(240);
 textFont(f); 
 
  textAlign(RIGHT);
  text("(In Degree)",140,40); 
  
  textAlign(RIGHT);                 // 100 degree
  text("100 -",40,60);
  
   textAlign(RIGHT);                // 90 degree
  text("90 -",40,110);
  
   textAlign(RIGHT);                // 80 degree
  text("80 -",40,160);
  
   textAlign(RIGHT);                 // 70 degree
  text("70 -",40,210);
  
   textAlign(RIGHT);                // 60 degree
  text("60 -",40,260);
  
   textAlign(RIGHT);               // 50 degree
  text("50 -",40,310);
  
   textAlign(RIGHT);                 // 40 degree
  text("40 -",40,360);
  
   textAlign(RIGHT);
  text("30 -",40,410);
  
   textAlign(RIGHT);
  text("20 -",40,460);
  
   textAlign(RIGHT);
  text("10 -",40,510);
  
  textAlign(RIGHT);
  text("0 -",40,560);
 
 /*---- scale between 30 degree to 40 degree------*/
  
  textAlign(RIGHT);
  text("   -",40,370);
  
  textAlign(RIGHT);
  text("   -",40,380);
  
  textAlign(RIGHT);
  text("   -",40,390);
  
  textAlign(RIGHT);
  text("   -",40,400);
  
 // textAlign(RIGHT);
 // text("0 -",40,360);
 
 // draw the line:
 int shift=40;            // set trace origin
 stroke(255,0,0);              // trace colour
 for(int i=0;i<2;i++)
 {
// line(xPos, height-inByte-1, xPos, height - inByte);
   line(xPos, height-inByte-(shift+2), xPos, height-inByte-shift);
   xPos++;
 }
 if (xPos >= width)         //  go back to begining
 {
 xPos = 40;
 background(100); 
 } 
 }
 }

Credits

TechnicalEngineer

4 projects • 51 followers

Temperature Plot Using Processing and Arduino

Story

Displaying the Graph

Schematics