When we integrate a function with respect to dx, we are breaking the area under the function into many pieces of width dx and finding the area of each piece and then take the limit of the sum as dx becomes 0. In this case dx is constant so this is pretty intuitive.
When we use u-substitution, we replace dx with du. But clearly du is not constant as it changes with x. To me, this doesn't make sense because how do we integrate with respect to something that is not constant? Would appreciate if someone can give a visualisation of what is going on (graphically) when we integrate by substitution. For instance if we graph out x, g(x) and f(x) parametrically, how can we show that ∫f(u)du and ∫f(g(x)*g'(x)dx are the same thing?
I also found this related thread: Is there a way to graphically visually integration by substitution?, but I don't really understand the answer.