im trying to understand a change of variables during an integration:

see the attached scan.

Now if you have the following:

and transform will dx not be and for y, similarly

how did the transformation end up so compact and simple? or how is that transformation done.