Inversely ellipses


It’s your code.

You fix it.

Nobody will do it for you.

Post your entire code.

insofar i would like to ask what the TITLE should mean?

Inversely ellipses

in my example code
the axis and “row” of circles might fit better to the
very first picture you show us.

I want number bottom to top
And ellipses also proportional
Like this photo

No one can draw like that in processing

Show. Your. Code.


How to write numbers bottom y to top y
And bottom ox to x
And ellipses bottom y, x to top like proportional

Then why they create two similar code??

Did you follow my first post?

I understand you don’t want my help.


I am still asking same thing because I still don’t know

Thank you very much for helping

you need to know first how the pix position thinking is,
top left is 0,0
down right is 600,600 ( width , height )

now when you use the text(number,atX,atY)
for a list of the y axis numbers,
use the original for

 for ( int k = 0; k <= (width - 2*off)/scale; k++ ) {

and calc a

float atX = 10;
float atY = height - off - k * scale
1 Like

I learn so much by reading tutorials, experimenting with code and insights gained from examples and help offered!
I am posting the sloppy first pass at this.

//Perlin noise used to generate a line
//Gives a nice "warbling" effect

float xoff1, xoff2, xoff3;

void setup()
  size(800, 1000, P2D);

void draw()
  stroke(102, 0, 230);  
  translate(-40, 0);
  scale(.8, 1);
  float p = .019;

// I see patterns here and could replace with a for loop:
  circle(300, height - 300 +20, .019);
  circle(500, height - 500 +20, .020);
  circle(700, height - 700 +20, .021); 

  lineX(100, 100, 800);
  lineY(100, 100, 800);  
  lineXY(100, 100, 800); 

void circle(int x, int y, float rand)
  for (float th = -TAU/20 +TAU/2; th < 3*TAU/2 + TAU/20; th += TAU/500)
    xoff1 = xoff1 + rand;
    float r = 40 + 10*noise(xoff1);
//    println(noise(xoff1));
    point( r*cos(th)+x, r*sin(th)+y);
// These could be consolidated into one method and called from draw();  

void lineX(int x1, int y1, int l)
  for (float i = 0; i<l; i+=1)
    xoff2 = xoff2 + .02;
    point(i + x1, height - y1 + 10*noise(xoff2));

void lineY(int x1, int y1, int l)
  for (float i = 0; i<l; i+=1)
    xoff2 = xoff2 + .02;
    point(x1 + 10*noise(xoff2), i + y1 + 10*noise(xoff2));

void lineXY(int x1, int y1, int l)
  for (float i = 0; i<l; i+=1)
    xoff3 = xoff3 + .02;
    point(i + x1 + 10*noise(xoff3), height -i - y1 + 10*noise(xoff3));


yes, but well,
we could consider changing our forum rules…
why not give a free code support for foundation members? ?

1 Like

Thank you very much

One more hint can you give me
I want number also like that my picture…
You’re so helpful

You are asking to do this for you.

This way you will never learn how to do this.

That’s why people shouldn’t post code because it hinders other people like you to learn…

That’s why I asked you to post your own code.

There are a lot of resources available at the Processing website:

I am still working on the sketched labels for the axes as a personal “fun” project.
The “process” may help you.
I took a look at tutorials, examples and started piecing together the code and learned as I progressed.
Experience comes from experience.
Your project is simple enough that you can take on this challenge.

Here is the “X” axis label that I was able to draw with my program:


I would NOT support the Processing Foundation if they adopted such a policy.

I am an Individual Member and have supported the Foundation every year for the last few years.
I also enjoy personally contributing where I can; forums, workshops, YouTube, Twitter, mentor\guide students, bug reports, etc.


1 Like

Thank You!
you passed the test, you have a pure heart.

also having idealistic dreams, but not forget reality, example:
Windows AND Linux are very different

  • the business concept
  • how they treat customers ( and support groups )

but both coexist for decades already,
and possibly it’s wrong that i wish Linux should win?