Form element with sliders for X, Y axes

Question

Is there an existing implementation of a form element which looks like

Can this be made using jQuery UI?

Answer 1

Yes, slider

$( ".selector" ).slider( "option", "orientation", 'vertical' )
                .bind("slidechange", function(event, ui) {
                    // update y
                });

Then make one with default orientation and update x