Visualizing Sine Wave with Processing

General Discussion Other

forocheli..

Visualizing Sine Wave with Processing

in General Discussion • Other • 9 months ago

I have 1000+ row Sine Wave data which changes with time and I want to visualize it with Processing. My aim is to create an animation which will draw a Sine Wave with time starting from the middle of the rectangular [height/2]. I also want to show only the 1 second periods of that wave. I mean after 1 second, first coordinate should dissappear, and so forth.

How can I achieve that ?

Thanks

Replies(3)

PhiLho

Re: Visualizing Sine Wave with Processing

9 months ago

What have you done so far? What is your level in Processing?

Usually, you can draw a mathematical function by settings points at (x, y) coordinates (where y = f(x)), or by drawing lines between these points.

forocheli..

Re: Re: Visualizing Sine Wave with Processing

9 months ago

Actually I haven't done anything yet, but I'm trying to. I have no experience with Processing, I worked with R and Python, but I was always at Analytics side, this is the first time I will visualize a data.

Chrisir

Re: Visualizing Sine Wave with Processing

9 months ago

hello,

this might help you.

It visualizes the mouse movement

You have to

load the data and show them instead of mouseY (line 30) - use loadStrings() and split()
put in the 1 second thing - using millis() and a timer

Greetings, Chrisir

//
ArrayList<Ball> balls;
final int ballWidth = 1;
//
// ---------------------------------------------------------------
//
void setup()
{
// init
size(800, 600);
// frameRate(3);
// Create an empty ArrayList
balls = new ArrayList();
for (int i=0; i < 122; i++) {
balls.add(new Ball(mouseX, 300, ballWidth,
color ( 255, 0, 0)));
}
} // func
//
//
void draw()
{
background(255);
//
fill(0);
noStroke();
rect(200, 200, 200, 200);
//
Ball ball;
balls.add(new Ball(mouseX, map(mouseY, 0, height, 200, 400), ballWidth,
color ( 255, 0, 0)));
for (int i=0; i < balls.size(); i++) {
ball = balls.get(i);
ball.display(200+i);
}
if (balls.size()>0)
balls.remove(0);
} // func
//
// =====================================================================
// Simple ball class
class Ball {
float x;
float y;
color myColor;
float w;
Ball(float tempX, float tempY, float tempW, color tempmyColor1) {
x = tempX;
y = tempY;
w = tempW;
myColor=tempmyColor1;
}
void display(float i) {
// Display the ball
fill(myColor);
stroke(myColor);
ellipse(i, y, w, w);
point(i, y);
}
}
// =====================================================================

Top Reply