Draggable plugin - land on a different SVG section

[Asya Smol]

I have an SVG wheel with different locations, an arrow points to the default Las Vegas one (see attached), which I am using on a Las Vegas theme website. The thing is I want to re-use the wheel on another website, and the default location there is 'New Orleans'. Can I force SVG, through the draggable plugin, move to the 'New Orleans' section when a page is loaded? So instead of pointing to the default 'Las Vegas', it would be pointing to 'New Orleans'.

 

  Draggable.create("#wheelsvg", {
    type: "rotation",
    throwProps: true,
    dragClickables: true,
       snap:function(value) {
          return Math.round(value / 90) * 90;
        }
  });

 

 

[GreenSock]

Absolutely! You can just TweenMax.to() whatever rotation you need (I assume you wanted that change animated). If you need some help, please provide a reduced test case in codepen. 

[Asya Smol]

Thank you! So easy! I was thinking of adding a new class with an updated transform property to css (something like this: transform: matrix3d(0.7171, -0.69697, 0, 0, 0.69697, 0.7171, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1). And then adding that class to jquery. But I like your suggestion better. Thanks again.