<p>What are the direction and angle of rotation from Figure `ABCD` to Figure `PQRS`?</p><LineGraph data-props='{ "options": { "x_min": -10, "y_min": -10, "y_max": 10, "x_max": 10, "cell_size": 15, "x_interval": 1, "y_interval": 1, "x_skip_interval":5,"y_skip_interval":5, "show_grid_section": true, "show_x_axis": true, "show_y_axis": true, "show_x_axis_label": true, "show_y_axis_label": true, "show_x_axis_points": true, "show_y_axis_points": true, "title": "" }, "points": [ { "id": 1, "x": 0, "y": 5, "show_point": true, "highlight_point": false, "highlight_point_color": "red", "x_coordinate_highlight": true, "y_coordinate_highlight": true, "show_x_intercept_point": false, "show_y_intercept_point": false, "show_coordinates": false, "show_x_intercept": false, "show_y_intercept": false, "label": "A", "label_position": "left" }, { "id": 2, "x": 3, "y": 8, "show_point": true, "highlight_point": false, "highlight_point_color": "red", "x_coordinate_highlight": true, "y_coordinate_highlight": true, "show_x_intercept_point": false, "show_y_intercept_point": false, "show_coordinates": false, "show_x_intercept": false, "show_y_intercept": false, "label": "B", "label_position": "above" }, { "id": 3, "x": 6, "y": 5, "show_point": true, "highlight_point": false, "highlight_point_color": "red", "x_coordinate_highlight": true, "y_coordinate_highlight": true, "show_x_intercept_point": false, "show_y_intercept_point": false, "show_coordinates": false, "show_x_intercept": false, "show_y_intercept": false, "label": "C", "label_position": "right" }, { "id": 4, "x": 3, "y": 4, "show_point": true, "highlight_point": false, "highlight_point_color": "red", "x_coordinate_highlight": true, "y_coordinate_highlight": true, "show_x_intercept_point": false, "show_y_intercept_point": false, "show_coordinates": false, "show_x_intercept": false, "show_y_intercept": false, "label": "D", "label_position": "below" } ], "line_segments": null, "transformation": { "type": "ROTATE", "deg": 180, "show_indicator": false, "show_polygon_number": false, "transformed_polygon_color": "#377CF6", "points": [ { "label": "P", "label_position": "right", "show_point": true, "highlight_point": false, "highlight_point_color": "#377CF6" }, { "label": "Q", "label_position": "below" , "show_point": true, "highlight_point": false, "highlight_point_color": "#377CF6" }, { "label": "R", "label_position": "left" , "show_point": true, "highlight_point": false, "highlight_point_color": "#377CF6" }, { "label": "S", "label_position": "above" , "show_point": true, "highlight_point": false, "highlight_point_color": "#377CF6" } ], "original_polygon_color": "red" }}'></LineGraph >