add minor ticks

Author: nvaytet

src/matplotgl/axes.py

@@ -345,9 +345,10 @@ def _make_xticks(self):
         xlabels = [lab.get_text() for lab in self.get_xticklabels()]
 
         xy = np.vstack((xticks, np.zeros_like(xticks))).T
-        xticks_axes = self._ax.transAxes.inverted().transform(
-            self._ax.transData.transform(xy)
-        )[:, 0]
+
+        inv_trans_axes = self._ax.transAxes.inverted()
+        trans_data = self._ax.transData
+        xticks_axes = inv_trans_axes.transform(trans_data.transform(xy))[:, 0]
 
         # width = f"calc({self.width}px + 0.5em)"
 
@@ -380,6 +381,20 @@ def _make_xticks(self):
                 f"{html_to_svg(latex_to_html(label), baseline='hanging')}</text>"
             )
 
+        minor_ticks = self._ax.xaxis.get_minorticklocs()
+        if len(minor_ticks) > 0:
+            xy = np.vstack((minor_ticks, np.zeros_like(minor_ticks))).T
+            xticks_axes = inv_trans_axes.transform(trans_data.transform(xy))[:, 0]
+
+            for tick in xticks_axes:
+                if tick < 0 or tick > 1.0:
+                    continue
+                x = tick * self.width
+                bottom_string += (
+                    f'<line x1="{x}" y1="0" x2="{x}" y2="{tick_length * 0.7}" '
+                    'style="stroke:black;stroke-width:0.5" />'
+                )
+
         bottom_string += "</svg></div>"
         self._margins["bottomspine"].value = bottom_string
 
@@ -396,16 +411,18 @@ def _make_yticks(self):
         ytexts = [lab.get_text() for lab in ylabels]
 
         xy = np.vstack((np.zeros_like(yticks), yticks)).T
-        yticks_axes = self._ax.transAxes.inverted().transform(
-            self._ax.transData.transform(xy)
-        )[:, 1]
+
+        inv_trans_axes = self._ax.transAxes.inverted()
+        trans_data = self._ax.transData
+        yticks_axes = inv_trans_axes.transform(trans_data.transform(xy))[:, 1]
 
         # Predict width of the left margin based on the longest label
         # Need to convert to integer to avoid sub-pixel rendering issues
         max_length = math.ceil(max(lab.get_tightbbox().width for lab in ylabels))
         width = f"calc({max_length}px + {tick_length}px + {label_offset}px)"
         width1 = f"calc({max_length}px + {label_offset}px)"
         width2 = f"calc({max_length}px)"
+        width3 = f"calc({max_length}px + {tick_length * 0.3}px + {label_offset}px)"
 
         left_string = (
             f'<svg height="{self.height}" width="{width}">'
@@ -436,6 +453,21 @@ def _make_yticks(self):
                 f"{html_to_svg(latex_to_html(label), baseline='middle')}</text>"
             )
 
+        minor_ticks = self._ax.yaxis.get_minorticklocs()
+        if len(minor_ticks) > 0:
+            xy = np.vstack((np.zeros_like(minor_ticks), minor_ticks)).T
+            yticks_axes = inv_trans_axes.transform(trans_data.transform(xy))[:, 1]
+
+            for tick in yticks_axes:
+                if tick < 0 or tick > 1.0:
+                    continue
+                y = self.height - (tick * self.height)
+                left_string += (
+                    f'<line x1="{width}" y1="{y}" '
+                    f'x2="{width3}" y2="{y}" '
+                    'style="stroke:black;stroke-width:0.5" />'
+                )
+
         left_string += "</svg></div>"
         self._margins["leftspine"].value = left_string
 

src/matplotgl/utils.py

@@ -147,10 +147,6 @@ def latex_to_html(latex_str: str) -> str:
     # Special cases that don't follow the pattern (optional overrides)
     special_replacements = {
         "ċ": "·",
-        # "<sup>": '<tspan dy="-7%" font-size="70%">',
-        # "</sup>": "</tspan>",
-        # "<sub>": '<tspan dy="7%" font-size="10">',
-        # "</sub>": "</tspan>",
     }
 
     for entity, replacement in special_replacements.items():
@@ -193,20 +189,3 @@ def html_to_svg(text: str, baseline: str) -> str:
         text = text.replace(entity, replacement)
 
     return text
-
-
-# def html_tags_to_svg(text: str) -> str:
-#     """Convert <sup> and <sub> HTML tags to SVG superscript/subscript using tspan."""
-
-#     def replace_sup(match):
-#         content = match.group(1)
-#         return "".join(superscripts.get(c, c) for c in content)
-
-#     def replace_sub(match):
-#         content = match.group(1)
-#         return "".join(subscripts.get(c, c) for c in content)
-
-#     text = re.sub(r"<sup>(.*?)</sup>", replace_sup, text)
-#     text = re.sub(r"<sub>(.*?)</sub>", replace_sub, text)
-
-#     return text