This is a dynamic JavaScript interface

When you change this width it will automatically change the squares width as well

This allows you to change this square in real time as you change the slider (has a direct effect)

Created a d3 object selects the SVG object and grabbed the rectangle within the SVG

Take my rectangle use a transition over 1 second or 1000 miliseconds and go to the new value it was given. The default is moving by speeding up and then slowing down when it gets closer however you can change the 'ease' to various different things like making it bounce or bungee

rotate(angle, x, y) if you change x it can rotate over different points We can put tick inside the angle so it isn't fixed but rather moving