format code, update notebook with mapper widget example

Author: adusachev

examples/example_mapper_anywidget.ipynb

@@ -5,7 +5,7 @@
    "id": "0",
    "metadata": {},
    "source": [
-    "# Mapper interactive widget"
+    "# Coordinates Mapper interactive widget"
    ]
   },
   {
@@ -30,7 +30,7 @@
    "metadata": {},
    "outputs": [],
    "source": [
-    "from scanplot.view import MapperCanvasWidget\n",
+    "from scanplot.view import MapperCanvasWidget, CartesianCoordsMapperWidget, CoordinatesMapperWidget\n",
     "from scanplot.io import load_image"
    ]
   },
@@ -44,21 +44,29 @@
     "plot_number = 22\n",
     "img_path = f\"../datasets/plot_images/plot{plot_number}.png\"\n",
     "\n",
-    "image = load_image(img_path)\n"
+    "image = load_image(img_path)"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "4",
+   "metadata": {},
+   "source": [
+    "## Mapper Canvas Widget using anywidget"
    ]
   },
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "4",
+   "id": "5",
    "metadata": {},
    "outputs": [],
    "source": [
-    "canvas_widget = MapperCanvasWidget()\n",
+    "mapper_widget_canvas = MapperCanvasWidget()\n",
     "\n",
-    "canvas_widget.set_image(image)\n",
+    "mapper_widget_canvas.set_image(image)\n",
     "\n",
-    "canvas_widget.apply_widget_settings(\n",
+    "mapper_widget_canvas.apply_widget_settings(\n",
     "    fig_size=8,\n",
     "    line_width=1,\n",
     "    line_color=\"red\",\n",
@@ -70,17 +78,64 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "5",
+   "id": "6",
    "metadata": {},
    "outputs": [],
    "source": [
-    "canvas_widget"
+    "mapper_widget_canvas"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "7",
+   "metadata": {},
+   "source": [
+    "## Mapper Full Widget"
    ]
   },
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "6",
+   "id": "8",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "mapper_widget = CartesianCoordsMapperWidget(image)\n",
+    "\n",
+    "mapper_widget.apply_widget_settings(\n",
+    "    fig_size=8,\n",
+    "    line_width=1,\n",
+    "    line_color=\"red\",\n",
+    "    marker_size=6,\n",
+    "    marker_color=\"green\"\n",
+    ")"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "9",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "mapper_widget.widget()"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "10",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "params = mapper_widget.export_parameters()\n",
+    "params"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "11",
    "metadata": {},
    "outputs": [],
    "source": []

src/scanplot/view/coords_mapper_widget.py

@@ -2,11 +2,11 @@
 import numpy as np
 from ipywidgets import HBox, VBox, fixed
 
-from .mapper_js_widget import MapperCanvasWidget
-
 from scanplot.plotting import draw_axes_mapping_lines
 from scanplot.types import ConverterParameters, ImageLike
 
+from .mapper_js_widget import MapperCanvasWidget
+
 
 class CartesianCoordsMapperWidget:
     def __init__(self, plot_image: ImageLike):
@@ -22,29 +22,27 @@ def __init__(self, plot_image: ImageLike):
         self._x_axis_type_dropdown = self._get_x_axis_type_dropdown()
         self._y_axis_type_dropdown = self._get_y_axis_type_dropdown()
 
-
     @property
     def _x1_pixel_position(self):
         return round(self._canvas_mapper_widget.vline_left)
-    
+
     @property
     def _x2_pixel_position(self):
         return round(self._canvas_mapper_widget.vline_right)
-    
+
     @property
     def _y1_pixel_position(self):
         return round(self._canvas_mapper_widget.hline_lower)
-    
+
     @property
     def _y2_pixel_position(self):
         return round(self._canvas_mapper_widget.hline_upper)
-    
+
     @property
     def _is_valid(self) -> bool:
         return (self._x1_widget.value != self._x2_widget.value) and \
             (self._y1_widget.value != self._y2_widget.value)  # fmt: skip
 
-
     def apply_widget_settings(
         self,
         fig_size: float = 8,
@@ -80,7 +78,7 @@ def widget(self) -> ipywidgets.widgets.widget_box:
         return box_final
 
     def export_parameters(self) -> ConverterParameters:
-        
+
         params = ConverterParameters(
             x_min_px=self._x1_pixel_position,
             x_max_px=self._x2_pixel_position,
@@ -95,12 +93,10 @@ def export_parameters(self) -> ConverterParameters:
         )
         return params
 
-    
     def _init_canvas_mapper_widget(self):
         canvas_widget = MapperCanvasWidget()
         canvas_widget.set_image(self._image)
         return canvas_widget
-        
 
     @staticmethod
     def _get_x1_widget():