Added draw list references

# Conflicts: # Draw-List.md
2026-09-26 16:05:45 +03:00 · 2026-05-28 14:06:37 +02:00 · 2026-05-28 14:06:37 +02:00 · 063521d26f
commit 063521d26f
parent 439a43bfaf
31 changed files with 1857 additions and 0 deletions
--- a/Draw-List.md
+++ b/Draw-List.md
@ -0,0 +1,501 @@
+# ImDrawList Vector Rendering Reference
+
+## Overview
+
+The ImGui DrawList has number of methods to draw anti-aliased vector shapes.
+
+The shapes can be divided into two categories:
+
+- **Primitives**: `AddLineH()`, `AddLineV()`, `AddRect()`, `AddQuad()`, `AddNGon()`, `AddTriangle()`, `AddCircle()`, `AddEllipse()`.
+<br>These are generally used for composing UI shapes, their default for 1px lines were to draw the line inside the shape.
+
+- **Paths**: `AddLine()`, `AddBezierCubic()`, `AddBezierQuadratic()`, `AddPolyline()`, `AddConvexPolyFilled()`, `PathStroke()`, `PathFillConvex()`, `PathFillConcave()`.
+<br>They are generally used to draw data visualizations, and other more freeform content, and many had center behavior before.
+
+The `PathStroke()`, `PathFillConvex()`, and `PathFillConcave()` are used along with the stateful path API, which allows to build the path to be filled or storked one feature at a time.
+
+## Draw Flags (`ImDrawFlags`)
+
+Some draw functions take draw flags as the last parameter. The flags define optional features, some of which are shape speicfic.
+
+### Corner Rounding
+
+Applies for `AddRect()`, `AddRectFilled()`, and `PathRect()`.
+
+- **ImDrawFlags_RoundCornersTopLeft**: round top-left corner
+- **ImDrawFlags_RoundCornersTopRight**: round top-right corner
+- **ImDrawFlags_RoundCornersBottomLeft**: round bottom-left corner
+- **ImDrawFlags_RoundCornersBottomRight**: round bottom-right corner
+- **ImDrawFlags_RoundCornersNone**: disable rounding
+- **ImDrawFlags_RoundCornersAll**: round all corners
+
+When not specified and `rounding` > 0, the default is **ImDrawFlags_RoundCornersAll**. Use **ImDrawFlags_RoundCornersNone** to disable roudning even if `rounding` is specified. The rounding flags cam be combined to round any combination of corners. The following common combinations are defined for cenvenience:
+
+- **ImDrawFlags_RoundCornersTop**: round top left and right corners
+- **ImDrawFlags_RoundCornersBottom**: round bottom left and right corners
+- **ImDrawFlags_RoundCornersLeft**: round left top and bottom corners
+- **ImDrawFlags_RoundCornersRight**: round right top and bottom corners
+
+
+### Stroke Position
+
+These flags are used to position the stroke relative to the path of the shape. This makes it easier to create crisp pixel perfect renderings which scale well. These apply to all stroked shapes.
+
+**Inside is right of the path direction**. That is, if you draw clock wise closed shape, the inside will be visually inside the shape.
+
+- **ImDrawFlags_StrokeInside**: stroke is expanded right of the path.
+- **ImDrawFlags_StrokeCenter**: stroke is expanded equally to both sides of the path.
+- **ImDrawFlags_StrokeCenterAligned**: stroke is expanded to both sides, so that one side always has integer offset, odd sizes grow inside. This allows center like strokes which are pixel aligned.
+- **ImDrawFlags_StrokeOutside**: stroke is expanded left of the path
+- **ImDrawFlags_StrokeLegacy**: stroke position mimicks the old API behavior (may differ per function)
+
+### Default Stroke Position
+
+In order to keep the common use intuitive to use (and to help with the migration from pre 1.93 API), the default stroke position is different for the two groups of shapes.
+
+- **Primitives**: `AddLineH()`, `AddLineV()`, `AddRect()`, `AddQuad()`, `AddNGon()`, `AddTriangle()`, `AddCircle()`, `AddEllipse()`.
+<br>The default stroke position is **StrokeInside**.
+
+- **Paths**: `AddLine()`, `AddBezierCubic()`, `AddBezierQuadratic()`, `AddPolyline()`, `PathStroke()`.
+<br>The default stroke position is **StrokeCenter**.
+
+The Default Stroke Position may be overidden by passing one of the dedicated `ImDrawFlags` value to any function.
+
+![Stroke positions](drawlist/stroke_pos_all.svg)
+
+## Stroke Options
+- **ImDrawFlags_Closed**: This option closes the path by drawing a line from first to last point. Applies to `AddPolyline()`and `PathStroke()`
+- **ImDrawFlags_MiterOnly**: This option chooses a fast path in the rendering and skips logic that tried to handle very sharp corners. Can be used for well behaved shapes to speed up rendering. Applies to all stroked shapes.
+- **ImDrawFlags_SquareCap**: Expands the ends of an open path so that they extend hand line thickess beyond the end points. Applies to `AddPolyline()`and `PathStroke()`.
+- **ImDrawFlags_NoAAEnds**: Does not render anti-aliased ends for lines. This can speed up single line rendering, at the expense of aliasing and potentially missed pixels. Applies to `AddPolyline()`and `PathStroke()`.
+
+![Line flags](drawlist/line_flags.svg)
+
+![Miter Only](drawlist/miter_only.svg)
+
+# Draw List Flags (`ImDrawListFlags`)
+
+- **ImDrawListFlags_RoundCornersUseTex**: toggles whether to use texture to render small rounded rectangles (stroked and filled) using textured corners.
+- **ImDrawListFlags_AntiAliasedLines**: is now unsupported, lines are always anti-aliased, except when calling `AddPolylineLegacy()` directly.
+- **ImDrawListFlags_AntiAliasedLinesUseTex**: is now unsupported, lines always use texture for anti-alias.
+- **ImDrawListFlags_AntiAliasedFill**: is now unsupported, fills are always anti-aliased, except when calling `AddConvexPolyFilledLegacy()` directly.
+
+
+# API
+
+## `AddLine(p1, p2, col, thickness, flags)`
+
+![Line](drawlist/line_basics.svg)
+
+Draws line from **p1** to **p2** with specified color and thickness. Default thickness is **1.0**. Default storke positon **Center**. Stroke Position and Stroke Options flags can be used.
+
+If you need to draw a continuous line, prefer to use `AddPolyline()` or `PathStroke()` instead as they will join the lines together. For strictly horizontal or vertical lines, prefer to use `AddLineH()` and `AddLineV()`. They have additional optimizations for the cases when you are drawing pixel perfect lines.
+
+<details>
+<summary><b>Changes from versions < 1.93</b></summary>
+
+Before: `AddLine()` used to have 0.5px offset applied to the end points. Together with no-AA line ends, the line would render as if the points were pixel center coordinates. Sometime it worked, and sometimes it did not and it was hard to reason why.
+
+After: **the default stroke position is Center. The 0.5px offset is now removed, so `AddLine()` works the same way as a path with 2 points. Uses of `AddLine()` should be audited and any compensation for the 0.5px offset can be removed.**
+
+There are two new functions `AddLineV()` and `AddLineH()` which should be used for drawing horizontal and vertical lines. Their default stroke position is Inside, which matched many uses of 1px lines draw using `AddLine()`. They have additional optimizations for the cases when you are drawing pixel perfect lines.
+
+When switching from legacy AddLine() values to `AddLineV()`/`AddLineH()` you can keep mostly same inputs coordinates add `AddLineV()`/`AddLineH()` default stroke position is Inside:
+
+- Before: `AddLine({x, y1}, {x, y2}, col)` --> use `AddLineV(x, y1, y2, col)` // Vertical line.
+- Before: `AddLine({x1, y}, {x2, y}, col)` --> use `AddLineH(x1, x2, y, col)` // Horizontal line.
+
+If you have lines that form a continuous shape use the Path functions or `AddPolyline()` instead. They will handle the joins between the lines. They both support `ImDrawFlags_Closed` which will closes the shape by creating a segment automatically between first and last point.
+
+```
+AddLine({ 1,2 }, { 5,2 })
+```
+
+**Before**: 0.5px offset, no AA line ends. The start pixel is covered due to the rasterization filling rules, and the end pixel is not for same reason.
+
+![Line 0](drawlist/line_0.svg)
+
+**After**: Offset is removed so the line is centered around the input coordinates. Existing uses will appear blurred since the only half of the pixels are covered.
+
+![Line 1](drawlist/line_1.svg)
+
+**FIXME: Missing a "after" AddLine() example that looks correct, even if also suggesting to use AddLineH().**
+
+```
+AddLine({ 1.5,2.5 }, { 5.5,2.5 })
+```
+
+**After**: If we were to add the 0.5px offset back, then then the line would look crisp as before, but the line ends were blurred, since the line covers only half a pixel on each end.
+
+![Line 2](drawlist/line_2.svg)
+
+
+```
+AddLineH( {1,5}, 2)
+```
+
+**Migration**: Horizontal and vertical lines are recommended to be replaced with `AddLineH()` and `AddLineV()`. Other use cases might require tweaking. Some use cases we've had to fix already compensated for the 0.5px offset, which can now be removed. Stroke position `ImDrawFlags_StrokeLegacy` can be used in cases which are deemed too tricky to fix, and old behavior should be used.
+
+![Line 3](drawlist/line_3.svg)
+
+</details>
+
+## `AddLineH(min_x, max_x, y, col, thickness, flags)`
+
+![Line horizontal](drawlist/lineh_basics.svg)
+
+Draws horizontal line at **y** from **min_x** to **max_x** with specified color and thickness. Default thickness is **1.0**. Default stroke positon **Inside**. Stroke Position and Stroke Options flags can be used. Prefer to use this method over the generic `AddLine()` to draw horizontal lines.
+
+The "inside" of the shape below the line. You can think the horizontal line as the top edge of a rectangle.
+
+Optimized rendering is used, if the horizontal line is drawn on integer coordinates, integer thickness, and the stroke offset is Inside or Outside.
+
+<details>
+<summary><b>Changes from versions < 1.93</b></summary>
+
+`AddLineH()` used to be implemented similarly as `AddLine()` and had the same 0.5px offset and missing anti-aliased end caps.
+
+```
+AddLineH( {1,5}, 2)
+```
+
+**Before**:
+0.5px offset, no AA line ends. The start pixel is covered due to the rasterization filling rules, and the end pixel is not for same reason.
+
+![LineH 0](drawlist/lineh_0.svg)
+
+
+**After**:
+The default stroke position for `AddLineH()` is **Inside**, which means that 1px lines will look the same as before, and thicker lines will grow below the specified line.
+
+![LineH 1](drawlist/lineh_1.svg)
+
+</details>
+
+## `AddLineV(x, min_y, max_y, col, thickness, flags)`
+
+![Line vertical](drawlist/linev_basics.svg)
+
+Draws vertical line at **x** from **max_y** to **min_x** with specified color and thickness. Default thickness is **1.0**. Default stroke positon **Inside**. Stroke Position and Stroke Options flags can be used. Prefer to use this method over the generic `AddLine()` to draw vertical lines.
+
+The "inside" of the shape right of the line. You can think the vertical line as the left edge of a rectangle.
+
+Optimized rendering is used, if the vertical line is drawn on integer coordinates, integer thickness, and the stroke offset is Inside or Outside.
+
+<details>
+<summary><b>Changes from versions < 1.93</b></summary>
+
+`AddLineV()` used to have the same 0.5px offset as AddLine(). The offset was removed,.
+
+```
+AddLineV(2, {1,5})
+```
+
+**Before**:
+0.5px offset, no AA line ends
+The start pixel is covered due to the rasterization filling rules, and the end pixel is not for same reason.
+
+![LineV 0](drawlist/linev_0.svg)
+
+**After**:
+The default stroke position for `AddLineV()` is "inside", which means that 1px lines will look the same as before, and thicker lines will grow below the specified line.
+
+![LineV 1](drawlist/linev_1.svg)
+
+</details>
+
+## `AddRect(p_min, p_max, col, rounding, thickness, flags)`
+
+![Rectangle](drawlist/rect_basics.svg)
+
+Draws stroked rectangle from **p_min** (top-left) to **p_max** ( bottom-right), with specified color, rounding and thickness. The default rounding is **0.0**, default thickness is **1.0**, and default stroke position is **Inside**. Corner Rounding and Stroke Position flags can be used.
+
+The rendering code now handles corners cases robustly, like stroke thickness that would completely cover the inside of the shape will fallback to rendering to filled rectangle instead.
+
+Corner rounding is clamped to fit inside the rectangle bounds.
+
+Optimized rendering is used if the coordinates and thickness are integer, and rounding is small integer and stroke position is Inside or Outside.
+
+<details>
+<summary><b>Changes from versions < 1.93</b></summary>
+
+`AddRect()` used to have fixed 0.5px inset. This meant that a 1px line draw was drawn inside the shape, which works well when rendering widgets.
+
+As the offset was fixed, thicker lines would still render with that half pixel offset, but would not stay inside the shape unless parameters were fudged.
+
+The 0.5px offset is now removed, and the user can use the stroke position to place the stroke inside, center, outside of the shape, inside being the default.
+
+```
+AddRect({ 1,1 }, { 7,7 }, 1)
+AddRect({ 2,2 }, { 6,6 }, 2)
+```
+
+**Before**:
+Fixed 0.5px offset on all thickness. This resulted blurred lines on even thicknesses.
+
+![Rect 0](drawlist/rect_0.svg) ![Rect 1](drawlist/rect_1.svg)
+
+```
+AddRect({ 2,2 }, { 6,6 }, 2)
+```
+
+**Migration**:
+By default, the stroke is placed inside the shape.
+The uses of `AddRect()` that use 1px thickness will work as before.
+Other uses of `AddRect()` should be reviewed to see if the intended use was to draw the stroke at center or inside of the shape.
+
+![Rect 2](drawlist/rect_2.svg)
+
+</details>
+
+## `AddRectFilled(p_min, p_max, col, rounding, flags)`
+
+Draws filled rectangle from **p_min** (top-left) to **p_max** ( bottom-right), with specified color, rounding. The default rounding is **0.0**. Corner Rounding flags can be used.
+
+Optimized rendering is used when the coordinates are integer, and rounding is small integer.
+
+<details>
+<summary><b>Changes from versions < 1.93</b></summary>
+
+`AddRectFilled()` used to always draw non-rounded rectangle without anti-aliasing. Now it renders with anti-aliasing. The optimized rendering case for integer coords matches the previous non-AA rendering.
+
+```
+AddRectFilled({ 1,1 }, {7,4.5} )
+```
+
+**Before**:
+Non-rounded rectangles did not have anti-aliasing.
+
+![Rect Filled 0](drawlist/rect_filled_0.svg)
+
+
+**After**:
+Rectangles which are draw on non-integer coordinates are anti-aliased.
+
+![Rect Filled 1](drawlist/rect_filled_1.svg)
+
+</details>
+
+
+## `AddCircle(center, radius, col, num_segments, thickness, flags)`
+
+![Circle](drawlist/circle_basics.svg)
+
+Draws stroked circle at **center** using **radius**, with specified color and thickness. The default thickness is **1.0**, and default stroke position is **Inside**. Stroke Position flags can be used.
+
+The rendering code handles corners cases robustly, like stroke thickness that would completely cover the inside of the shape will fallback to rendering to filled circle instead.
+
+<details>
+<summary><b>Changes from versions < 1.93</b></summary>
+
+`AddCircle()` used to have fixed 0.5px inset. This meant that a 1px line draw was drawn inside the shape.
+
+As the offset was fixed, thicker lines would still render with that half pixel offset, but would not stay inside the shape unless parameters were fudged.
+
+The 0.5px offset is now removed, and the user can use the stroke position to place the stroke inside, center, outside of the shape, inside being default.
+
+</details>
+
+## `AddCircleFilled(center, radius, col, num_segments)`
+
+Draws filled circle at **center** using **radius**, with specified color.
+
+
+## `AddNgon(center, radius, col, num_segments, thickness, flags)`
+
+![Regular polygon](drawlist/ngon_basics.svg)
+
+Draws stroked regular polygon centered at **center** with circumcircle **radius**, with specified color, segment count, and thickness.
+
+The default thickness is **1.0**, and default stroke position is **Inside**. Stroke Position flags can be used.
+
+The rendering code handles corners cases robustly, like stroke thickness that would completely cover the inside of the shape will fallback to rendering to filled ngon instead.
+
+<details>
+<summary><b>Changes from versions < 1.93</b></summary>
+
+`AddNGon()` used to have fixed 0.5px inset. This meant that a 1px line draw was drawn inside the shape.
+
+As the offset was fixed, thicker lines would still render with that half pixel offset, but would not stay inside the shape unless parameters were fudged.
+
+The 0.5px offset is now removed, and the user can use the stroke position to place the stroke inside, center, outside of the shape, inside being default.
+
+</details>
+
+
+## `AddNgonFilled(center, radius, col, num_segments)`
+
+Draws filled regular polygon at **center** using circumcircle **radius**, with specified color, and segment count.
+
+
+## `AddEllipse(center, radius, col, rot, num_segments, thickness, flags)`
+
+![Ellipse](drawlist/ellipse_basics.svg)
+
+Draws stroked ellipse at **center** using **radius** (separate for x, y), with specified rotation, color, segment count and thickness.
+
+The default rotation is *0*, segment count is *0* (calculate count automatically based on radius), default thickness is **1.0**, and default stroke position is **Inside**. Stroke Position flags can be used.
+
+Stroked ellipse drawing is more complicated than other shapes and it does not handle all degenerate inputs, like thick thickness compared to ellipse size, as well as other shapes.
+
+<details>
+<summary><b>Changes from versions < 1.93</b></summary>
+
+The ellipse used to have center stroke position, it is not changed inside to be consistent with other primitive shapes.
+
+The code did not have the 0.5px offset as other primitive drawing functions, so even 1px thick ellipses may appear smaller than before.
+
+To get the old behavior set stroke position to center.
+
+</details>
+
+## `AddEllipseFilled(center, radius, col, rot, num_segments)`
+
+Draws filled ellipse at **center** using **radius** (separate for x, y), with specified rotation, color, and segment count.
+
+The default rotation is *0*, segment count is *0* (calculate count automatically based on radius).
+
+## `AddPolyline(points, num_points, col, thickness, flags)`
+
+![Polyline](drawlist/polyline_basics.svg)
+
+Draws stroked polyline described by **points** and **num_points**, with specified color, and thickness. Stroke Position and Stroke Options flags can be used.
+
+![Polyline 0](drawlist/polyline_0.svg)
+
+The stroke expansion uses corner miter calculation, which keeps thickness along the line segments consistent. If the corner becomes too sharp, it will be bevelled to avoid long spikes at corners.
+
+There are some robustness measures for the case where the line thickness is larger than the features being drawn to avoid long spikes in inner corners. Due to the chose algorithm, some rendering artifacts are possible when the path features are smaller than line thickness, but the artifacts should be localized. The implementation attempts to favor simple implementation and robustness over the corner case accuracy.
+
+The rendering uses textures for ant ialiasing for all line thicknesses. This allows to use just one rendering function, and rendering is as fast on all sizes. There’s max line thickness, 32 (`IM_DRAWLIST_TEX_LINES_WIDTH_MAX`), after which the lines will start to become blurry.
+
+### Stroke Options
+![Line flags](drawlist/line_flags.svg)
+
+If drawing a closed shape, you can omit the last segment and use flag `ImDrawFlags_Closed`. This will also create correct line joins between the first and last segment.
+
+By default, the line ends are anti-aliased. This can be turned off with flag `ImDrawFlags_NoAAEnds` for slight performance increase.
+
+The line ends can have square caps using flag `ImDrawFlags_SquareCap`, which will extend the line by half thickness. This can help to render widgets at various sizes.
+
+![Miter Only](drawlist/miter_only.svg)
+
+Shapes that do not have very sharp corners, can use `ImDrawFlags_MiterOnly` draw flag for faster rendering. When this flag is set, some safety measures are skipeed, like beveling sharp corners. A good rule of thumb is that if your shape has 90 degree or rounded corners, you should be able to use this flag.
+
+### Stroke Position
+
+![Stroke positions](drawlist/stroke_pos.svg)
+
+To make it easier to define and reuse the geometry for shapes, and to render shapes pixel perfect, the stroke position can be set to be inside, center, center aligned, or outside of the polyline.
+
+For example, then the stroke position is inside, the stroke will be crips as long as the input coordinates and line thickness are integer.
+
+**Inside is right of the path direction.** The pictures of the shapes in this document shows the inside/ outside and an arrow indicating the line direction.
+
+<details>
+<summary><b>Changes from versions < 1.93</b></summary>
+
+The algorithm to render lines got overhauled.
+
+![Polyline 0](drawlist/polyline_0.svg)
+
+Previous the polyline rendering would expand the stroke along the normal at each polyline vertex. This caused inconsistent line width, which very noticeable when the polyline has sharper corners.
+
+The line ends are now anti-aliased. This solves missing pixels at line ends and results in cleaner rendering, especially under motion.
+
+</details>
+
+
+## `AddConvexPolyFilled(points, num_points, col)`
+
+Draws filled polygon described by **points** and **num_points**, with specified color. Stroke Options flags can be used.
+
+The polygon must be wound in clock wise order.
+
+The rendering expands small faded fringe around the polygon for anti-aliasing. To keep the expansion robust, the polygon rendering bevels really sharp corners, and clamps long miters in inner corners. As the fringe is 1px wide, it can cause issues when trying to render long thin polygons whose smallest extent is less than 1px.
+
+Shapes that do not have very sharp corners, can use `ImDrawFlags_MiterOnly` draw flag for faster rendering. When this flag is set, some safety measures are skipped, like beveling sharp corners. A good rule of thumb is that if your shape has 90 degree or rounded corners, you should be able to use this flag.
+
+<details>
+<summary><b>Changes from versions < 1.93</b></summary>
+
+`PathFillConvex()` was improved to handle input geometry more robustly.
+
+The rendering of sharp corners was improved. Earlier there were issues with sharp corners either creating long spikes, or messing up the adjacent edge’s anti-aliasing. Now the anti-aliasing fringe calculation is more consistent, and sharp corners get bevelled to avoid spikes.
+
+</details>
+
+
+---
+
+---
+
+---
+
+
+### `AddConcavePolyFilled(points, num_points, col)`
+
+
+### `AddQuad(p1, p2, p3, p4, col, thickness)`
+
+![Quad polygon](drawlist/quad_basics.svg)
+
+Works as before. Support for stroke position was added. Fixes and improvements to `AddPolyline()` also apply.
+
+### `AddQuadFilled(p1, p2, p3, p4, col)`<BR>`AddTriangleFilled(p1, p2, p3, col)`
+
+Works as before. Fixes and improvements to `AddConvexPolyFilled()` for sharp corners also apply.
+
+
+### `AddTriangle(p1, p2, p3, col, thickness)`
+
+![Triangle polygon](drawlist/triangle_basics.svg)
+
+Works as before. Support for stroke position was added. Fixes and improvements to `AddPolyline()` also apply.
+
+### `AddTriangleFilled(p1, p2, p3, col)`<BR>`AddTriangleFilled(p1, p2, p3, col)`
+
+Works as before. Fixes and improvements to `AddConvexPolyFilled()` for sharp corners also apply.
+
+
+### `AddBezierCubic(p1, p2, p3, p4, col, thickness, num_segments)`
+
+![Cubic Bezier](drawlist/bezier_cubic_basics.svg)
+
+Works as before. Support for stroke position was added. Fixes and improvements to `AddPolyline()` also apply.
+
+
+### `AddBezierQuadratic(p1, p2, p3, col, thickness, num_segments)`
+
+![Quadratic Bezier](drawlist/bezier_quad_basics.svg)
+
+Works as before. Support for stroke position was added. Fixes and improvements to `AddPolyline()` also apply.
+
+
+
+
+### `AddImageRounded(tex_ref, p_min, p_max, uv_min, uv_max, col, rounding, flags)`
+
+Works as before.
+
+
+### `AddImage(tex_ref, p_min, p_max, uv_min, uv_max, col)`
+### `AddImageQuad(tex_ref, p1, p2, p3, p4, uv1, uv2, uv3, uv4, col)`
+### `AddRectFilledMultiColor(p_min, p_max, col_upr_left, col_upr_right, col_bot_right, col_bot_left)`
+
+Works as before. Note: does not support anti-aliasing when non-integer coordinates are passed.
+
+
+### `PathStroke(col, thickness, flags)`
+
+Works as before. Support for stroke position was added. Fixes and improvements to `AddPolyline()` also apply.
+
+### `PathFillConcave(col)`
+
+Works as before.
+
+### `PathFillConvex(col)`
+
+Works as before. The general improvements to `AddConvexPolyFilled()` apply to the convex filled path too.
+
+
--- a/drawlist/bezier_cubic_basics.svg
+++ b/drawlist/bezier_cubic_basics.svg
--- a/drawlist/bezier_quad_basics.svg
+++ b/drawlist/bezier_quad_basics.svg
--- a/drawlist/circle_basics.svg
+++ b/drawlist/circle_basics.svg
--- a/drawlist/ellipse_basics.svg
+++ b/drawlist/ellipse_basics.svg
--- a/drawlist/line_0.svg
+++ b/drawlist/line_0.svg
@ -0,0 +1,29 @@
+<svg width="300" height="200" viewBox="0 0 300 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="300" height="200" fill="white"/>
+<rect x="149" y="118.182" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="181" y="118.182" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="117" y="118.182" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="85" y="118.182" width="32" height="32" rx="3" fill="#66D575"/>
+<path d="M53 54.1816V182.182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M85 54.1816V182.182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M117 54.1816V182.182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M149 54.1816V182.182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M245 54.1816V182.182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M181 54.1816V182.182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M213 54.1816V182.182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M245 54.1816L53 54.1816" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M245 86.1816L53 86.1816" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M245 118.182L53 118.182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M245 150.182L53 150.182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M245 182.182L53 182.182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M37.1705 36.5565C36.2727 36.5527 35.5057 36.3159 34.8693 35.8462C34.233 35.3765 33.7462 34.6928 33.4091 33.7951C33.072 32.8974 32.9034 31.8159 32.9034 30.5508C32.9034 29.2894 33.072 28.2118 33.4091 27.3178C33.75 26.4239 34.2386 25.7421 34.875 25.2724C35.5152 24.8027 36.2803 24.5678 37.1705 24.5678C38.0606 24.5678 38.8239 24.8046 39.4602 25.2781C40.0966 25.7478 40.5833 26.4296 40.9205 27.3235C41.2614 28.2137 41.4318 29.2894 41.4318 30.5508C41.4318 31.8197 41.2633 32.9031 40.9261 33.8008C40.589 34.6947 40.1023 35.3784 39.4659 35.8519C38.8295 36.3216 38.0644 36.5565 37.1705 36.5565ZM37.1705 35.0394C37.9583 35.0394 38.5739 34.6549 39.017 33.886C39.464 33.1171 39.6875 32.0053 39.6875 30.5508C39.6875 29.5849 39.5852 28.7686 39.3807 28.1019C39.1799 27.4315 38.8902 26.9239 38.5114 26.5792C38.1364 26.2307 37.6894 26.0565 37.1705 26.0565C36.3864 26.0565 35.7708 26.4428 35.3239 27.2156C34.8769 27.9883 34.6515 29.1 34.6477 30.5508C34.6477 31.5205 34.7481 32.3406 34.9489 33.011C35.1534 33.6777 35.4432 34.1834 35.8182 34.5281C36.1932 34.869 36.6439 35.0394 37.1705 35.0394ZM45.0825 34.7724L44.9973 35.3917C44.9405 35.8462 44.8439 36.3197 44.7075 36.8121C44.5749 37.3084 44.4367 37.7686 44.2928 38.1928C44.1526 38.6171 44.0371 38.9542 43.9462 39.2042H42.7416C42.7909 38.9693 42.859 38.6512 42.9462 38.2496C43.0333 37.8519 43.1185 37.4068 43.2018 36.9144C43.2852 36.422 43.3477 35.9201 43.3893 35.4087L43.4462 34.7724H45.0825ZM50.9122 36.5565C50.0145 36.5527 49.2474 36.3159 48.6111 35.8462C47.9747 35.3765 47.488 34.6928 47.1508 33.7951C46.8137 32.8974 46.6452 31.8159 46.6452 30.5508C46.6452 29.2894 46.8137 28.2118 47.1508 27.3178C47.4917 26.4239 47.9804 25.7421 48.6167 25.2724C49.2569 24.8027 50.0221 24.5678 50.9122 24.5678C51.8024 24.5678 52.5656 24.8046 53.202 25.2781C53.8383 25.7478 54.3251 26.4296 54.6622 27.3235C55.0031 28.2137 55.1736 29.2894 55.1736 30.5508C55.1736 31.8197 55.005 32.9031 54.6679 33.8008C54.3308 34.6947 53.844 35.3784 53.2077 35.8519C52.5713 36.3216 51.8061 36.5565 50.9122 36.5565ZM50.9122 35.0394C51.7001 35.0394 52.3156 34.6549 52.7588 33.886C53.2058 33.1171 53.4292 32.0053 53.4292 30.5508C53.4292 29.5849 53.327 28.7686 53.1224 28.1019C52.9217 27.4315 52.6319 26.9239 52.2531 26.5792C51.8781 26.2307 51.4311 26.0565 50.9122 26.0565C50.1281 26.0565 49.5126 26.4428 49.0656 27.2156C48.6186 27.9883 48.3933 29.1 48.3895 30.5508C48.3895 31.5205 48.4899 32.3406 48.6906 33.011C48.8952 33.6777 49.1849 34.1834 49.5599 34.5281C49.9349 34.869 50.3857 35.0394 50.9122 35.0394Z" fill="#1E1E1E"/>
+<path d="M76.5 24.7269L79.2841 29.2781H79.375L82.1591 24.7269H84.1932L80.5682 30.5451L84.2159 36.3633H82.1705L79.375 31.8746H79.2841L76.4886 36.3633H74.4432L78.1534 30.5451L74.4659 24.7269H76.5Z" fill="#F24822"/>
+<path d="M21.3807 68.7269H23.375L26.4148 74.0167H26.5398L29.5795 68.7269H31.5739L27.3523 75.7951V80.3633H25.6023V75.7951L21.3807 68.7269Z" fill="#3DADFF"/>
+<path d="M55 52.1816C55 51.0771 54.1046 50.1816 53 50.1816C51.8954 50.1816 51 51.0771 51 52.1816H53H55ZM51.5858 119.596C52.3668 120.377 53.6332 120.377 54.4142 119.596L67.1421 106.868C67.9232 106.087 67.9232 104.821 67.1421 104.04C66.3611 103.258 65.0948 103.258 64.3137 104.04L53 115.353L41.6863 104.04C40.9052 103.258 39.6389 103.258 38.8579 104.04C38.0768 104.821 38.0768 106.087 38.8579 106.868L51.5858 119.596ZM53 52.1816H51V118.182H53H55V52.1816H53Z" fill="#3DADFF"/>
+<path d="M53 52.1816C51.8954 52.1816 51 53.0771 51 54.1816C51 55.2862 51.8954 56.1816 53 56.1816V54.1816V52.1816ZM118.414 55.5959C119.195 54.8148 119.195 53.5485 118.414 52.7674L105.686 40.0395C104.905 39.2585 103.639 39.2585 102.858 40.0395C102.077 40.8206 102.077 42.0869 102.858 42.8679L114.172 54.1816L102.858 65.4953C102.077 66.2764 102.077 67.5427 102.858 68.3238C103.639 69.1048 104.905 69.1048 105.686 68.3238L118.414 55.5959ZM53 54.1816V56.1816H117V54.1816V52.1816H53V54.1816Z" fill="#F24822"/>
+<rect x="101" y="118.182" width="128" height="32" rx="3" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
+<circle cx="213" cy="118.182" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="85" cy="118.182" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<path d="M187.96 116.182C186.855 116.182 185.96 117.077 185.96 118.182C185.96 119.286 186.855 120.182 187.96 120.182V118.182V116.182ZM198.414 119.596C199.195 118.815 199.195 117.548 198.414 116.767L185.686 104.04C184.905 103.258 183.639 103.258 182.858 104.04C182.077 104.821 182.077 106.087 182.858 106.868L194.171 118.182L182.858 129.495C182.077 130.276 182.077 131.543 182.858 132.324C183.639 133.105 184.905 133.105 185.686 132.324L198.414 119.596ZM187.96 118.182V120.182H197V118.182V116.182H187.96V118.182Z" fill="black"/>
+<path d="M101 118.182H197" stroke="#1E1E1E" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel" stroke-dasharray="16 10"/>
+</svg>
--- a/drawlist/line_1.svg
+++ b/drawlist/line_1.svg
@ -0,0 +1,33 @@
+<svg width="300" height="200" viewBox="0 0 300 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="300" height="200" fill="white"/>
+<rect x="87" y="86.1816" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="119" y="86.1816" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="151" y="86.1816" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="183" y="86.1816" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="87" y="118.182" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="119" y="118.182" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="151" y="118.182" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="183" y="118.182" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<path d="M55 54.1816V182.182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M87 54.1816V182.182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M119 54.1816V182.182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M151 54.1816V182.182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M247 54.1816V182.182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M183 54.1816V182.182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M215 54.1816V182.182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M247 54.1816L55 54.1816" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M247 86.1816L55 86.1816" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M247 118.182L55 118.182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M247 150.182L55 150.182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M247 182.182L55 182.182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M39.1705 36.5565C38.2727 36.5527 37.5057 36.3159 36.8693 35.8462C36.233 35.3765 35.7462 34.6928 35.4091 33.7951C35.072 32.8974 34.9034 31.8159 34.9034 30.5508C34.9034 29.2894 35.072 28.2118 35.4091 27.3178C35.75 26.4239 36.2386 25.7421 36.875 25.2724C37.5152 24.8027 38.2803 24.5678 39.1705 24.5678C40.0606 24.5678 40.8239 24.8046 41.4602 25.2781C42.0966 25.7478 42.5833 26.4296 42.9205 27.3235C43.2614 28.2137 43.4318 29.2894 43.4318 30.5508C43.4318 31.8197 43.2633 32.9031 42.9261 33.8008C42.589 34.6947 42.1023 35.3784 41.4659 35.8519C40.8295 36.3216 40.0644 36.5565 39.1705 36.5565ZM39.1705 35.0394C39.9583 35.0394 40.5739 34.6549 41.017 33.886C41.464 33.1171 41.6875 32.0053 41.6875 30.5508C41.6875 29.5849 41.5852 28.7686 41.3807 28.1019C41.1799 27.4315 40.8902 26.9239 40.5114 26.5792C40.1364 26.2307 39.6894 26.0565 39.1705 26.0565C38.3864 26.0565 37.7708 26.4428 37.3239 27.2156C36.8769 27.9883 36.6515 29.1 36.6477 30.5508C36.6477 31.5205 36.7481 32.3406 36.9489 33.011C37.1534 33.6777 37.4432 34.1834 37.8182 34.5281C38.1932 34.869 38.6439 35.0394 39.1705 35.0394ZM47.0825 34.7724L46.9973 35.3917C46.9405 35.8462 46.8439 36.3197 46.7075 36.8121C46.5749 37.3084 46.4367 37.7686 46.2928 38.1928C46.1526 38.6171 46.0371 38.9542 45.9462 39.2042H44.7416C44.7909 38.9693 44.859 38.6512 44.9462 38.2496C45.0333 37.8519 45.1185 37.4068 45.2018 36.9144C45.2852 36.422 45.3477 35.9201 45.3893 35.4087L45.4462 34.7724H47.0825ZM52.9122 36.5565C52.0145 36.5527 51.2474 36.3159 50.6111 35.8462C49.9747 35.3765 49.488 34.6928 49.1508 33.7951C48.8137 32.8974 48.6452 31.8159 48.6452 30.5508C48.6452 29.2894 48.8137 28.2118 49.1508 27.3178C49.4917 26.4239 49.9804 25.7421 50.6167 25.2724C51.2569 24.8027 52.0221 24.5678 52.9122 24.5678C53.8024 24.5678 54.5656 24.8046 55.202 25.2781C55.8383 25.7478 56.3251 26.4296 56.6622 27.3235C57.0031 28.2137 57.1736 29.2894 57.1736 30.5508C57.1736 31.8197 57.005 32.9031 56.6679 33.8008C56.3308 34.6947 55.844 35.3784 55.2077 35.8519C54.5713 36.3216 53.8061 36.5565 52.9122 36.5565ZM52.9122 35.0394C53.7001 35.0394 54.3156 34.6549 54.7588 33.886C55.2058 33.1171 55.4292 32.0053 55.4292 30.5508C55.4292 29.5849 55.327 28.7686 55.1224 28.1019C54.9217 27.4315 54.6319 26.9239 54.2531 26.5792C53.8781 26.2307 53.4311 26.0565 52.9122 26.0565C52.1281 26.0565 51.5126 26.4428 51.0656 27.2156C50.6186 27.9883 50.3933 29.1 50.3895 30.5508C50.3895 31.5205 50.4899 32.3406 50.6906 33.011C50.8952 33.6777 51.1849 34.1834 51.5599 34.5281C51.9349 34.869 52.3857 35.0394 52.9122 35.0394Z" fill="#1E1E1E"/>
+<path d="M78.5 24.7269L81.2841 29.2781H81.375L84.1591 24.7269H86.1932L82.5682 30.5451L86.2159 36.3633H84.1705L81.375 31.8746H81.2841L78.4886 36.3633H76.4432L80.1534 30.5451L76.4659 24.7269H78.5Z" fill="#F24822"/>
+<path d="M23.3807 68.7269H25.375L28.4148 74.0167H28.5398L31.5795 68.7269H33.5739L29.3523 75.7951V80.3633H27.6023V75.7951L23.3807 68.7269Z" fill="#3DADFF"/>
+<path d="M57 52.1816C57 51.0771 56.1046 50.1816 55 50.1816C53.8954 50.1816 53 51.0771 53 52.1816H55H57ZM53.5858 119.596C54.3668 120.377 55.6332 120.377 56.4142 119.596L69.1421 106.868C69.9232 106.087 69.9232 104.821 69.1421 104.04C68.3611 103.258 67.0948 103.258 66.3137 104.04L55 115.353L43.6863 104.04C42.9052 103.258 41.6389 103.258 40.8579 104.04C40.0768 104.821 40.0768 106.087 40.8579 106.868L53.5858 119.596ZM55 52.1816H53V118.182H55H57V52.1816H55Z" fill="#3DADFF"/>
+<path d="M55 52.1816C53.8954 52.1816 53 53.0771 53 54.1816C53 55.2862 53.8954 56.1816 55 56.1816V54.1816V52.1816ZM120.414 55.5959C121.195 54.8148 121.195 53.5485 120.414 52.7674L107.686 40.0395C106.905 39.2585 105.639 39.2585 104.858 40.0395C104.077 40.8206 104.077 42.0869 104.858 42.8679L116.172 54.1816L104.858 65.4953C104.077 66.2764 104.077 67.5427 104.858 68.3238C105.639 69.1048 106.905 69.1048 107.686 68.3238L120.414 55.5959ZM55 54.1816V56.1816H119V54.1816V52.1816H55V54.1816Z" fill="#F24822"/>
+<rect x="87" y="102.182" width="128" height="32" rx="3" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
+<circle cx="215" cy="118.182" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<path d="M95 118.182H215" stroke="#1E1E1E" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel" stroke-dasharray="16 10"/>
+<circle cx="87" cy="118.182" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<path d="M181.629 116.182C180.525 116.182 179.629 117.077 179.629 118.182C179.629 119.286 180.525 120.182 181.629 120.182V118.182V116.182ZM192.414 119.596C193.195 118.815 193.195 117.548 192.414 116.767L179.686 104.04C178.905 103.258 177.639 103.258 176.858 104.04C176.077 104.821 176.077 106.087 176.858 106.868L188.172 118.182L176.858 129.495C176.077 130.276 176.077 131.543 176.858 132.324C177.639 133.105 178.905 133.105 179.686 132.324L192.414 119.596ZM181.629 118.182V120.182H191V118.182V116.182H181.629V118.182Z" fill="black"/>
+</svg>
--- a/drawlist/line_2.svg
+++ b/drawlist/line_2.svg
@ -0,0 +1,30 @@
+<svg width="300" height="200" viewBox="0 0 300 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="300" height="200" fill="white"/>
+<rect x="91" y="117.818" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="218" y="117.818" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="123" y="117.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="155" y="117.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="187" y="117.818" width="32" height="32" rx="3" fill="#66D575"/>
+<path d="M59 53.8179V181.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M91 53.8179V181.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M123 53.8179V181.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M155 53.8179V181.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M251 53.8179V181.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M187 53.8179V181.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M219 53.8179V181.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M251 53.8179L59 53.8179" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M251 85.8179L59 85.8179" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M251 117.818L59 117.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M251 149.818L59 149.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M251 181.818L59 181.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M43.1705 36.1932C42.2727 36.1894 41.5057 35.9527 40.8693 35.483C40.233 35.0133 39.7462 34.3295 39.4091 33.4318C39.072 32.5341 38.9034 31.4527 38.9034 30.1875C38.9034 28.9261 39.072 27.8485 39.4091 26.9545C39.75 26.0606 40.2386 25.3788 40.875 24.9091C41.5152 24.4394 42.2803 24.2045 43.1705 24.2045C44.0606 24.2045 44.8239 24.4413 45.4602 24.9148C46.0966 25.3845 46.5833 26.0663 46.9205 26.9602C47.2614 27.8504 47.4318 28.9261 47.4318 30.1875C47.4318 31.4564 47.2633 32.5398 46.9261 33.4375C46.589 34.3314 46.1023 35.0152 45.4659 35.4886C44.8295 35.9583 44.0644 36.1932 43.1705 36.1932ZM43.1705 34.6761C43.9583 34.6761 44.5739 34.2917 45.017 33.5227C45.464 32.7538 45.6875 31.642 45.6875 30.1875C45.6875 29.2216 45.5852 28.4053 45.3807 27.7386C45.1799 27.0682 44.8902 26.5606 44.5114 26.2159C44.1364 25.8674 43.6894 25.6932 43.1705 25.6932C42.3864 25.6932 41.7708 26.0795 41.3239 26.8523C40.8769 27.625 40.6515 28.7367 40.6477 30.1875C40.6477 31.1572 40.7481 31.9773 40.9489 32.6477C41.1534 33.3144 41.4432 33.8201 41.8182 34.1648C42.1932 34.5057 42.6439 34.6761 43.1705 34.6761ZM51.0825 34.4091L50.9973 35.0284C50.9405 35.483 50.8439 35.9564 50.7075 36.4489C50.5749 36.9451 50.4367 37.4053 50.2928 37.8295C50.1526 38.2538 50.0371 38.5909 49.9462 38.8409H48.7416C48.7909 38.6061 48.859 38.2879 48.9462 37.8864C49.0333 37.4886 49.1185 37.0436 49.2018 36.5511C49.2852 36.0587 49.3477 35.5568 49.3893 35.0455L49.4462 34.4091H51.0825ZM56.9122 36.1932C56.0145 36.1894 55.2474 35.9527 54.6111 35.483C53.9747 35.0133 53.488 34.3295 53.1508 33.4318C52.8137 32.5341 52.6452 31.4527 52.6452 30.1875C52.6452 28.9261 52.8137 27.8485 53.1508 26.9545C53.4917 26.0606 53.9804 25.3788 54.6167 24.9091C55.2569 24.4394 56.0221 24.2045 56.9122 24.2045C57.8024 24.2045 58.5656 24.4413 59.202 24.9148C59.8383 25.3845 60.3251 26.0663 60.6622 26.9602C61.0031 27.8504 61.1736 28.9261 61.1736 30.1875C61.1736 31.4564 61.005 32.5398 60.6679 33.4375C60.3308 34.3314 59.844 35.0152 59.2077 35.4886C58.5713 35.9583 57.8061 36.1932 56.9122 36.1932ZM56.9122 34.6761C57.7001 34.6761 58.3156 34.2917 58.7588 33.5227C59.2058 32.7538 59.4292 31.642 59.4292 30.1875C59.4292 29.2216 59.327 28.4053 59.1224 27.7386C58.9217 27.0682 58.6319 26.5606 58.2531 26.2159C57.8781 25.8674 57.4311 25.6932 56.9122 25.6932C56.1281 25.6932 55.5126 26.0795 55.0656 26.8523C54.6186 27.625 54.3933 28.7367 54.3895 30.1875C54.3895 31.1572 54.4899 31.9773 54.6906 32.6477C54.8952 33.3144 55.1849 33.8201 55.5599 34.1648C55.9349 34.5057 56.3857 34.6761 56.9122 34.6761Z" fill="#1E1E1E"/>
+<path d="M82.5 24.3636L85.2841 28.9148H85.375L88.1591 24.3636H90.1932L86.5682 30.1818L90.2159 36H88.1705L85.375 31.5114H85.2841L82.4886 36H80.4432L84.1534 30.1818L80.4659 24.3636H82.5Z" fill="#F24822"/>
+<path d="M27.3807 68.3636H29.375L32.4148 73.6534H32.5398L35.5795 68.3636H37.5739L33.3523 75.4318V80H31.6023V75.4318L27.3807 68.3636Z" fill="#3DADFF"/>
+<path d="M61 51.8179C61 50.7133 60.1046 49.8179 59 49.8179C57.8954 49.8179 57 50.7133 57 51.8179H59H61ZM57.5858 119.232C58.3668 120.013 59.6332 120.013 60.4142 119.232L73.1421 106.504C73.9232 105.723 73.9232 104.457 73.1421 103.676C72.3611 102.895 71.0948 102.895 70.3137 103.676L59 114.989L47.6863 103.676C46.9052 102.895 45.6389 102.895 44.8579 103.676C44.0768 104.457 44.0768 105.723 44.8579 106.504L57.5858 119.232ZM59 51.8179H57V117.818H59H61V51.8179H59Z" fill="#3DADFF"/>
+<path d="M59 51.8179C57.8954 51.8179 57 52.7133 57 53.8179C57 54.9224 57.8954 55.8179 59 55.8179V53.8179V51.8179ZM124.414 55.2321C125.195 54.451 125.195 53.1847 124.414 52.4037L111.686 39.6757C110.905 38.8947 109.639 38.8947 108.858 39.6757C108.077 40.4568 108.077 41.7231 108.858 42.5042L120.172 53.8179L108.858 65.1316C108.077 65.9126 108.077 67.179 108.858 67.96C109.639 68.7411 110.905 68.7411 111.686 67.96L124.414 55.2321ZM59 53.8179V55.8179H123V53.8179V51.8179H59V53.8179Z" fill="#F24822"/>
+<rect x="106" y="118" width="128" height="32" rx="3" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
+<circle cx="234" cy="134" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<path d="M114 134H234" stroke="#1E1E1E" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel" stroke-dasharray="16 10"/>
+<circle cx="106" cy="134" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<path d="M204.073 132.182C202.969 132.182 202.073 133.077 202.073 134.182C202.073 135.286 202.969 136.182 204.073 136.182V134.182V132.182ZM219.785 135.596C220.566 134.815 220.566 133.548 219.785 132.767L207.057 120.04C206.276 119.258 205.009 119.258 204.228 120.04C203.447 120.821 203.447 122.087 204.228 122.868L215.542 134.182L204.228 145.495C203.447 146.276 203.447 147.543 204.228 148.324C205.009 149.105 206.276 149.105 207.057 148.324L219.785 135.596ZM204.073 134.182V136.182H218.371V134.182V132.182H204.073V134.182Z" fill="black"/>
+</svg>
--- a/drawlist/line_3.svg
+++ b/drawlist/line_3.svg
@ -0,0 +1,29 @@
+<svg width="300" height="200" viewBox="0 0 300 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="300" height="200" fill="white"/>
+<rect x="166" y="118" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="198" y="118" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="134" y="118" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="102" y="118" width="32" height="32" rx="3" fill="#66D575"/>
+<path d="M70 54V182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M102 54V182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M134 54V182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M166 54V182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M262 54V182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M198 54V182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M230 54V182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M262 54L70 54" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M262 86L70 86" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M262 118L70 118" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M262 150L70 150" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M262 182L70 182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M54.1705 36.3748C53.2727 36.371 52.5057 36.1343 51.8693 35.6646C51.233 35.1949 50.7462 34.5112 50.4091 33.6135C50.072 32.7157 49.9034 31.6343 49.9034 30.3691C49.9034 29.1078 50.072 28.0301 50.4091 27.1362C50.75 26.2422 51.2386 25.5604 51.875 25.0907C52.5152 24.621 53.2803 24.3862 54.1705 24.3862C55.0606 24.3862 55.8239 24.6229 56.4602 25.0964C57.0966 25.5661 57.5833 26.2479 57.9205 27.1419C58.2614 28.032 58.4318 29.1078 58.4318 30.3691C58.4318 31.6381 58.2633 32.7214 57.9261 33.6191C57.589 34.5131 57.1023 35.1968 56.4659 35.6703C55.8295 36.14 55.0644 36.3748 54.1705 36.3748ZM54.1705 34.8578C54.9583 34.8578 55.5739 34.4733 56.017 33.7044C56.464 32.9354 56.6875 31.8237 56.6875 30.3691C56.6875 29.4032 56.5852 28.5869 56.3807 27.9203C56.1799 27.2498 55.8902 26.7422 55.5114 26.3975C55.1364 26.0491 54.6894 25.8748 54.1705 25.8748C53.3864 25.8748 52.7708 26.2612 52.3239 27.0339C51.8769 27.8066 51.6515 28.9184 51.6477 30.3691C51.6477 31.3388 51.7481 32.1589 51.9489 32.8294C52.1534 33.496 52.4432 34.0017 52.8182 34.3464C53.1932 34.6873 53.6439 34.8578 54.1705 34.8578ZM62.0825 34.5907L61.9973 35.21C61.9405 35.6646 61.8439 36.1381 61.7075 36.6305C61.5749 37.1267 61.4367 37.5869 61.2928 38.0112C61.1526 38.4354 61.0371 38.7725 60.9462 39.0225H59.7416C59.7909 38.7877 59.859 38.4695 59.9462 38.068C60.0333 37.6703 60.1185 37.2252 60.2018 36.7328C60.2852 36.2404 60.3477 35.7385 60.3893 35.2271L60.4462 34.5907H62.0825ZM67.9122 36.3748C67.0145 36.371 66.2474 36.1343 65.6111 35.6646C64.9747 35.1949 64.488 34.5112 64.1508 33.6135C63.8137 32.7157 63.6452 31.6343 63.6452 30.3691C63.6452 29.1078 63.8137 28.0301 64.1508 27.1362C64.4917 26.2422 64.9804 25.5604 65.6167 25.0907C66.2569 24.621 67.0221 24.3862 67.9122 24.3862C68.8024 24.3862 69.5656 24.6229 70.202 25.0964C70.8383 25.5661 71.3251 26.2479 71.6622 27.1419C72.0031 28.032 72.1736 29.1078 72.1736 30.3691C72.1736 31.6381 72.005 32.7214 71.6679 33.6191C71.3308 34.5131 70.844 35.1968 70.2077 35.6703C69.5713 36.14 68.8061 36.3748 67.9122 36.3748ZM67.9122 34.8578C68.7001 34.8578 69.3156 34.4733 69.7588 33.7044C70.2058 32.9354 70.4292 31.8237 70.4292 30.3691C70.4292 29.4032 70.327 28.5869 70.1224 27.9203C69.9217 27.2498 69.6319 26.7422 69.2531 26.3975C68.8781 26.0491 68.4311 25.8748 67.9122 25.8748C67.1281 25.8748 66.5126 26.2612 66.0656 27.0339C65.6186 27.8066 65.3933 28.9184 65.3895 30.3691C65.3895 31.3388 65.4899 32.1589 65.6906 32.8294C65.8952 33.496 66.1849 34.0017 66.5599 34.3464C66.9349 34.6873 67.3857 34.8578 67.9122 34.8578Z" fill="#1E1E1E"/>
+<path d="M93.5 24.5453L96.2841 29.0964H96.375L99.1591 24.5453H101.193L97.5682 30.3635L101.216 36.1816H99.1705L96.375 31.693H96.2841L93.4886 36.1816H91.4432L95.1534 30.3635L91.4659 24.5453H93.5Z" fill="#F24822"/>
+<path d="M38.3807 68.5453H40.375L43.4148 73.835H43.5398L46.5795 68.5453H48.5739L44.3523 75.6135V80.1816H42.6023V75.6135L38.3807 68.5453Z" fill="#3DADFF"/>
+<path d="M72 52C72 50.8954 71.1046 50 70 50C68.8954 50 68 50.8954 68 52H70H72ZM68.5858 119.414C69.3668 120.195 70.6332 120.195 71.4142 119.414L84.1421 106.686C84.9232 105.905 84.9232 104.639 84.1421 103.858C83.3611 103.077 82.0948 103.077 81.3137 103.858L70 115.172L58.6863 103.858C57.9052 103.077 56.6389 103.077 55.8579 103.858C55.0768 104.639 55.0768 105.905 55.8579 106.686L68.5858 119.414ZM70 52H68V118H70H72V52H70Z" fill="#3DADFF"/>
+<path d="M70 52C68.8954 52 68 52.8954 68 54C68 55.1046 68.8954 56 70 56V54V52ZM135.414 55.4142C136.195 54.6332 136.195 53.3668 135.414 52.5858L122.686 39.8579C121.905 39.0768 120.639 39.0768 119.858 39.8579C119.077 40.6389 119.077 41.9052 119.858 42.6863L131.172 54L119.858 65.3137C119.077 66.0948 119.077 67.3611 119.858 68.1421C120.639 68.9232 121.905 68.9232 122.686 68.1421L135.414 55.4142ZM70 54V56H134V54V52H70V54Z" fill="#F24822"/>
+<rect x="102" y="118" width="128" height="32" rx="3" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
+<circle cx="230" cy="118" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="102" cy="118" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<path d="M118 118H214" stroke="#1E1E1E" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel" stroke-dasharray="16 10"/>
+<path d="M205.5 116C204.395 116 203.5 116.895 203.5 118C203.5 119.105 204.395 120 205.5 120V118V116ZM214.914 119.414C215.695 118.633 215.695 117.367 214.914 116.586L202.186 103.858C201.405 103.077 200.139 103.077 199.358 103.858C198.577 104.639 198.577 105.905 199.358 106.686L210.672 118L199.358 129.314C198.577 130.095 198.577 131.361 199.358 132.142C200.139 132.923 201.405 132.923 202.186 132.142L214.914 119.414ZM205.5 118V120H213.5V118V116H205.5V118Z" fill="black"/>
+</svg>
--- a/drawlist/line_basics.svg
+++ b/drawlist/line_basics.svg
--- a/drawlist/line_flags.svg
+++ b/drawlist/line_flags.svg
@ -0,0 +1,16 @@
+<svg width="456" height="299" viewBox="0 0 456 299" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="456" height="299" fill="white"/>
+<rect x="23" width="378" height="267" fill="url(#pattern0_300_7380)"/>
+<path opacity="0.5" d="M106.833 208.5C106.833 214.391 111.609 219.167 117.5 219.167C123.391 219.167 128.167 214.391 128.167 208.5C128.167 202.609 123.391 197.833 117.5 197.833C111.609 197.833 106.833 202.609 106.833 208.5ZM67.3333 58C67.3333 63.891 72.109 68.6667 78 68.6667C83.891 68.6667 88.6667 63.891 88.6667 58C88.6667 52.109 83.891 47.3333 78 47.3333C72.109 47.3333 67.3333 52.109 67.3333 58ZM78 58L76.0655 58.5077L77.053 62.2702L78.9875 61.7625L80.922 61.2548L79.9345 57.4923L78 58ZM80.9625 69.2875L79.028 69.7952L81.003 77.3202L82.9375 76.8125L84.872 76.3048L82.897 68.7798L80.9625 69.2875ZM84.9125 84.3375L82.978 84.8452L84.953 92.3702L86.8875 91.8625L88.822 91.3548L86.847 83.8298L84.9125 84.3375ZM88.8625 99.3875L86.928 99.8952L88.903 107.42L90.8375 106.912L92.772 106.405L90.797 98.8798L88.8625 99.3875ZM92.8125 114.438L90.878 114.945L92.853 122.47L94.7875 121.963L96.722 121.455L94.747 113.93L92.8125 114.438ZM96.7625 129.487L94.828 129.995L96.803 137.52L98.7375 137.012L100.672 136.505L98.697 128.98L96.7625 129.487ZM100.712 144.537L98.778 145.045L100.753 152.57L102.688 152.062L104.622 151.555L102.647 144.03L100.712 144.537ZM104.663 159.588L102.728 160.095L104.703 167.62L106.638 167.113L108.572 166.605L106.597 159.08L104.663 159.588ZM108.612 174.637L106.678 175.145L108.653 182.67L110.587 182.162L112.522 181.655L110.547 174.13L108.612 174.637ZM112.562 189.687L110.628 190.195L112.603 197.72L114.537 197.212L116.472 196.705L114.497 189.18L112.562 189.687ZM116.512 204.737L114.578 205.245L115.566 209.008L117.5 208.5L119.434 207.992L118.447 204.23L116.512 204.737Z" fill="black"/>
+<path opacity="0.5" d="M224.833 208.5C224.833 214.391 229.609 219.167 235.5 219.167C241.391 219.167 246.167 214.391 246.167 208.5C246.167 202.609 241.391 197.833 235.5 197.833C229.609 197.833 224.833 202.609 224.833 208.5ZM185.333 58C185.333 63.891 190.109 68.6667 196 68.6667C201.891 68.6667 206.667 63.891 206.667 58C206.667 52.109 201.891 47.3333 196 47.3333C190.109 47.3333 185.333 52.109 185.333 58ZM196 58L194.066 58.5077L195.053 62.2702L196.988 61.7625L198.922 61.2548L197.934 57.4923L196 58ZM198.963 69.2875L197.028 69.7952L199.003 77.3202L200.938 76.8125L202.872 76.3048L200.897 68.7798L198.963 69.2875ZM202.912 84.3375L200.978 84.8452L202.953 92.3702L204.887 91.8625L206.822 91.3548L204.847 83.8298L202.912 84.3375ZM206.863 99.3875L204.928 99.8952L206.903 107.42L208.837 106.912L210.772 106.405L208.797 98.8798L206.863 99.3875ZM210.812 114.438L208.878 114.945L210.853 122.47L212.788 121.963L214.722 121.455L212.747 113.93L210.812 114.438ZM214.762 129.487L212.828 129.995L214.803 137.52L216.737 137.012L218.672 136.505L216.697 128.98L214.762 129.487ZM218.712 144.537L216.778 145.045L218.753 152.57L220.688 152.062L222.622 151.555L220.647 144.03L218.712 144.537ZM222.663 159.588L220.728 160.095L222.703 167.62L224.638 167.113L226.572 166.605L224.597 159.08L222.663 159.588ZM226.612 174.637L224.678 175.145L226.653 182.67L228.587 182.162L230.522 181.655L228.547 174.13L226.612 174.637ZM230.562 189.687L228.628 190.195L230.603 197.72L232.537 197.212L234.472 196.705L232.497 189.18L230.562 189.687ZM234.512 204.737L232.578 205.245L233.566 209.008L235.5 208.5L237.434 207.992L236.447 204.23L234.512 204.737Z" fill="black"/>
+<path opacity="0.5" d="M344.833 208.5C344.833 214.391 349.609 219.167 355.5 219.167C361.391 219.167 366.167 214.391 366.167 208.5C366.167 202.609 361.391 197.833 355.5 197.833C349.609 197.833 344.833 202.609 344.833 208.5ZM305.333 58C305.333 63.891 310.109 68.6667 316 68.6667C321.891 68.6667 326.667 63.891 326.667 58C326.667 52.109 321.891 47.3333 316 47.3333C310.109 47.3333 305.333 52.109 305.333 58ZM316 58L314.066 58.5077L315.053 62.2702L316.988 61.7625L318.922 61.2548L317.934 57.4923L316 58ZM318.963 69.2875L317.028 69.7952L319.003 77.3202L320.938 76.8125L322.872 76.3048L320.897 68.7798L318.963 69.2875ZM322.912 84.3375L320.978 84.8452L322.953 92.3702L324.887 91.8625L326.822 91.3548L324.847 83.8298L322.912 84.3375ZM326.863 99.3875L324.928 99.8952L326.903 107.42L328.837 106.912L330.772 106.405L328.797 98.8798L326.863 99.3875ZM330.812 114.438L328.878 114.945L330.853 122.47L332.788 121.963L334.722 121.455L332.747 113.93L330.812 114.438ZM334.762 129.487L332.828 129.995L334.803 137.52L336.737 137.012L338.672 136.505L336.697 128.98L334.762 129.487ZM338.712 144.537L336.778 145.045L338.753 152.57L340.688 152.062L342.622 151.555L340.647 144.03L338.712 144.537ZM342.663 159.588L340.728 160.095L342.703 167.62L344.638 167.113L346.572 166.605L344.597 159.08L342.663 159.588ZM346.612 174.637L344.678 175.145L346.653 182.67L348.587 182.162L350.522 181.655L348.547 174.13L346.612 174.637ZM350.562 189.687L348.628 190.195L350.603 197.72L352.537 197.212L354.472 196.705L352.497 189.18L350.562 189.687ZM354.512 204.737L352.578 205.245L353.566 209.008L355.5 208.5L357.434 207.992L356.447 204.23L354.512 204.737Z" fill="black"/>
+<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="12" letter-spacing="-0.011em"><tspan x="90" y="273.14">Normal</tspan></text>
+<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="12" letter-spacing="-0.011em"><tspan x="196" y="273.14">SquareCap</tspan></text>
+<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="12" letter-spacing="-0.011em"><tspan x="316" y="273.14">NoAAEnds</tspan></text>
+<defs>
+<pattern id="pattern0_300_7380" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_300_7380" transform="scale(0.0026455 0.00374532)"/>
+</pattern>
+<image id="image0_300_7380" width="378" height="267" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXoAAAELCAYAAADX3k30AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAkjSURBVHhe7dzBblTnHcbhGUuRmCWusplFk44TcHob9hbuoRWWYNfEbCpBFwWpG5x0B5JRew+whdtobBImSReziWovBynSTNffP9EZRcH4nJfnWb5oCNI35zdn8Snj9Xq9HgEQa6sOAGQReoBwQg8QTugBwgk9QDihBwgn9ADhhB4gnNADhBN6gHBCDxBu7P91Q9+sRqs6NV4tv69T45s339Wp8e3yhzo1/jL9U50a49G4TtBr3ugBwgk9QDihBwgn9ADhhB4gnNADhBN6gHDu0fMzF32P/dVyw59v+Pxq3f3v+63uTg/q1Lg+mdUJes0bPUA4oQcIJ/QA4YQeIJzQA4QTeoBwQg8Qzj16fuarxb/q1PjP8ps6Rbm5vV+nxo2re3WCXvNGDxBO6AHCCT1AOKEHCCf0AOGEHiCc0AOEc4+en3l+/rJOjWdnL+oU5bPJTp0aX0xv1Ql6zRs9QDihBwgn9ADhhB4gnNADhBN6gHBCDxAu8h79jz/9r06NV2++r1Pjm+V3dWp8++aHOjX+/vvP69TY6vnv6+lyXqfGo8VxnaJsjbvP58nsYZ0a49G4TrxDB6//WqfGpvN9PHtQp0bfn99fMrx/MQC/itADhBN6gHBCDxBO6AHCCT1AOKEHCHch9+h//OmsTo1Xb7rvqW+6x77pHvyme/QX7XB6UKfG7mRWp15Zj7q/Erfn9+rUWK1XdYpyd8P5Xu/5+V60TffY+27oz+8v8UYPEE7oAcIJPUA4oQcIJ/QA4YQeIJzQA4S7kHv0R4undWqcLF/XKcrN7f06NW5c3avToDhf55ss8Xy90QOEE3qAcEIPEE7oAcIJPUA4oQcIJ/QA4S7kHv3z85d1ajw7e1GnKLuTnTo1Dqe36jQo7/v5frbhfL9wvoOW+Px6owcIJ/QA4YQeIJzQA4QTeoBwQg8QTugBwl3IPfqT5bxOjaPFcZ2ibI27fz8fzx7UqbHV89/f0w3n++g9P98ns4d1aoxH4zr1iue3+3yH+Pz2718EwFsl9ADhhB4gnNADhBN6gHBCDxBO6AHCXcg9+tVoVafGnfn9OjVW6+7PD93h9KBOjd3JrE69sh51f2Vuz+/VqZF+vnc3nO/1np+v57fbEJ9fb/QA4YQeIJzQA4QTeoBwQg8QTugBwgk9QLgLuUe/ydHiaZ0aJ8vXdYpyc3u/To0bV/fqNCjO1/kmG+L5eqMHCCf0AOGEHiCc0AOEE3qAcEIPEE7oAcJdyj365+cv69R4dvaiTlF2Jzt1ahxOb9VpUJyv8002xPP1Rg8QTugBwgk9QDihBwgn9ADhhB4gnNADhLuUe/Qny3mdGkeL4zpF2Rp3/74+nj2oU2Or57/PpxvO99F7fr5PZg/r1BiPxnXqFc9v9/n28fl99/9FAN4poQcIJ/QA4YQeIJzQA4QTeoBwQg8Q7lLu0a9Gqzo17szv16mxWnd/fugOpwd1auxOZnXqlfWo+yt1e36vTo3087274Xyv9/x8Pb/d+vj8eqMHCCf0AOGEHiCc0AOEE3qAcEIPEE7oAcJdyj36TY4WT+vUOFm+rlOUm9v7dWrcuLpXp0Fxvs43WR/P1xs9QDihBwgn9ADhhB4gnNADhBN6gHBCDxCul/fon5+/rFPj2dmLOkXZnezUqXE4vVWnQXG+zjdZH8/XGz1AOKEHCCf0AOGEHiCc0AOEE3qAcEIPEK6X9+hPlvM6NY4Wx3WKsjXu/v19PHtQp8ZWz3+/Tzec76P3/HyfzB7WqTEejevUK57f7vO9jOf37f+NAPSK0AOEE3qAcEIPEE7oAcIJPUA4oQcI18t79KvRqk6NO/P7dWqs1t2fH7rD6UGdGruTWZ16ZT3q/srdnt+rUyP9fO9uON/rPT9fz2+3y3h+vdEDhBN6gHBCDxBO6AHCCT1AOKEHCCf0AOF6eY9+k6PF0zo1Tpav6xTl5vZ+nRo3ru7VaVCcr/NNdhnn640eIJzQA4QTeoBwQg8QTugBwgk9QDihBwg3yHv0z89f1qnx7OxFnaLsTnbq1Dic3qrToDhf55vsMs7XGz1AOKEHCCf0AOGEHiCc0AOEE3qAcEIPEG6Q9+hPlvM6NY4Wx3WKsjXu/n1+PHtQp8ZWz3/fTzec76P3/HyfzB7WqTEejevUK57f7vO9iOf3138CgEEReoBwQg8QTugBwgk9QDihBwgn9ADhBnmPfjVa1alxZ36/To3VuvvzQ3c4PahTY3cyq1OvrEfdX8nb83t1aqSf790N53u95+fr+e12Ec+vN3qAcEIPEE7oAcIJPUA4oQcIJ/QA4YQeINwg79FvcrR4WqfGyfJ1naLc3N6vU+PG1b06DcqXG873a+dbp0Hx/L798/VGDxBO6AHCCT1AOKEHCCf0AOGEHiCc0AOEi7xH//z8ZZ0az85e1CnK7mSnTo3D6a06DYrzdb7JLuJ8vdEDhBN6gHBCDxBO6AHCCT1AOKEHCCf0AOEi79GfLOd1ahwtjuv0Tn34we/q1Lh25eM6NT6d/KFOjWtXuv/8ww+26zQopxvO99Eln+9F2xp3v589mT2sU2M8GtepV/r+/P5Wxzv/qNOF6/7GADB4Qg8QTugBwgk9QDihBwgn9ADhhB4gXOQ9+tVoVafG3/77VZ0an1z5qE6NzffYu+/Bb7pHT7f1qPsre3t+r06N1br7+zF0d6cHdWpcn8zq1Cubnt878/t1amw638u4x37ZvNEDhBN6gHBCDxBO6AHCCT1AOKEHCCf0AOEi79Hzfvty8bROja+Xr+sU5eb2fp0aN67u1Ylw3ugBwgk9QDihBwgn9ADhhB4gnNADhBN6gHDu0RPn+fnLOjWenb2oU5Q/Tj6tU+Pz6Z/rRDhv9ADhhB4gnNADhBN6gHBCDxBO6AHCCT1AOPfoiXO6nNep8WhxXKe3amvc/f507cof6tS4Nun+8083fv7jOjW2vN+9d5w4QDihBwgn9ADhhB4gnNADhBN6gHBCDxDOPXrirEfdX+l/Lv5dp8Ynk4/q1HCPnaHxjQMIJ/QA4YQeIJzQA4QTeoBwQg8QTugBwrlHDxDOGz1AOKEHCCf0AOGEHiCc0AOEE3qAcEIPEE7oAcIJPUA4oQcIJ/QA4YQeIJzQA4QTeoBw/wdsCnKVnrRsyQAAAABJRU5ErkJggg=="/>
+</defs>
+</svg>
--- a/drawlist/lineh_0.svg
+++ b/drawlist/lineh_0.svg
@ -0,0 +1,29 @@
+<svg width="300" height="200" viewBox="0 0 300 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="300" height="200" fill="white"/>
+<rect x="154" y="111.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="186" y="111.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="122" y="111.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="90" y="111.818" width="32" height="32" rx="3" fill="#66D575"/>
+<path d="M58 47.8184V175.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M90 47.8184V175.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M122 47.8184V175.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M154 47.8184V175.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M250 47.8184V175.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M186 47.8184V175.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M218 47.8184V175.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M250 47.8184L58 47.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M250 79.8184L58 79.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M250 111.818L58 111.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M250 143.818L58 143.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M250 175.818L58 175.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M42.1705 30.1932C41.2727 30.1894 40.5057 29.9527 39.8693 29.483C39.233 29.0133 38.7462 28.3295 38.4091 27.4318C38.072 26.5341 37.9034 25.4527 37.9034 24.1875C37.9034 22.9261 38.072 21.8485 38.4091 20.9545C38.75 20.0606 39.2386 19.3788 39.875 18.9091C40.5152 18.4394 41.2803 18.2045 42.1705 18.2045C43.0606 18.2045 43.8239 18.4413 44.4602 18.9148C45.0966 19.3845 45.5833 20.0663 45.9205 20.9602C46.2614 21.8504 46.4318 22.9261 46.4318 24.1875C46.4318 25.4564 46.2633 26.5398 45.9261 27.4375C45.589 28.3314 45.1023 29.0152 44.4659 29.4886C43.8295 29.9583 43.0644 30.1932 42.1705 30.1932ZM42.1705 28.6761C42.9583 28.6761 43.5739 28.2917 44.017 27.5227C44.464 26.7538 44.6875 25.642 44.6875 24.1875C44.6875 23.2216 44.5852 22.4053 44.3807 21.7386C44.1799 21.0682 43.8902 20.5606 43.5114 20.2159C43.1364 19.8674 42.6894 19.6932 42.1705 19.6932C41.3864 19.6932 40.7708 20.0795 40.3239 20.8523C39.8769 21.625 39.6515 22.7367 39.6477 24.1875C39.6477 25.1572 39.7481 25.9773 39.9489 26.6477C40.1534 27.3144 40.4432 27.8201 40.8182 28.1648C41.1932 28.5057 41.6439 28.6761 42.1705 28.6761ZM50.0825 28.4091L49.9973 29.0284C49.9405 29.483 49.8439 29.9564 49.7075 30.4489C49.5749 30.9451 49.4367 31.4053 49.2928 31.8295C49.1526 32.2538 49.0371 32.5909 48.9462 32.8409H47.7416C47.7909 32.6061 47.859 32.2879 47.9462 31.8864C48.0333 31.4886 48.1185 31.0436 48.2018 30.5511C48.2852 30.0587 48.3477 29.5568 48.3893 29.0455L48.4462 28.4091H50.0825ZM55.9122 30.1932C55.0145 30.1894 54.2474 29.9527 53.6111 29.483C52.9747 29.0133 52.488 28.3295 52.1508 27.4318C51.8137 26.5341 51.6452 25.4527 51.6452 24.1875C51.6452 22.9261 51.8137 21.8485 52.1508 20.9545C52.4917 20.0606 52.9804 19.3788 53.6167 18.9091C54.2569 18.4394 55.0221 18.2045 55.9122 18.2045C56.8024 18.2045 57.5656 18.4413 58.202 18.9148C58.8383 19.3845 59.3251 20.0663 59.6622 20.9602C60.0031 21.8504 60.1736 22.9261 60.1736 24.1875C60.1736 25.4564 60.005 26.5398 59.6679 27.4375C59.3308 28.3314 58.844 29.0152 58.2077 29.4886C57.5713 29.9583 56.8061 30.1932 55.9122 30.1932ZM55.9122 28.6761C56.7001 28.6761 57.3156 28.2917 57.7588 27.5227C58.2058 26.7538 58.4292 25.642 58.4292 24.1875C58.4292 23.2216 58.327 22.4053 58.1224 21.7386C57.9217 21.0682 57.6319 20.5606 57.2531 20.2159C56.8781 19.8674 56.4311 19.6932 55.9122 19.6932C55.1281 19.6932 54.5126 20.0795 54.0656 20.8523C53.6186 21.625 53.3933 22.7367 53.3895 24.1875C53.3895 25.1572 53.4899 25.9773 53.6906 26.6477C53.8952 27.3144 54.1849 27.8201 54.5599 28.1648C54.9349 28.5057 55.3857 28.6761 55.9122 28.6761Z" fill="#1E1E1E"/>
+<path d="M81.5 18.3636L84.2841 22.9148H84.375L87.1591 18.3636H89.1932L85.5682 24.1818L89.2159 30H87.1705L84.375 25.5114H84.2841L81.4886 30H79.4432L83.1534 24.1818L79.4659 18.3636H81.5Z" fill="#F24822"/>
+<path d="M26.3807 62.3636H28.375L31.4148 67.6534H31.5398L34.5795 62.3636H36.5739L32.3523 69.4318V74H30.6023V69.4318L26.3807 62.3636Z" fill="#3DADFF"/>
+<path d="M60 45.8184C60 44.7138 59.1046 43.8184 58 43.8184C56.8954 43.8184 56 44.7138 56 45.8184H58H60ZM56.5858 113.233C57.3668 114.014 58.6332 114.014 59.4142 113.233L72.1421 100.505C72.9232 99.7236 72.9232 98.4573 72.1421 97.6762C71.3611 96.8952 70.0948 96.8952 69.3137 97.6762L58 108.99L46.6863 97.6762C45.9052 96.8952 44.6389 96.8952 43.8579 97.6762C43.0768 98.4573 43.0768 99.7236 43.8579 100.505L56.5858 113.233ZM58 45.8184H56V111.818H58H60V45.8184H58Z" fill="#3DADFF"/>
+<path d="M58 45.8184C56.8954 45.8184 56 46.7138 56 47.8184C56 48.9229 56.8954 49.8184 58 49.8184V47.8184V45.8184ZM123.414 49.2326C124.195 48.4515 124.195 47.1852 123.414 46.4041L110.686 33.6762C109.905 32.8952 108.639 32.8952 107.858 33.6762C107.077 34.4573 107.077 35.7236 107.858 36.5047L119.172 47.8184L107.858 59.1321C107.077 59.9131 107.077 61.1794 107.858 61.9605C108.639 62.7415 109.905 62.7415 110.686 61.9605L123.414 49.2326ZM58 47.8184V49.8184H122V47.8184V45.8184H58V47.8184Z" fill="#F24822"/>
+<rect x="106" y="111.818" width="128" height="32" rx="3" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
+<circle cx="218" cy="111.818" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="90" cy="111.818" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<path d="M192.386 109.818C191.281 109.818 190.386 110.714 190.386 111.818C190.386 112.923 191.281 113.818 192.386 113.818V111.818V109.818ZM203.414 113.233C204.195 112.452 204.195 111.185 203.414 110.404L190.686 97.6762C189.905 96.8952 188.639 96.8952 187.858 97.6762C187.077 98.4573 187.077 99.7236 187.858 100.505L199.172 111.818L187.858 123.132C187.077 123.913 187.077 125.179 187.858 125.96C188.639 126.742 189.905 126.742 190.686 125.96L203.414 113.233ZM192.386 111.818V113.818H202V111.818V109.818H192.386V111.818Z" fill="black"/>
+<path d="M106 111.818H202" stroke="#1E1E1E" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel" stroke-dasharray="16 10"/>
+</svg>
--- a/drawlist/lineh_1.svg
+++ b/drawlist/lineh_1.svg
@ -0,0 +1,28 @@
+<svg width="300" height="200" viewBox="0 0 300 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="300" height="200" fill="white"/>
+<rect x="150" y="108.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="182" y="108.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="118" y="108.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="86" y="108.818" width="32" height="32" rx="3" fill="#66D575"/>
+<path d="M86 44.8184V172.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M54 44.8184V172.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M118 44.8184V172.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M150 44.8184V172.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M246 44.8184V172.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M182 44.8184V172.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M214 44.8184V172.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M246 44.8184L54 44.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M246 76.8184L54 76.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M246 108.818L54 108.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M246 140.818L54 140.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M246 172.818L54 172.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M77.5 15.3636L80.2841 19.9148H80.375L83.1591 15.3636H85.1932L81.5682 21.1818L85.2159 27H83.1705L80.375 22.5114H80.2841L77.4886 27H75.4432L79.1534 21.1818L75.4659 15.3636H77.5Z" fill="#F24822"/>
+<path d="M22.3807 59.3636H24.375L27.4148 64.6534H27.5398L30.5795 59.3636H32.5739L28.3523 66.4318V71H26.6023V66.4318L22.3807 59.3636Z" fill="#3DADFF"/>
+<path d="M56 42.8184C56 41.7138 55.1046 40.8184 54 40.8184C52.8954 40.8184 52 41.7138 52 42.8184H54H56ZM52.5858 110.233C53.3668 111.014 54.6332 111.014 55.4142 110.233L68.1421 97.5047C68.9232 96.7236 68.9232 95.4573 68.1421 94.6762C67.3611 93.8952 66.0948 93.8952 65.3137 94.6762L54 105.99L42.6863 94.6762C41.9052 93.8952 40.6389 93.8952 39.8579 94.6762C39.0768 95.4573 39.0768 96.7236 39.8579 97.5047L52.5858 110.233ZM54 42.8184H52V108.818H54H56V42.8184H54Z" fill="#3DADFF"/>
+<path d="M54 42.8184C52.8954 42.8184 52 43.7138 52 44.8184C52 45.9229 52.8954 46.8184 54 46.8184V44.8184V42.8184ZM119.414 46.2326C120.195 45.4515 120.195 44.1852 119.414 43.4041L106.686 30.6762C105.905 29.8952 104.639 29.8952 103.858 30.6762C103.077 31.4573 103.077 32.7236 103.858 33.5047L115.172 44.8184L103.858 56.1321C103.077 56.9131 103.077 58.1794 103.858 58.9605C104.639 59.7415 105.905 59.7415 106.686 58.9605L119.414 46.2326ZM54 44.8184V46.8184H118V44.8184V42.8184H54V44.8184Z" fill="#F24822"/>
+<rect x="86" y="109" width="128" height="32" rx="3" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
+<circle cx="214" cy="108.818" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="86" cy="108.818" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<path d="M102 108.818H198" stroke="#1E1E1E" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel" stroke-dasharray="16 10"/>
+<path d="M182 106.818C180.895 106.818 180 107.714 180 108.818C180 109.923 180.895 110.818 182 110.818V108.818V106.818ZM199.414 110.233C200.195 109.452 200.195 108.185 199.414 107.404L186.686 94.6762C185.905 93.8952 184.639 93.8952 183.858 94.6762C183.077 95.4573 183.077 96.7236 183.858 97.5047L195.172 108.818L183.858 120.132C183.077 120.913 183.077 122.179 183.858 122.96C184.639 123.742 185.905 123.742 186.686 122.96L199.414 110.233ZM182 108.818V110.818H198V108.818V106.818H182V108.818Z" fill="black"/>
+</svg>
--- a/drawlist/lineh_basics.svg
+++ b/drawlist/lineh_basics.svg
--- a/drawlist/linev_0.svg
+++ b/drawlist/linev_0.svg
@ -0,0 +1,30 @@
+<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="250" height="250" fill="white"/>
+<rect x="113" y="139" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="113" y="171" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="113" y="106.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="113" y="75" width="32" height="32" rx="3" fill="#66D575"/>
+<path d="M49 42.8184V235" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M81 42.8184V235" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M113 42.8184V235" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M145 42.8184V235" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M177 42.8184V235" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M209 42.8184V235" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M209 42.8184L49 42.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M209 74.8184L49 74.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M209 106.818L49 106.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M209 138.818L49 138.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M209 203L49 203" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M209 170.818L49 170.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M209 235L49 235" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M33.1705 25.1932C32.2727 25.1894 31.5057 24.9527 30.8693 24.483C30.233 24.0133 29.7462 23.3295 29.4091 22.4318C29.072 21.5341 28.9034 20.4527 28.9034 19.1875C28.9034 17.9261 29.072 16.8485 29.4091 15.9545C29.75 15.0606 30.2386 14.3788 30.875 13.9091C31.5152 13.4394 32.2803 13.2045 33.1705 13.2045C34.0606 13.2045 34.8239 13.4413 35.4602 13.9148C36.0966 14.3845 36.5833 15.0663 36.9205 15.9602C37.2614 16.8504 37.4318 17.9261 37.4318 19.1875C37.4318 20.4564 37.2633 21.5398 36.9261 22.4375C36.589 23.3314 36.1023 24.0152 35.4659 24.4886C34.8295 24.9583 34.0644 25.1932 33.1705 25.1932ZM33.1705 23.6761C33.9583 23.6761 34.5739 23.2917 35.017 22.5227C35.464 21.7538 35.6875 20.642 35.6875 19.1875C35.6875 18.2216 35.5852 17.4053 35.3807 16.7386C35.1799 16.0682 34.8902 15.5606 34.5114 15.2159C34.1364 14.8674 33.6894 14.6932 33.1705 14.6932C32.3864 14.6932 31.7708 15.0795 31.3239 15.8523C30.8769 16.625 30.6515 17.7367 30.6477 19.1875C30.6477 20.1572 30.7481 20.9773 30.9489 21.6477C31.1534 22.3144 31.4432 22.8201 31.8182 23.1648C32.1932 23.5057 32.6439 23.6761 33.1705 23.6761ZM41.0825 23.4091L40.9973 24.0284C40.9405 24.483 40.8439 24.9564 40.7075 25.4489C40.5749 25.9451 40.4367 26.4053 40.2928 26.8295C40.1526 27.2538 40.0371 27.5909 39.9462 27.8409H38.7416C38.7909 27.6061 38.859 27.2879 38.9462 26.8864C39.0333 26.4886 39.1185 26.0436 39.2018 25.5511C39.2852 25.0587 39.3477 24.5568 39.3893 24.0455L39.4462 23.4091H41.0825ZM46.9122 25.1932C46.0145 25.1894 45.2474 24.9527 44.6111 24.483C43.9747 24.0133 43.488 23.3295 43.1508 22.4318C42.8137 21.5341 42.6452 20.4527 42.6452 19.1875C42.6452 17.9261 42.8137 16.8485 43.1508 15.9545C43.4917 15.0606 43.9804 14.3788 44.6167 13.9091C45.2569 13.4394 46.0221 13.2045 46.9122 13.2045C47.8024 13.2045 48.5656 13.4413 49.202 13.9148C49.8383 14.3845 50.3251 15.0663 50.6622 15.9602C51.0031 16.8504 51.1736 17.9261 51.1736 19.1875C51.1736 20.4564 51.005 21.5398 50.6679 22.4375C50.3308 23.3314 49.844 24.0152 49.2077 24.4886C48.5713 24.9583 47.8061 25.1932 46.9122 25.1932ZM46.9122 23.6761C47.7001 23.6761 48.3156 23.2917 48.7588 22.5227C49.2058 21.7538 49.4292 20.642 49.4292 19.1875C49.4292 18.2216 49.327 17.4053 49.1224 16.7386C48.9217 16.0682 48.6319 15.5606 48.2531 15.2159C47.8781 14.8674 47.4311 14.6932 46.9122 14.6932C46.1281 14.6932 45.5126 15.0795 45.0656 15.8523C44.6186 16.625 44.3933 17.7367 44.3895 19.1875C44.3895 20.1572 44.4899 20.9773 44.6906 21.6477C44.8952 22.3144 45.1849 22.8201 45.5599 23.1648C45.9349 23.5057 46.3857 23.6761 46.9122 23.6761Z" fill="#1E1E1E"/>
+<path d="M72.5 13.3636L75.2841 17.9148H75.375L78.1591 13.3636H80.1932L76.5682 19.1818L80.2159 25H78.1705L75.375 20.5114H75.2841L72.4886 25H70.4432L74.1534 19.1818L70.4659 13.3636H72.5Z" fill="#F24822"/>
+<path d="M17.3807 57.3636H19.375L22.4148 62.6534H22.5398L25.5795 57.3636H27.5739L23.3523 64.4318V69H21.6023V64.4318L17.3807 57.3636Z" fill="#3DADFF"/>
+<path d="M51 40.8184C51 39.7138 50.1046 38.8184 49 38.8184C47.8954 38.8184 47 39.7138 47 40.8184H49H51ZM47.5858 108.233C48.3668 109.014 49.6332 109.014 50.4142 108.233L63.1421 95.5047C63.9232 94.7236 63.9232 93.4573 63.1421 92.6762C62.3611 91.8952 61.0948 91.8952 60.3137 92.6762L49 103.99L37.6863 92.6762C36.9052 91.8952 35.6389 91.8952 34.8579 92.6762C34.0768 93.4573 34.0768 94.7236 34.8579 95.5047L47.5858 108.233ZM49 40.8184H47V106.818H49H51V40.8184H49Z" fill="#3DADFF"/>
+<path d="M49 40.8184C47.8954 40.8184 47 41.7138 47 42.8184C47 43.9229 47.8954 44.8184 49 44.8184V42.8184V40.8184ZM114.414 44.2326C115.195 43.4515 115.195 42.1852 114.414 41.4041L101.686 28.6762C100.905 27.8952 99.6389 27.8952 98.8579 28.6762C98.0768 29.4573 98.0768 30.7236 98.8579 31.5047L110.172 42.8184L98.8579 54.1321C98.0768 54.9131 98.0768 56.1794 98.8579 56.9605C99.6389 57.7415 100.905 57.7415 101.686 56.9605L114.414 44.2326ZM49 42.8184V44.8184H113V42.8184V40.8184H49V42.8184Z" fill="#F24822"/>
+<rect x="113" y="91" width="32" height="128" rx="3" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
+<circle cx="113" cy="203" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="113" cy="75" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<path d="M115 91C115 89.8954 114.105 89 113 89C111.895 89 111 89.8954 111 91H113H115ZM111.586 187.914C112.367 188.695 113.633 188.695 114.414 187.914L127.142 175.186C127.923 174.405 127.923 173.139 127.142 172.358C126.361 171.577 125.095 171.577 124.314 172.358L113 183.672L101.686 172.358C100.905 171.577 99.6389 171.577 98.8579 172.358C98.0768 173.139 98.0768 174.405 98.8579 175.186L111.586 187.914ZM111 103.733C111 104.838 111.895 105.733 113 105.733C114.105 105.733 115 104.838 115 103.733H113H111ZM115 111.692C115 110.587 114.105 109.692 113 109.692C111.895 109.692 111 110.587 111 111.692H113H115ZM111 124.425C111 125.53 111.895 126.425 113 126.425C114.105 126.425 115 125.53 115 124.425H113H111ZM115 132.383C115 131.279 114.105 130.383 113 130.383C111.895 130.383 111 131.279 111 132.383H113H115ZM111 145.117C111 146.221 111.895 147.117 113 147.117C114.105 147.117 115 146.221 115 145.117H113H111ZM115 153.075C115 151.97 114.105 151.075 113 151.075C111.895 151.075 111 151.97 111 153.075H113H115ZM111 165.808C111 166.913 111.895 167.808 113 167.808C114.105 167.808 115 166.913 115 165.808H113H111ZM115 173.767C115 172.662 114.105 171.767 113 171.767C111.895 171.767 111 172.662 111 173.767H113H115ZM113 91H111V103.733H113H115V91H113ZM113 111.692H111V124.425H113H115V111.692H113ZM113 132.383H111V145.117H113H115V132.383H113ZM113 153.075H111V165.808H113H115V153.075H113ZM113 173.767H111V186.5H113H115V173.767H113Z" fill="#1E1E1E"/>
+<path d="M115 177.963C115 176.858 114.105 175.963 113 175.963C111.895 175.963 111 176.858 111 177.963H113H115ZM111.586 187.914C112.367 188.695 113.633 188.695 114.414 187.914L127.142 175.186C127.923 174.405 127.923 173.139 127.142 172.358C126.361 171.577 125.095 171.577 124.314 172.358L113 183.671L101.686 172.358C100.905 171.577 99.6389 171.577 98.8579 172.358C98.0768 173.139 98.0768 174.405 98.8579 175.186L111.586 187.914ZM113 177.963H111V186.5H113H115V177.963H113Z" fill="black"/>
+</svg>
--- a/drawlist/linev_1.svg
+++ b/drawlist/linev_1.svg
@ -0,0 +1,30 @@
+<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="250" height="250" fill="white"/>
+<rect x="113" y="139" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="113" y="171" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="113" y="106.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="113" y="75" width="32" height="32" rx="3" fill="#66D575"/>
+<path d="M49 42.8184V235" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M81 42.8184V235" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M113 42.8184V235" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M145 42.8184V235" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M177 42.8184V235" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M209 42.8184V235" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M209 42.8184L49 42.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M209 74.8184L49 74.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M209 106.818L49 106.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M209 138.818L49 138.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M209 203L49 203" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M209 170.818L49 170.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M209 235L49 235" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M33.1705 25.1932C32.2727 25.1894 31.5057 24.9527 30.8693 24.483C30.233 24.0133 29.7462 23.3295 29.4091 22.4318C29.072 21.5341 28.9034 20.4527 28.9034 19.1875C28.9034 17.9261 29.072 16.8485 29.4091 15.9545C29.75 15.0606 30.2386 14.3788 30.875 13.9091C31.5152 13.4394 32.2803 13.2045 33.1705 13.2045C34.0606 13.2045 34.8239 13.4413 35.4602 13.9148C36.0966 14.3845 36.5833 15.0663 36.9205 15.9602C37.2614 16.8504 37.4318 17.9261 37.4318 19.1875C37.4318 20.4564 37.2633 21.5398 36.9261 22.4375C36.589 23.3314 36.1023 24.0152 35.4659 24.4886C34.8295 24.9583 34.0644 25.1932 33.1705 25.1932ZM33.1705 23.6761C33.9583 23.6761 34.5739 23.2917 35.017 22.5227C35.464 21.7538 35.6875 20.642 35.6875 19.1875C35.6875 18.2216 35.5852 17.4053 35.3807 16.7386C35.1799 16.0682 34.8902 15.5606 34.5114 15.2159C34.1364 14.8674 33.6894 14.6932 33.1705 14.6932C32.3864 14.6932 31.7708 15.0795 31.3239 15.8523C30.8769 16.625 30.6515 17.7367 30.6477 19.1875C30.6477 20.1572 30.7481 20.9773 30.9489 21.6477C31.1534 22.3144 31.4432 22.8201 31.8182 23.1648C32.1932 23.5057 32.6439 23.6761 33.1705 23.6761ZM41.0825 23.4091L40.9973 24.0284C40.9405 24.483 40.8439 24.9564 40.7075 25.4489C40.5749 25.9451 40.4367 26.4053 40.2928 26.8295C40.1526 27.2538 40.0371 27.5909 39.9462 27.8409H38.7416C38.7909 27.6061 38.859 27.2879 38.9462 26.8864C39.0333 26.4886 39.1185 26.0436 39.2018 25.5511C39.2852 25.0587 39.3477 24.5568 39.3893 24.0455L39.4462 23.4091H41.0825ZM46.9122 25.1932C46.0145 25.1894 45.2474 24.9527 44.6111 24.483C43.9747 24.0133 43.488 23.3295 43.1508 22.4318C42.8137 21.5341 42.6452 20.4527 42.6452 19.1875C42.6452 17.9261 42.8137 16.8485 43.1508 15.9545C43.4917 15.0606 43.9804 14.3788 44.6167 13.9091C45.2569 13.4394 46.0221 13.2045 46.9122 13.2045C47.8024 13.2045 48.5656 13.4413 49.202 13.9148C49.8383 14.3845 50.3251 15.0663 50.6622 15.9602C51.0031 16.8504 51.1736 17.9261 51.1736 19.1875C51.1736 20.4564 51.005 21.5398 50.6679 22.4375C50.3308 23.3314 49.844 24.0152 49.2077 24.4886C48.5713 24.9583 47.8061 25.1932 46.9122 25.1932ZM46.9122 23.6761C47.7001 23.6761 48.3156 23.2917 48.7588 22.5227C49.2058 21.7538 49.4292 20.642 49.4292 19.1875C49.4292 18.2216 49.327 17.4053 49.1224 16.7386C48.9217 16.0682 48.6319 15.5606 48.2531 15.2159C47.8781 14.8674 47.4311 14.6932 46.9122 14.6932C46.1281 14.6932 45.5126 15.0795 45.0656 15.8523C44.6186 16.625 44.3933 17.7367 44.3895 19.1875C44.3895 20.1572 44.4899 20.9773 44.6906 21.6477C44.8952 22.3144 45.1849 22.8201 45.5599 23.1648C45.9349 23.5057 46.3857 23.6761 46.9122 23.6761Z" fill="#1E1E1E"/>
+<path d="M72.5 13.3636L75.2841 17.9148H75.375L78.1591 13.3636H80.1932L76.5682 19.1818L80.2159 25H78.1705L75.375 20.5114H75.2841L72.4886 25H70.4432L74.1534 19.1818L70.4659 13.3636H72.5Z" fill="#F24822"/>
+<path d="M17.3807 57.3636H19.375L22.4148 62.6534H22.5398L25.5795 57.3636H27.5739L23.3523 64.4318V69H21.6023V64.4318L17.3807 57.3636Z" fill="#3DADFF"/>
+<path d="M51 40.8184C51 39.7138 50.1046 38.8184 49 38.8184C47.8954 38.8184 47 39.7138 47 40.8184H49H51ZM47.5858 108.233C48.3668 109.014 49.6332 109.014 50.4142 108.233L63.1421 95.5047C63.9232 94.7236 63.9232 93.4573 63.1421 92.6762C62.3611 91.8952 61.0948 91.8952 60.3137 92.6762L49 103.99L37.6863 92.6762C36.9052 91.8952 35.6389 91.8952 34.8579 92.6762C34.0768 93.4573 34.0768 94.7236 34.8579 95.5047L47.5858 108.233ZM49 40.8184H47V106.818H49H51V40.8184H49Z" fill="#3DADFF"/>
+<path d="M49 40.8184C47.8954 40.8184 47 41.7138 47 42.8184C47 43.9229 47.8954 44.8184 49 44.8184V42.8184V40.8184ZM114.414 44.2326C115.195 43.4515 115.195 42.1852 114.414 41.4041L101.686 28.6762C100.905 27.8952 99.6389 27.8952 98.8579 28.6762C98.0768 29.4573 98.0768 30.7236 98.8579 31.5047L110.172 42.8184L98.8579 54.1321C98.0768 54.9131 98.0768 56.1794 98.8579 56.9605C99.6389 57.7415 100.905 57.7415 101.686 56.9605L114.414 44.2326ZM49 42.8184V44.8184H113V42.8184V40.8184H49V42.8184Z" fill="#F24822"/>
+<rect x="113" y="75" width="32" height="128" rx="3" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
+<circle cx="113" cy="203" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="113" cy="75" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<path d="M113 91V187" stroke="#1E1E1E" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel" stroke-dasharray="16 10"/>
+<path d="M111 109.873C111 110.977 111.895 111.873 113 111.873C114.105 111.873 115 110.977 115 109.873H113H111ZM114.414 104.652C113.633 103.871 112.367 103.871 111.586 104.652L98.8579 117.38C98.0768 118.161 98.0768 119.427 98.8579 120.209C99.6389 120.99 100.905 120.99 101.686 120.209L113 108.895L124.314 120.209C125.095 120.99 126.361 120.99 127.142 120.209C127.923 119.427 127.923 118.161 127.142 117.38L114.414 104.652ZM113 109.873H115V106.066H113H111V109.873H113Z" fill="black"/>
+</svg>
--- a/drawlist/linev_basics.svg
+++ b/drawlist/linev_basics.svg
--- a/drawlist/miter_only.svg
+++ b/drawlist/miter_only.svg
@ -0,0 +1,43 @@
+<svg width="797" height="293" viewBox="0 0 797 293" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="797" height="293" fill="white"/>
+<path d="M722.889 78C722.889 69.7157 716.173 63 707.889 63H607.777L699.889 102.5L688.389 143.5H509.389V196.5H707.889C716.173 196.5 722.889 189.784 722.889 181.5V78ZM772.889 181.5C772.889 217.399 743.787 246.5 707.889 246.5H459.389V93.5H551.5L459.389 52L468.889 13H707.889C743.787 13 772.889 42.1015 772.889 78V181.5Z" fill="#66D575"/>
+<path d="M484.389 221.5V118.5H674.889L484.389 38H707.889C729.98 38 747.889 55.9086 747.889 78V181.5C747.889 203.591 729.98 221.5 707.889 221.5H484.389Z" stroke="black" stroke-width="4" stroke-miterlimit="3.8637" stroke-linecap="round" stroke-dasharray="12 12"/>
+<path d="M484.389 221.5V118.5H674.889L484.389 38H707.889C729.98 38 747.889 55.9086 747.889 78V181.5C747.889 203.591 729.98 221.5 707.889 221.5H484.389Z" stroke="black" stroke-width="4" stroke-miterlimit="3.8637" stroke-linecap="round" stroke-dasharray="12 12"/>
+<path d="M373.889 143.5H160.389V196.5H358.889C367.173 196.5 373.889 189.784 373.889 181.5V143.5ZM373.889 78C373.889 69.7157 367.173 63 358.889 63H258.777L373.889 111.643V78ZM423.889 132.771L449.277 143.5H423.889V181.5C423.889 217.399 394.787 246.5 358.889 246.5H110.389V93.5H202.5L12 13H358.889C394.787 13 423.889 42.1015 423.889 78V132.771Z" fill="#66D575"/>
+<circle cx="484.389" cy="38" r="7" fill="black"/>
+<circle cx="484.389" cy="38" r="7" fill="black"/>
+<circle cx="675.389" cy="119" r="7" fill="black"/>
+<circle cx="675.389" cy="119" r="7" fill="black"/>
+<circle cx="747.389" cy="179" r="7" fill="black"/>
+<circle cx="747.389" cy="179" r="7" fill="black"/>
+<circle cx="747.389" cy="71" r="7" fill="black"/>
+<circle cx="747.389" cy="71" r="7" fill="black"/>
+<circle cx="484.389" cy="119" r="7" fill="black"/>
+<circle cx="484.389" cy="119" r="7" fill="black"/>
+<circle cx="484.389" cy="222" r="7" fill="black"/>
+<circle cx="484.389" cy="222" r="7" fill="black"/>
+<circle cx="705.389" cy="222" r="7" fill="black"/>
+<circle cx="705.389" cy="222" r="7" fill="black"/>
+<circle cx="705.389" cy="38" r="7" fill="black"/>
+<circle cx="705.389" cy="38" r="7" fill="black"/>
+<path d="M136.389 221.5V118.5H326.889L136.389 38H359.889C381.98 38 399.889 55.9086 399.889 78V181.5C399.889 203.591 381.98 221.5 359.889 221.5H136.389Z" stroke="black" stroke-width="4" stroke-miterlimit="3.8637" stroke-linecap="round" stroke-dasharray="12 12"/>
+<path d="M136.389 221.5V118.5H326.889L136.389 38H359.889C381.98 38 399.889 55.9086 399.889 78V181.5C399.889 203.591 381.98 221.5 359.889 221.5H136.389Z" stroke="black" stroke-width="4" stroke-miterlimit="3.8637" stroke-linecap="round" stroke-dasharray="12 12"/>
+<circle cx="136.389" cy="38" r="7" fill="black"/>
+<circle cx="136.389" cy="38" r="7" fill="black"/>
+<circle cx="327.389" cy="119" r="7" fill="black"/>
+<circle cx="327.389" cy="119" r="7" fill="black"/>
+<circle cx="399.389" cy="179" r="7" fill="black"/>
+<circle cx="399.389" cy="179" r="7" fill="black"/>
+<circle cx="399.389" cy="71" r="7" fill="black"/>
+<circle cx="399.389" cy="71" r="7" fill="black"/>
+<circle cx="136.389" cy="119" r="7" fill="black"/>
+<circle cx="136.389" cy="119" r="7" fill="black"/>
+<circle cx="136.389" cy="222" r="7" fill="black"/>
+<circle cx="136.389" cy="222" r="7" fill="black"/>
+<circle cx="357.389" cy="222" r="7" fill="black"/>
+<circle cx="357.389" cy="222" r="7" fill="black"/>
+<circle cx="357.389" cy="38" r="7" fill="black"/>
+<circle cx="357.389" cy="38" r="7" fill="black"/>
+<text fill="black" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="12" letter-spacing="0em"><tspan x="231" y="277.14">MiterOnly</tspan></text>
+<text fill="black" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="12" letter-spacing="0em"><tspan x="592" y="277.14">Default</tspan></text>
+</svg>
--- a/drawlist/ngon_basics.svg
+++ b/drawlist/ngon_basics.svg
--- a/drawlist/polyline_0.svg
+++ b/drawlist/polyline_0.svg
--- a/drawlist/polyline_basics.svg
+++ b/drawlist/polyline_basics.svg
--- a/drawlist/quad_basics.svg
+++ b/drawlist/quad_basics.svg
--- a/drawlist/rect_0.svg
+++ b/drawlist/rect_0.svg
@ -0,0 +1,51 @@
+<svg width="350" height="350" viewBox="0 0 350 350" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="350" height="350" fill="white"/>
+<rect x="127" y="98" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="159" y="98" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="191" y="97" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="221" y="97" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="255" y="193" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="255" y="161" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="255" y="129" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="255" y="97" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="255" y="225" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="95" y="97" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="158" y="258" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="127" y="258" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="189" y="257" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="222" y="257" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="255" y="257" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="95" y="130" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="95" y="162" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="95" y="193" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="95" y="224" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="95" y="255" width="32" height="32" rx="3" fill="#66D575"/>
+<path d="M63 64.8184V321" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M95 64.8184V321" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M127 64.8184V321" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M159 64.8184V321" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M191 64.8184V321" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M223 64.8184V321" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M287 64.8184V321" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M255 64.8184V321" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 64.8184V321" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 64.8184L63 64.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 96.8184L63 96.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 128.818L63 128.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 225L63 225" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 289L63 289" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 321L63 321" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 160.818L63 160.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 257L63 257" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 192.818L63 192.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M47.1705 47.1932C46.2727 47.1894 45.5057 46.9527 44.8693 46.483C44.233 46.0133 43.7462 45.3295 43.4091 44.4318C43.072 43.5341 42.9034 42.4527 42.9034 41.1875C42.9034 39.9261 43.072 38.8485 43.4091 37.9545C43.75 37.0606 44.2386 36.3788 44.875 35.9091C45.5152 35.4394 46.2803 35.2045 47.1705 35.2045C48.0606 35.2045 48.8239 35.4413 49.4602 35.9148C50.0966 36.3845 50.5833 37.0663 50.9205 37.9602C51.2614 38.8504 51.4318 39.9261 51.4318 41.1875C51.4318 42.4564 51.2633 43.5398 50.9261 44.4375C50.589 45.3314 50.1023 46.0152 49.4659 46.4886C48.8295 46.9583 48.0644 47.1932 47.1705 47.1932ZM47.1705 45.6761C47.9583 45.6761 48.5739 45.2917 49.017 44.5227C49.464 43.7538 49.6875 42.642 49.6875 41.1875C49.6875 40.2216 49.5852 39.4053 49.3807 38.7386C49.1799 38.0682 48.8902 37.5606 48.5114 37.2159C48.1364 36.8674 47.6894 36.6932 47.1705 36.6932C46.3864 36.6932 45.7708 37.0795 45.3239 37.8523C44.8769 38.625 44.6515 39.7367 44.6477 41.1875C44.6477 42.1572 44.7481 42.9773 44.9489 43.6477C45.1534 44.3144 45.4432 44.8201 45.8182 45.1648C46.1932 45.5057 46.6439 45.6761 47.1705 45.6761ZM55.0825 45.4091L54.9973 46.0284C54.9405 46.483 54.8439 46.9564 54.7075 47.4489C54.5749 47.9451 54.4367 48.4053 54.2928 48.8295C54.1526 49.2538 54.0371 49.5909 53.9462 49.8409H52.7416C52.7909 49.6061 52.859 49.2879 52.9462 48.8864C53.0333 48.4886 53.1185 48.0436 53.2018 47.5511C53.2852 47.0587 53.3477 46.5568 53.3893 46.0455L53.4462 45.4091H55.0825ZM60.9122 47.1932C60.0145 47.1894 59.2474 46.9527 58.6111 46.483C57.9747 46.0133 57.488 45.3295 57.1508 44.4318C56.8137 43.5341 56.6452 42.4527 56.6452 41.1875C56.6452 39.9261 56.8137 38.8485 57.1508 37.9545C57.4917 37.0606 57.9804 36.3788 58.6167 35.9091C59.2569 35.4394 60.0221 35.2045 60.9122 35.2045C61.8024 35.2045 62.5656 35.4413 63.202 35.9148C63.8383 36.3845 64.3251 37.0663 64.6622 37.9602C65.0031 38.8504 65.1736 39.9261 65.1736 41.1875C65.1736 42.4564 65.005 43.5398 64.6679 44.4375C64.3308 45.3314 63.844 46.0152 63.2077 46.4886C62.5713 46.9583 61.8061 47.1932 60.9122 47.1932ZM60.9122 45.6761C61.7001 45.6761 62.3156 45.2917 62.7588 44.5227C63.2058 43.7538 63.4292 42.642 63.4292 41.1875C63.4292 40.2216 63.327 39.4053 63.1224 38.7386C62.9217 38.0682 62.6319 37.5606 62.2531 37.2159C61.8781 36.8674 61.4311 36.6932 60.9122 36.6932C60.1281 36.6932 59.5126 37.0795 59.0656 37.8523C58.6186 38.625 58.3933 39.7367 58.3895 41.1875C58.3895 42.1572 58.4899 42.9773 58.6906 43.6477C58.8952 44.3144 59.1849 44.8201 59.5599 45.1648C59.9349 45.5057 60.3857 45.6761 60.9122 45.6761Z" fill="#1E1E1E"/>
+<path d="M86.5 35.3636L89.2841 39.9148H89.375L92.1591 35.3636H94.1932L90.5682 41.1818L94.2159 47H92.1705L89.375 42.5114H89.2841L86.4886 47H84.4432L88.1534 41.1818L84.4659 35.3636H86.5Z" fill="#F24822"/>
+<path d="M31.3807 79.3636H33.375L36.4148 84.6534H36.5398L39.5795 79.3636H41.5739L37.3523 86.4318V91H35.6023V86.4318L31.3807 79.3636Z" fill="#3DADFF"/>
+<path d="M65 62.8184C65 61.7138 64.1046 60.8184 63 60.8184C61.8954 60.8184 61 61.7138 61 62.8184H63H65ZM61.5858 130.233C62.3668 131.014 63.6332 131.014 64.4142 130.233L77.1421 117.505C77.9232 116.724 77.9232 115.457 77.1421 114.676C76.3611 113.895 75.0948 113.895 74.3137 114.676L63 125.99L51.6863 114.676C50.9052 113.895 49.6389 113.895 48.8579 114.676C48.0768 115.457 48.0768 116.724 48.8579 117.505L61.5858 130.233ZM63 62.8184H61V128.818H63H65V62.8184H63Z" fill="#3DADFF"/>
+<path d="M63 62.8184C61.8954 62.8184 61 63.7138 61 64.8184C61 65.9229 61.8954 66.8184 63 66.8184V64.8184V62.8184ZM128.414 66.2326C129.195 65.4515 129.195 64.1852 128.414 63.4041L115.686 50.6762C114.905 49.8952 113.639 49.8952 112.858 50.6762C112.077 51.4573 112.077 52.7236 112.858 53.5047L124.172 64.8184L112.858 76.1321C112.077 76.9131 112.077 78.1794 112.858 78.9605C113.639 79.7415 114.905 79.7415 115.686 78.9605L128.414 66.2326ZM63 64.8184V66.8184H127V64.8184V62.8184H63V64.8184Z" fill="#F24822"/>
+<rect x="95" y="97" width="192" height="192" rx="6" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
+<rect x="127" y="129" width="128" height="128" rx="6" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
+<rect x="95" y="97" width="192" height="192" rx="6" stroke="black" stroke-width="4" stroke-linecap="round" stroke-dasharray="16 10"/>
+<circle cx="287" cy="289" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="95" cy="97" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+</svg>
--- a/drawlist/rect_1.svg
+++ b/drawlist/rect_1.svg
@ -0,0 +1,91 @@
+<svg width="350" height="350" viewBox="0 0 350 350" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="350" height="350" fill="white"/>
+<rect x="127" y="98" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="127" y="129" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="63" y="65" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="95" y="65" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="127" y="65" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="159" y="65" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="191" y="65" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="223" y="65" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="255" y="65" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="287" y="65" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="287" y="97" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="287" y="129" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="287" y="161" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="287" y="193" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="287" y="225" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="287" y="257" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="287" y="289" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="255" y="289" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="223" y="289" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="191" y="289" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="159" y="289" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="127" y="289" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="95" y="289" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="63" y="289" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="63" y="258" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="63" y="227" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="63" y="192" width="32" height="33" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="63" y="162" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="63" y="129" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="63" y="98" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="127" y="161" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="127" y="193" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="127" y="225" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="159" y="225" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="191" y="225" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="223" y="225" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="223" y="193" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="223" y="161" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="223" y="129" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="191" y="129" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="159" y="129" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="159" y="98" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="191" y="97" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="221" y="97" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="255" y="193" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="255" y="161" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="255" y="129" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="255" y="97" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="255" y="225" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="95" y="97" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="158" y="258" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="127" y="258" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="189" y="257" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="222" y="257" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="255" y="257" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="95" y="130" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="95" y="162" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="95" y="193" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="95" y="224" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="95" y="255" width="32" height="32" rx="3" fill="#66D575"/>
+<path d="M63 64.8184V321" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M95 65V321.182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M127 64.8184V321" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M159 64.8184V321" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M191 64.8184V321" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M223 64.8184V321" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M287 64.8184V321" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M255 64.8184V321" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 64.8184V321" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 64.8184L63 64.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 96.8184L63 96.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 128.818L63 128.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 225L63 225" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 289L63 289" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 321L63 321" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 160.818L63 160.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 257L63 257" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 192.818L63 192.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M47.1705 47.1932C46.2727 47.1894 45.5057 46.9527 44.8693 46.483C44.233 46.0133 43.7462 45.3295 43.4091 44.4318C43.072 43.5341 42.9034 42.4527 42.9034 41.1875C42.9034 39.9261 43.072 38.8485 43.4091 37.9545C43.75 37.0606 44.2386 36.3788 44.875 35.9091C45.5152 35.4394 46.2803 35.2045 47.1705 35.2045C48.0606 35.2045 48.8239 35.4413 49.4602 35.9148C50.0966 36.3845 50.5833 37.0663 50.9205 37.9602C51.2614 38.8504 51.4318 39.9261 51.4318 41.1875C51.4318 42.4564 51.2633 43.5398 50.9261 44.4375C50.589 45.3314 50.1023 46.0152 49.4659 46.4886C48.8295 46.9583 48.0644 47.1932 47.1705 47.1932ZM47.1705 45.6761C47.9583 45.6761 48.5739 45.2917 49.017 44.5227C49.464 43.7538 49.6875 42.642 49.6875 41.1875C49.6875 40.2216 49.5852 39.4053 49.3807 38.7386C49.1799 38.0682 48.8902 37.5606 48.5114 37.2159C48.1364 36.8674 47.6894 36.6932 47.1705 36.6932C46.3864 36.6932 45.7708 37.0795 45.3239 37.8523C44.8769 38.625 44.6515 39.7367 44.6477 41.1875C44.6477 42.1572 44.7481 42.9773 44.9489 43.6477C45.1534 44.3144 45.4432 44.8201 45.8182 45.1648C46.1932 45.5057 46.6439 45.6761 47.1705 45.6761ZM55.0825 45.4091L54.9973 46.0284C54.9405 46.483 54.8439 46.9564 54.7075 47.4489C54.5749 47.9451 54.4367 48.4053 54.2928 48.8295C54.1526 49.2538 54.0371 49.5909 53.9462 49.8409H52.7416C52.7909 49.6061 52.859 49.2879 52.9462 48.8864C53.0333 48.4886 53.1185 48.0436 53.2018 47.5511C53.2852 47.0587 53.3477 46.5568 53.3893 46.0455L53.4462 45.4091H55.0825ZM60.9122 47.1932C60.0145 47.1894 59.2474 46.9527 58.6111 46.483C57.9747 46.0133 57.488 45.3295 57.1508 44.4318C56.8137 43.5341 56.6452 42.4527 56.6452 41.1875C56.6452 39.9261 56.8137 38.8485 57.1508 37.9545C57.4917 37.0606 57.9804 36.3788 58.6167 35.9091C59.2569 35.4394 60.0221 35.2045 60.9122 35.2045C61.8024 35.2045 62.5656 35.4413 63.202 35.9148C63.8383 36.3845 64.3251 37.0663 64.6622 37.9602C65.0031 38.8504 65.1736 39.9261 65.1736 41.1875C65.1736 42.4564 65.005 43.5398 64.6679 44.4375C64.3308 45.3314 63.844 46.0152 63.2077 46.4886C62.5713 46.9583 61.8061 47.1932 60.9122 47.1932ZM60.9122 45.6761C61.7001 45.6761 62.3156 45.2917 62.7588 44.5227C63.2058 43.7538 63.4292 42.642 63.4292 41.1875C63.4292 40.2216 63.327 39.4053 63.1224 38.7386C62.9217 38.0682 62.6319 37.5606 62.2531 37.2159C61.8781 36.8674 61.4311 36.6932 60.9122 36.6932C60.1281 36.6932 59.5126 37.0795 59.0656 37.8523C58.6186 38.625 58.3933 39.7367 58.3895 41.1875C58.3895 42.1572 58.4899 42.9773 58.6906 43.6477C58.8952 44.3144 59.1849 44.8201 59.5599 45.1648C59.9349 45.5057 60.3857 45.6761 60.9122 45.6761Z" fill="#1E1E1E"/>
+<path d="M86.5 35.3636L89.2841 39.9148H89.375L92.1591 35.3636H94.1932L90.5682 41.1818L94.2159 47H92.1705L89.375 42.5114H89.2841L86.4886 47H84.4432L88.1534 41.1818L84.4659 35.3636H86.5Z" fill="#F24822"/>
+<path d="M31.3807 79.3636H33.375L36.4148 84.6534H36.5398L39.5795 79.3636H41.5739L37.3523 86.4318V91H35.6023V86.4318L31.3807 79.3636Z" fill="#3DADFF"/>
+<path d="M65 62.8184C65 61.7138 64.1046 60.8184 63 60.8184C61.8954 60.8184 61 61.7138 61 62.8184H63H65ZM61.5858 130.233C62.3668 131.014 63.6332 131.014 64.4142 130.233L77.1421 117.505C77.9232 116.724 77.9232 115.457 77.1421 114.676C76.3611 113.895 75.0948 113.895 74.3137 114.676L63 125.99L51.6863 114.676C50.9052 113.895 49.6389 113.895 48.8579 114.676C48.0768 115.457 48.0768 116.724 48.8579 117.505L61.5858 130.233ZM63 62.8184H61V128.818H63H65V62.8184H63Z" fill="#3DADFF"/>
+<path d="M63 62.8184C61.8954 62.8184 61 63.7138 61 64.8184C61 65.9229 61.8954 66.8184 63 66.8184V64.8184V62.8184ZM128.414 66.2326C129.195 65.4515 129.195 64.1852 128.414 63.4041L115.686 50.6762C114.905 49.8952 113.639 49.8952 112.858 50.6762C112.077 51.4573 112.077 52.7236 112.858 53.5047L124.172 64.8184L112.858 76.1321C112.077 76.9131 112.077 78.1794 112.858 78.9605C113.639 79.7415 114.905 79.7415 115.686 78.9605L128.414 66.2326ZM63 64.8184V66.8184H127V64.8184V62.8184H63V64.8184Z" fill="#F24822"/>
+<rect x="78" y="81" width="225" height="224" rx="6" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
+<rect x="143" y="145" width="96" height="97.8181" rx="6" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
+<rect x="95" y="97" width="192" height="192" rx="6" stroke="black" stroke-width="4" stroke-linecap="round" stroke-dasharray="16 10"/>
+<circle cx="287" cy="289" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="95" cy="97" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+</svg>
--- a/drawlist/rect_2.svg
+++ b/drawlist/rect_2.svg
@ -0,0 +1,63 @@
+<svg width="350" height="350" viewBox="0 0 350 350" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="350" height="350" fill="white"/>
+<rect x="127" y="98" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="127" y="129" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="127" y="161" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="127" y="193" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="127" y="225" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="159" y="225" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="191" y="225" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="223" y="225" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="223" y="193" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="223" y="161" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="223" y="129" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="191" y="129" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="159" y="129" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="159" y="98" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="191" y="97" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="221" y="97" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="255" y="193" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="255" y="161" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="255" y="129" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="255" y="97" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="255" y="225" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="95" y="97" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="158" y="258" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="127" y="258" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="189" y="257" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="222" y="257" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="255" y="257" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="95" y="130" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="95" y="162" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="95" y="193" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="95" y="224" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="95" y="255" width="32" height="32" rx="3" fill="#66D575"/>
+<path d="M63 64.8184V321" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M95 65V321.182" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M127 64.8184V321" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M159 64.8184V321" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M191 64.8184V321" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M223 64.8184V321" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M287 64.8184V321" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M255 64.8184V321" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 64.8184V321" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 64.8184L63 64.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 96.8184L63 96.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 128.818L63 128.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 225L63 225" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 289L63 289" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 321L63 321" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 160.818L63 160.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 257L63 257" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 192.818L63 192.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M47.1705 47.1932C46.2727 47.1894 45.5057 46.9527 44.8693 46.483C44.233 46.0133 43.7462 45.3295 43.4091 44.4318C43.072 43.5341 42.9034 42.4527 42.9034 41.1875C42.9034 39.9261 43.072 38.8485 43.4091 37.9545C43.75 37.0606 44.2386 36.3788 44.875 35.9091C45.5152 35.4394 46.2803 35.2045 47.1705 35.2045C48.0606 35.2045 48.8239 35.4413 49.4602 35.9148C50.0966 36.3845 50.5833 37.0663 50.9205 37.9602C51.2614 38.8504 51.4318 39.9261 51.4318 41.1875C51.4318 42.4564 51.2633 43.5398 50.9261 44.4375C50.589 45.3314 50.1023 46.0152 49.4659 46.4886C48.8295 46.9583 48.0644 47.1932 47.1705 47.1932ZM47.1705 45.6761C47.9583 45.6761 48.5739 45.2917 49.017 44.5227C49.464 43.7538 49.6875 42.642 49.6875 41.1875C49.6875 40.2216 49.5852 39.4053 49.3807 38.7386C49.1799 38.0682 48.8902 37.5606 48.5114 37.2159C48.1364 36.8674 47.6894 36.6932 47.1705 36.6932C46.3864 36.6932 45.7708 37.0795 45.3239 37.8523C44.8769 38.625 44.6515 39.7367 44.6477 41.1875C44.6477 42.1572 44.7481 42.9773 44.9489 43.6477C45.1534 44.3144 45.4432 44.8201 45.8182 45.1648C46.1932 45.5057 46.6439 45.6761 47.1705 45.6761ZM55.0825 45.4091L54.9973 46.0284C54.9405 46.483 54.8439 46.9564 54.7075 47.4489C54.5749 47.9451 54.4367 48.4053 54.2928 48.8295C54.1526 49.2538 54.0371 49.5909 53.9462 49.8409H52.7416C52.7909 49.6061 52.859 49.2879 52.9462 48.8864C53.0333 48.4886 53.1185 48.0436 53.2018 47.5511C53.2852 47.0587 53.3477 46.5568 53.3893 46.0455L53.4462 45.4091H55.0825ZM60.9122 47.1932C60.0145 47.1894 59.2474 46.9527 58.6111 46.483C57.9747 46.0133 57.488 45.3295 57.1508 44.4318C56.8137 43.5341 56.6452 42.4527 56.6452 41.1875C56.6452 39.9261 56.8137 38.8485 57.1508 37.9545C57.4917 37.0606 57.9804 36.3788 58.6167 35.9091C59.2569 35.4394 60.0221 35.2045 60.9122 35.2045C61.8024 35.2045 62.5656 35.4413 63.202 35.9148C63.8383 36.3845 64.3251 37.0663 64.6622 37.9602C65.0031 38.8504 65.1736 39.9261 65.1736 41.1875C65.1736 42.4564 65.005 43.5398 64.6679 44.4375C64.3308 45.3314 63.844 46.0152 63.2077 46.4886C62.5713 46.9583 61.8061 47.1932 60.9122 47.1932ZM60.9122 45.6761C61.7001 45.6761 62.3156 45.2917 62.7588 44.5227C63.2058 43.7538 63.4292 42.642 63.4292 41.1875C63.4292 40.2216 63.327 39.4053 63.1224 38.7386C62.9217 38.0682 62.6319 37.5606 62.2531 37.2159C61.8781 36.8674 61.4311 36.6932 60.9122 36.6932C60.1281 36.6932 59.5126 37.0795 59.0656 37.8523C58.6186 38.625 58.3933 39.7367 58.3895 41.1875C58.3895 42.1572 58.4899 42.9773 58.6906 43.6477C58.8952 44.3144 59.1849 44.8201 59.5599 45.1648C59.9349 45.5057 60.3857 45.6761 60.9122 45.6761Z" fill="#1E1E1E"/>
+<path d="M86.5 35.3636L89.2841 39.9148H89.375L92.1591 35.3636H94.1932L90.5682 41.1818L94.2159 47H92.1705L89.375 42.5114H89.2841L86.4886 47H84.4432L88.1534 41.1818L84.4659 35.3636H86.5Z" fill="#F24822"/>
+<path d="M31.3807 79.3636H33.375L36.4148 84.6534H36.5398L39.5795 79.3636H41.5739L37.3523 86.4318V91H35.6023V86.4318L31.3807 79.3636Z" fill="#3DADFF"/>
+<path d="M65 62.8184C65 61.7138 64.1046 60.8184 63 60.8184C61.8954 60.8184 61 61.7138 61 62.8184H63H65ZM61.5858 130.233C62.3668 131.014 63.6332 131.014 64.4142 130.233L77.1421 117.505C77.9232 116.724 77.9232 115.457 77.1421 114.676C76.3611 113.895 75.0948 113.895 74.3137 114.676L63 125.99L51.6863 114.676C50.9052 113.895 49.6389 113.895 48.8579 114.676C48.0768 115.457 48.0768 116.724 48.8579 117.505L61.5858 130.233ZM63 62.8184H61V128.818H63H65V62.8184H63Z" fill="#3DADFF"/>
+<path d="M63 62.8184C61.8954 62.8184 61 63.7138 61 64.8184C61 65.9229 61.8954 66.8184 63 66.8184V64.8184V62.8184ZM128.414 66.2326C129.195 65.4515 129.195 64.1852 128.414 63.4041L115.686 50.6762C114.905 49.8952 113.639 49.8952 112.858 50.6762C112.077 51.4573 112.077 52.7236 112.858 53.5047L124.172 64.8184L112.858 76.1321C112.077 76.9131 112.077 78.1794 112.858 78.9605C113.639 79.7415 114.905 79.7415 115.686 78.9605L128.414 66.2326ZM63 64.8184V66.8184H127V64.8184V62.8184H63V64.8184Z" fill="#F24822"/>
+<rect x="95" y="96.8184" width="192" height="192.182" rx="6" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
+<rect x="158" y="160.818" width="64" height="64.1819" rx="6" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
+<rect x="95" y="97" width="192" height="192" rx="6" stroke="black" stroke-width="4" stroke-linecap="round" stroke-dasharray="16 10"/>
+<circle cx="287" cy="289" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="95" cy="97" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+</svg>
--- a/drawlist/rect_basics.svg
+++ b/drawlist/rect_basics.svg
--- a/drawlist/rect_filled_0.svg
+++ b/drawlist/rect_filled_0.svg
@ -0,0 +1,45 @@
+<svg width="350" height="300" viewBox="0 0 350 300" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="350" height="300" fill="white"/>
+<rect x="127" y="105" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="127" y="136" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="127" y="167" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="159" y="105" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="159" y="136" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="159" y="167" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="191" y="104" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="191" y="135" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="191" y="166" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="221" y="104" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="221" y="135" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="221" y="166" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="255" y="168" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="255" y="136" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="255" y="104" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="95" y="104" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="95" y="137" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="95" y="169" width="32" height="32" rx="3" fill="#66D575"/>
+<path d="M63 71.8184V264" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M95 71.8184V264" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M127 71.8184V264" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M159 71.8184V264" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M191 71.8184V264" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M223 71.8184V264" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M287 71.8184V264" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M255 71.8184V264" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 71.8184V264" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 71.8184L63 71.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 103.818L63 103.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 135.818L63 135.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 232L63 232" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 167.818L63 167.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 264L63 264" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 199.818L63 199.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M47.1705 54.1932C46.2727 54.1894 45.5057 53.9527 44.8693 53.483C44.233 53.0133 43.7462 52.3295 43.4091 51.4318C43.072 50.5341 42.9034 49.4527 42.9034 48.1875C42.9034 46.9261 43.072 45.8485 43.4091 44.9545C43.75 44.0606 44.2386 43.3788 44.875 42.9091C45.5152 42.4394 46.2803 42.2045 47.1705 42.2045C48.0606 42.2045 48.8239 42.4413 49.4602 42.9148C50.0966 43.3845 50.5833 44.0663 50.9205 44.9602C51.2614 45.8504 51.4318 46.9261 51.4318 48.1875C51.4318 49.4564 51.2633 50.5398 50.9261 51.4375C50.589 52.3314 50.1023 53.0152 49.4659 53.4886C48.8295 53.9583 48.0644 54.1932 47.1705 54.1932ZM47.1705 52.6761C47.9583 52.6761 48.5739 52.2917 49.017 51.5227C49.464 50.7538 49.6875 49.642 49.6875 48.1875C49.6875 47.2216 49.5852 46.4053 49.3807 45.7386C49.1799 45.0682 48.8902 44.5606 48.5114 44.2159C48.1364 43.8674 47.6894 43.6932 47.1705 43.6932C46.3864 43.6932 45.7708 44.0795 45.3239 44.8523C44.8769 45.625 44.6515 46.7367 44.6477 48.1875C44.6477 49.1572 44.7481 49.9773 44.9489 50.6477C45.1534 51.3144 45.4432 51.8201 45.8182 52.1648C46.1932 52.5057 46.6439 52.6761 47.1705 52.6761ZM55.0825 52.4091L54.9973 53.0284C54.9405 53.483 54.8439 53.9564 54.7075 54.4489C54.5749 54.9451 54.4367 55.4053 54.2928 55.8295C54.1526 56.2538 54.0371 56.5909 53.9462 56.8409H52.7416C52.7909 56.6061 52.859 56.2879 52.9462 55.8864C53.0333 55.4886 53.1185 55.0436 53.2018 54.5511C53.2852 54.0587 53.3477 53.5568 53.3893 53.0455L53.4462 52.4091H55.0825ZM60.9122 54.1932C60.0145 54.1894 59.2474 53.9527 58.6111 53.483C57.9747 53.0133 57.488 52.3295 57.1508 51.4318C56.8137 50.5341 56.6452 49.4527 56.6452 48.1875C56.6452 46.9261 56.8137 45.8485 57.1508 44.9545C57.4917 44.0606 57.9804 43.3788 58.6167 42.9091C59.2569 42.4394 60.0221 42.2045 60.9122 42.2045C61.8024 42.2045 62.5656 42.4413 63.202 42.9148C63.8383 43.3845 64.3251 44.0663 64.6622 44.9602C65.0031 45.8504 65.1736 46.9261 65.1736 48.1875C65.1736 49.4564 65.005 50.5398 64.6679 51.4375C64.3308 52.3314 63.844 53.0152 63.2077 53.4886C62.5713 53.9583 61.8061 54.1932 60.9122 54.1932ZM60.9122 52.6761C61.7001 52.6761 62.3156 52.2917 62.7588 51.5227C63.2058 50.7538 63.4292 49.642 63.4292 48.1875C63.4292 47.2216 63.327 46.4053 63.1224 45.7386C62.9217 45.0682 62.6319 44.5606 62.2531 44.2159C61.8781 43.8674 61.4311 43.6932 60.9122 43.6932C60.1281 43.6932 59.5126 44.0795 59.0656 44.8523C58.6186 45.625 58.3933 46.7367 58.3895 48.1875C58.3895 49.1572 58.4899 49.9773 58.6906 50.6477C58.8952 51.3144 59.1849 51.8201 59.5599 52.1648C59.9349 52.5057 60.3857 52.6761 60.9122 52.6761Z" fill="#1E1E1E"/>
+<path d="M86.5 42.3636L89.2841 46.9148H89.375L92.1591 42.3636H94.1932L90.5682 48.1818L94.2159 54H92.1705L89.375 49.5114H89.2841L86.4886 54H84.4432L88.1534 48.1818L84.4659 42.3636H86.5Z" fill="#F24822"/>
+<path d="M31.3807 86.3636H33.375L36.4148 91.6534H36.5398L39.5795 86.3636H41.5739L37.3523 93.4318V98H35.6023V93.4318L31.3807 86.3636Z" fill="#3DADFF"/>
+<path d="M65 69.8184C65 68.7138 64.1046 67.8184 63 67.8184C61.8954 67.8184 61 68.7138 61 69.8184H63H65ZM61.5858 137.233C62.3668 138.014 63.6332 138.014 64.4142 137.233L77.1421 124.505C77.9232 123.724 77.9232 122.457 77.1421 121.676C76.3611 120.895 75.0948 120.895 74.3137 121.676L63 132.99L51.6863 121.676C50.9052 120.895 49.6389 120.895 48.8579 121.676C48.0768 122.457 48.0768 123.724 48.8579 124.505L61.5858 137.233ZM63 69.8184H61V135.818H63H65V69.8184H63Z" fill="#3DADFF"/>
+<path d="M63 69.8184C61.8954 69.8184 61 70.7138 61 71.8184C61 72.9229 61.8954 73.8184 63 73.8184V71.8184V69.8184ZM128.414 73.2326C129.195 72.4515 129.195 71.1852 128.414 70.4041L115.686 57.6762C114.905 56.8952 113.639 56.8952 112.858 57.6762C112.077 58.4573 112.077 59.7236 112.858 60.5047L124.172 71.8184L112.858 83.1321C112.077 83.9131 112.077 85.1794 112.858 85.9605C113.639 86.7415 114.905 86.7415 115.686 85.9605L128.414 73.2326ZM63 71.8184V73.8184H127V71.8184V69.8184H63V71.8184Z" fill="#F24822"/>
+<rect x="95" y="105" width="192" height="112" rx="6" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
+<circle cx="287" cy="216" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="95" cy="104" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+</svg>
--- a/drawlist/rect_filled_1.svg
+++ b/drawlist/rect_filled_1.svg
@ -0,0 +1,51 @@
+<svg width="350" height="300" viewBox="0 0 350 300" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="350" height="300" fill="white"/>
+<rect x="127" y="105" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="127" y="136" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="127" y="167" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="127" y="198" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="159" y="105" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="159" y="136" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="159" y="167" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="159" y="198" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="191" y="104" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="191" y="135" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="191" y="166" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="191" y="201" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="221" y="104" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="221" y="135" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="221" y="166" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="222" y="200" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="255" y="200" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="255" y="168" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="255" y="136" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="255" y="104" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="95" y="104" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="95" y="137" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="95" y="169" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="95" y="200" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<path d="M63 71.8184V264" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M95 71.8184V264" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M127 71.8184V264" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M159 71.8184V264" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M191 71.8184V264" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M223 71.8184V264" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M287 71.8184V264" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M255 71.8184V264" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 71.8184V264" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 71.8184L63 71.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 103.818L63 103.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 135.818L63 135.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 232L63 232" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 167.818L63 167.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 264L63 264" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M319 199.818L63 199.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M47.1705 54.1932C46.2727 54.1894 45.5057 53.9527 44.8693 53.483C44.233 53.0133 43.7462 52.3295 43.4091 51.4318C43.072 50.5341 42.9034 49.4527 42.9034 48.1875C42.9034 46.9261 43.072 45.8485 43.4091 44.9545C43.75 44.0606 44.2386 43.3788 44.875 42.9091C45.5152 42.4394 46.2803 42.2045 47.1705 42.2045C48.0606 42.2045 48.8239 42.4413 49.4602 42.9148C50.0966 43.3845 50.5833 44.0663 50.9205 44.9602C51.2614 45.8504 51.4318 46.9261 51.4318 48.1875C51.4318 49.4564 51.2633 50.5398 50.9261 51.4375C50.589 52.3314 50.1023 53.0152 49.4659 53.4886C48.8295 53.9583 48.0644 54.1932 47.1705 54.1932ZM47.1705 52.6761C47.9583 52.6761 48.5739 52.2917 49.017 51.5227C49.464 50.7538 49.6875 49.642 49.6875 48.1875C49.6875 47.2216 49.5852 46.4053 49.3807 45.7386C49.1799 45.0682 48.8902 44.5606 48.5114 44.2159C48.1364 43.8674 47.6894 43.6932 47.1705 43.6932C46.3864 43.6932 45.7708 44.0795 45.3239 44.8523C44.8769 45.625 44.6515 46.7367 44.6477 48.1875C44.6477 49.1572 44.7481 49.9773 44.9489 50.6477C45.1534 51.3144 45.4432 51.8201 45.8182 52.1648C46.1932 52.5057 46.6439 52.6761 47.1705 52.6761ZM55.0825 52.4091L54.9973 53.0284C54.9405 53.483 54.8439 53.9564 54.7075 54.4489C54.5749 54.9451 54.4367 55.4053 54.2928 55.8295C54.1526 56.2538 54.0371 56.5909 53.9462 56.8409H52.7416C52.7909 56.6061 52.859 56.2879 52.9462 55.8864C53.0333 55.4886 53.1185 55.0436 53.2018 54.5511C53.2852 54.0587 53.3477 53.5568 53.3893 53.0455L53.4462 52.4091H55.0825ZM60.9122 54.1932C60.0145 54.1894 59.2474 53.9527 58.6111 53.483C57.9747 53.0133 57.488 52.3295 57.1508 51.4318C56.8137 50.5341 56.6452 49.4527 56.6452 48.1875C56.6452 46.9261 56.8137 45.8485 57.1508 44.9545C57.4917 44.0606 57.9804 43.3788 58.6167 42.9091C59.2569 42.4394 60.0221 42.2045 60.9122 42.2045C61.8024 42.2045 62.5656 42.4413 63.202 42.9148C63.8383 43.3845 64.3251 44.0663 64.6622 44.9602C65.0031 45.8504 65.1736 46.9261 65.1736 48.1875C65.1736 49.4564 65.005 50.5398 64.6679 51.4375C64.3308 52.3314 63.844 53.0152 63.2077 53.4886C62.5713 53.9583 61.8061 54.1932 60.9122 54.1932ZM60.9122 52.6761C61.7001 52.6761 62.3156 52.2917 62.7588 51.5227C63.2058 50.7538 63.4292 49.642 63.4292 48.1875C63.4292 47.2216 63.327 46.4053 63.1224 45.7386C62.9217 45.0682 62.6319 44.5606 62.2531 44.2159C61.8781 43.8674 61.4311 43.6932 60.9122 43.6932C60.1281 43.6932 59.5126 44.0795 59.0656 44.8523C58.6186 45.625 58.3933 46.7367 58.3895 48.1875C58.3895 49.1572 58.4899 49.9773 58.6906 50.6477C58.8952 51.3144 59.1849 51.8201 59.5599 52.1648C59.9349 52.5057 60.3857 52.6761 60.9122 52.6761Z" fill="#1E1E1E"/>
+<path d="M86.5 42.3636L89.2841 46.9148H89.375L92.1591 42.3636H94.1932L90.5682 48.1818L94.2159 54H92.1705L89.375 49.5114H89.2841L86.4886 54H84.4432L88.1534 48.1818L84.4659 42.3636H86.5Z" fill="#F24822"/>
+<path d="M31.3807 86.3636H33.375L36.4148 91.6534H36.5398L39.5795 86.3636H41.5739L37.3523 93.4318V98H35.6023V93.4318L31.3807 86.3636Z" fill="#3DADFF"/>
+<path d="M65 69.8184C65 68.7138 64.1046 67.8184 63 67.8184C61.8954 67.8184 61 68.7138 61 69.8184H63H65ZM61.5858 137.233C62.3668 138.014 63.6332 138.014 64.4142 137.233L77.1421 124.505C77.9232 123.724 77.9232 122.457 77.1421 121.676C76.3611 120.895 75.0948 120.895 74.3137 121.676L63 132.99L51.6863 121.676C50.9052 120.895 49.6389 120.895 48.8579 121.676C48.0768 122.457 48.0768 123.724 48.8579 124.505L61.5858 137.233ZM63 69.8184H61V135.818H63H65V69.8184H63Z" fill="#3DADFF"/>
+<path d="M63 69.8184C61.8954 69.8184 61 70.7138 61 71.8184C61 72.9229 61.8954 73.8184 63 73.8184V71.8184V69.8184ZM128.414 73.2326C129.195 72.4515 129.195 71.1852 128.414 70.4041L115.686 57.6762C114.905 56.8952 113.639 56.8952 112.858 57.6762C112.077 58.4573 112.077 59.7236 112.858 60.5047L124.172 71.8184L112.858 83.1321C112.077 83.9131 112.077 85.1794 112.858 85.9605C113.639 86.7415 114.905 86.7415 115.686 85.9605L128.414 73.2326ZM63 71.8184V73.8184H127V71.8184V69.8184H63V71.8184Z" fill="#F24822"/>
+<rect x="95" y="105" width="192" height="112" rx="6" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
+<circle cx="287" cy="216" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="95" cy="104" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+</svg>
--- a/drawlist/stroke_pos.svg
+++ b/drawlist/stroke_pos.svg
--- a/drawlist/stroke_pos_all.svg
+++ b/drawlist/stroke_pos_all.svg
@ -0,0 +1,392 @@
+<svg width="1000" height="1054" viewBox="0 0 1000 1054" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="1000" height="1054" fill="white"/>
+<rect x="294" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="567" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="838" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="567" y="225.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="838" y="225.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="838" y="257.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="294" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="566" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="566" y="433.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="838" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="838" y="433.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="838" y="710" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="838" y="466" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="838" y="370" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="566" y="646" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="566" y="402" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="838" y="646" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="838" y="402" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="294" y="884" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="566" y="884" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="838" y="884" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="566" y="852" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="838" y="852" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="838" y="820" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="294" y="402" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="294" y="434" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="326" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="599" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="870" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="599" y="225.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="870" y="225.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="870" y="257.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="326" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="598" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="598" y="433.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="870" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="870" y="433.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="870" y="710" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="870" y="466" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="870" y="370" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="598" y="646" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="598" y="402" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="870" y="646" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="870" y="402" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="326" y="884" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="598" y="884" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="870" y="884" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="598" y="852" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="870" y="852" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="870" y="820" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="326" y="402" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="326" y="434" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="358" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="631" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="902" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="631" y="225.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="902" y="225.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="902" y="257.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="358" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="630" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="630" y="433.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="902" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="902" y="433.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="902" y="710" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="902" y="466" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="902" y="370" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="630" y="646" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="630" y="402" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="902" y="646" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="902" y="402" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="358" y="884" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="630" y="884" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="902" y="884" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="630" y="852" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="902" y="852" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="902" y="820" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="358" y="402" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="358" y="434" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="262" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="535" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="806" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="535" y="225.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="806" y="225.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="806" y="257.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="262" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="534" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="534" y="433.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="806" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="806" y="433.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="806" y="710" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="806" y="466" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="806" y="370" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="534" y="646" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="534" y="402" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="806" y="646" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="806" y="402" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="262" y="884" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="534" y="884" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="806" y="884" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="534" y="852" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="806" y="852" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="806" y="820" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="262" y="402" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="262" y="434" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="230" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="503" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="774" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="503" y="225.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="774" y="225.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="774" y="257.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="230" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="502" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="502" y="433.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="774" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="774" y="433.818" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="774" y="710" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="774" y="466" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="774" y="370" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="502" y="646" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="502" y="402" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="774" y="646" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="774" y="402" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="230" y="884" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="502" y="884" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="774" y="884" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="502" y="852" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="774" y="852" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="774" y="820" width="32" height="32" rx="3" fill="#66D575"/>
+<rect x="230" y="402" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<rect x="230" y="434" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
+<path d="M230 97.8184V289.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M503 97.8184V289.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M774 97.8184V289.636" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M230 581.818V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M502 582V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M502 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M774 582V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M774 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M230 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M502 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M774 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M230 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M262 97.8184V289.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M535 97.8184V289.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M806 97.8184V289.636" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M262 581.818V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M534 582V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M534 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M806 582V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M806 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M262 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M534 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M806 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M262 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M294 97.8184V289.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M567 97.8184V289.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M838 97.8184V289.636" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M294 581.818V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M566 582V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M566 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M838 582V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M838 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M294 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M566 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M838 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M294 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M326 97.8184V289.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M599 97.8184V289.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M870 97.8184V289.636" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M326 581.818V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M598 582V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M598 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M870 582V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M870 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M326 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M598 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M870 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M326 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M358 97.8184V289.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M631 97.8184V289.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M902 97.8184V289.636" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M358 581.818V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M630 582V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M630 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M902 582V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M902 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M358 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M630 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M902 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M358 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 97.8184V289.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M663 97.8184V289.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 97.8184V289.636" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 581.818V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M662 582V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M662 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 582V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M662 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 129.637L230 129.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 97.8184L230 97.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M663 129.637L503 129.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M663 97.8184L503 97.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 129.637L774 129.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 97.8184L774 97.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 613.818L230 613.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 582L230 582" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M662 613.818L502 613.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M662 582L502 582" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M662 369.818L502 369.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M662 338L502 338" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 613.818L774 613.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 582L774 582" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 369.818L774 369.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 338L774 338" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 851.818L230 851.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 820L230 820" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M662 851.818L502 851.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 851.818L774 851.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M662 820L502 820" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 820L774 820" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 369.818L230 369.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 338L230 338" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 161.637L230 161.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M663 161.637L503 161.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 161.637L774 161.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 645.818L230 645.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M662 645.818L502 645.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M662 401.818L502 401.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 645.818L774 645.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 401.818L774 401.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 883.818L230 883.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M662 883.818L502 883.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 883.818L774 883.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 401.818L230 401.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 193.637L230 193.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M663 193.637L503 193.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 193.637L774 193.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 677.818L230 677.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M662 677.818L502 677.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M662 433.818L502 433.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 677.818L774 677.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 433.818L774 433.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 915.818L230 915.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M662 915.818L502 915.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 915.818L774 915.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 433.818L230 433.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 225.637L230 225.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M663 225.637L503 225.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 225.637L774 225.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 709.818L230 709.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M662 709.818L502 709.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M662 465.818L502 465.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 709.818L774 709.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 465.818L774 465.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 947.818L230 947.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M662 947.818L502 947.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 947.818L774 947.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 465.818L230 465.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 257.637L230 257.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M663 257.637L503 257.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 257.637L774 257.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 741.818L230 741.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M662 741.818L502 741.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M662 497.818L502 497.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 741.818L774 741.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 497.818L774 497.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 979.818L230 979.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M662 979.818L502 979.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 979.818L774 979.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 497.818L230 497.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 289.637L230 289.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M663 289.637L503 289.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 289.637L774 289.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 773.818L230 773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M662 773.818L502 773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M662 529.818L502 529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 773.818L774 773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 529.818L774 529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 1011.82L230 1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M662 1011.82L502 1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M934 1011.82L774 1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M390 529.818L230 529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="21" y="201.52">StrokeInside</tspan></text>
+<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="21" y="917.701">StrokeOutside</tspan></text>
+<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="21" y="435.701">StrokeCenter</tspan></text>
+<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="21" y="671.701">StrokeCenterAligned</tspan></text>
+<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="262" y="31.5195">thickness = 1</tspan></text>
+<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="535" y="31.5195">thickness = 2</tspan></text>
+<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="799" y="31.5195">thickness = 3</tspan></text>
+<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="262" y="81.3379">X</tspan></text>
+<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="535" y="81.3379">X</tspan></text>
+<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="806" y="81.3379">X</tspan></text>
+<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="262" y="565.52">X</tspan></text>
+<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="534" y="565.52">X</tspan></text>
+<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="534" y="321.52">X</tspan></text>
+<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="806" y="565.52">X</tspan></text>
+<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Inter" font-size="16" font-weight="500" letter-spacing="-0.011em"><tspan x="806" y="323.818">X</tspan></text>
+<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="262" y="805.52">X</tspan></text>
+<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="534" y="803.52">X</tspan></text>
+<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="806" y="803.52">X</tspan></text>
+<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="262" y="321.52">X</tspan></text>
+<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="203" y="123.338">Y</tspan></text>
+<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="476" y="123.338">Y</tspan></text>
+<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="747" y="123.338">Y</tspan></text>
+<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="203" y="607.52">Y</tspan></text>
+<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="475" y="607.52">Y</tspan></text>
+<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="475" y="363.52">Y</tspan></text>
+<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="747" y="607.52">Y</tspan></text>
+<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="747" y="365.52">Y</tspan></text>
+<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="203" y="847.52">Y</tspan></text>
+<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="475" y="845.52">Y</tspan></text>
+<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="747" y="845.52">Y</tspan></text>
+<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="203" y="363.52">Y</tspan></text>
+<path d="M230 97.8184V161.636" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M503 97.6367V161.637" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M774 95.6367V161.637" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M230 581.818V645.818" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M502 581.818V645.818" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M502 337.818V401.818" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M774 581.818V645.818" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M774 339.818V403.818" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M230 819.818V885.818" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M502 819.818V883.818" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M774 819.818V883.818" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M230 337.818V401.818" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M230 97.6367H294" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M503 97.6367H567" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M774 97.6367H838" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M230 581.818H294" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M502 581.818H566" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M502 337.818H566" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M774 581.818H838" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M774 338H838" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M230 820H294" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M502 819.818H566" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M774 819.818H838" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<path d="M230 337.818H294" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
+<rect x="230" y="193.818" width="160" height="32" rx="3" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
+<rect x="503" y="193.818" width="160" height="64" rx="6" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
+<rect x="774" y="193.818" width="160" height="96" rx="6" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
+<rect x="230" y="678" width="160" height="32" rx="3" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
+<rect x="502" y="646" width="160" height="64" rx="6" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
+<rect x="502" y="402" width="160" height="64" rx="6" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
+<rect x="774" y="646" width="160" height="96" rx="6" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
+<rect x="774" y="386" width="160" height="96" rx="6" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
+<rect x="230" y="884.182" width="160" height="32" rx="3" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
+<rect x="502" y="852" width="160" height="64" rx="6" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
+<rect x="774" y="820" width="160" height="96" rx="6" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
+<rect x="230" y="418" width="160" height="32" rx="3" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
+<circle cx="231" cy="193.818" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="504" cy="193.818" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="775" cy="193.818" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="231" cy="678" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="503" cy="678" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="503" cy="434" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="775" cy="678" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="775" cy="434" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="231" cy="916" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="503" cy="916" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="775" cy="916" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="231" cy="434" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="389" cy="193.818" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="662" cy="193.818" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="933" cy="193.818" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="389" cy="678" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="661" cy="678" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="661" cy="434" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="933" cy="678" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="933" cy="434" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="389" cy="916" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="661" cy="916" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="933" cy="916" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<circle cx="389" cy="434" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
+<path d="M247 191.818C245.895 191.818 245 192.714 245 193.818C245 194.923 245.895 195.818 247 195.818V193.818V191.818ZM373.914 195.233C374.695 194.452 374.695 193.185 373.914 192.404L361.186 179.676C360.405 178.895 359.139 178.895 358.358 179.676C357.577 180.457 357.577 181.724 358.358 182.505L369.672 193.818L358.358 205.132C357.577 205.913 357.577 207.179 358.358 207.96C359.139 208.742 360.405 208.742 361.186 207.96L373.914 195.233ZM260.753 195.818C261.858 195.818 262.753 194.923 262.753 193.818C262.753 192.714 261.858 191.818 260.753 191.818V193.818V195.818ZM269.349 191.818C268.245 191.818 267.349 192.714 267.349 193.818C267.349 194.923 268.245 195.818 269.349 195.818V193.818V191.818ZM283.103 195.818C284.207 195.818 285.103 194.923 285.103 193.818C285.103 192.714 284.207 191.818 283.103 191.818V193.818V195.818ZM291.699 191.818C290.594 191.818 289.699 192.714 289.699 193.818C289.699 194.923 290.594 195.818 291.699 195.818V193.818V191.818ZM305.452 195.818C306.557 195.818 307.452 194.923 307.452 193.818C307.452 192.714 306.557 191.818 305.452 191.818V193.818V195.818ZM314.048 191.818C312.943 191.818 312.048 192.714 312.048 193.818C312.048 194.923 312.943 195.818 314.048 195.818V193.818V191.818ZM327.801 195.818C328.906 195.818 329.801 194.923 329.801 193.818C329.801 192.714 328.906 191.818 327.801 191.818V193.818V195.818ZM336.397 191.818C335.293 191.818 334.397 192.714 334.397 193.818C334.397 194.923 335.293 195.818 336.397 195.818V193.818V191.818ZM350.151 195.818C351.255 195.818 352.151 194.923 352.151 193.818C352.151 192.714 351.255 191.818 350.151 191.818V193.818V195.818ZM358.747 191.818C357.642 191.818 356.747 192.714 356.747 193.818C356.747 194.923 357.642 195.818 358.747 195.818V193.818V191.818ZM247 193.818V195.818H260.753V193.818V191.818H247V193.818ZM269.349 193.818V195.818H283.103V193.818V191.818H269.349V193.818ZM291.699 193.818V195.818H305.452V193.818V191.818H291.699V193.818ZM314.048 193.818V195.818H327.801V193.818V191.818H314.048V193.818ZM336.397 193.818V195.818H350.151V193.818V191.818H336.397V193.818ZM358.747 193.818V195.818H372.5V193.818V191.818H358.747V193.818Z" fill="#1E1E1E"/>
+<path d="M520 191.818C518.895 191.818 518 192.714 518 193.818C518 194.923 518.895 195.818 520 195.818V193.818V191.818ZM646.914 195.233C647.695 194.452 647.695 193.185 646.914 192.404L634.186 179.676C633.405 178.895 632.139 178.895 631.358 179.676C630.577 180.457 630.577 181.724 631.358 182.505L642.672 193.818L631.358 205.132C630.577 205.913 630.577 207.179 631.358 207.96C632.139 208.742 633.405 208.742 634.186 207.96L646.914 195.233ZM533.753 195.818C534.858 195.818 535.753 194.923 535.753 193.818C535.753 192.714 534.858 191.818 533.753 191.818V193.818V195.818ZM542.349 191.818C541.245 191.818 540.349 192.714 540.349 193.818C540.349 194.923 541.245 195.818 542.349 195.818V193.818V191.818ZM556.103 195.818C557.207 195.818 558.103 194.923 558.103 193.818C558.103 192.714 557.207 191.818 556.103 191.818V193.818V195.818ZM564.699 191.818C563.594 191.818 562.699 192.714 562.699 193.818C562.699 194.923 563.594 195.818 564.699 195.818V193.818V191.818ZM578.452 195.818C579.557 195.818 580.452 194.923 580.452 193.818C580.452 192.714 579.557 191.818 578.452 191.818V193.818V195.818ZM587.048 191.818C585.943 191.818 585.048 192.714 585.048 193.818C585.048 194.923 585.943 195.818 587.048 195.818V193.818V191.818ZM600.801 195.818C601.906 195.818 602.801 194.923 602.801 193.818C602.801 192.714 601.906 191.818 600.801 191.818V193.818V195.818ZM609.397 191.818C608.293 191.818 607.397 192.714 607.397 193.818C607.397 194.923 608.293 195.818 609.397 195.818V193.818V191.818ZM623.151 195.818C624.255 195.818 625.151 194.923 625.151 193.818C625.151 192.714 624.255 191.818 623.151 191.818V193.818V195.818ZM631.747 191.818C630.642 191.818 629.747 192.714 629.747 193.818C629.747 194.923 630.642 195.818 631.747 195.818V193.818V191.818ZM520 193.818V195.818H533.753V193.818V191.818H520V193.818ZM542.349 193.818V195.818H556.103V193.818V191.818H542.349V193.818ZM564.699 193.818V195.818H578.452V193.818V191.818H564.699V193.818ZM587.048 193.818V195.818H600.801V193.818V191.818H587.048V193.818ZM609.397 193.818V195.818H623.151V193.818V191.818H609.397V193.818ZM631.747 193.818V195.818H645.5V193.818V191.818H631.747V193.818Z" fill="#1E1E1E"/>
+<path d="M791 191.818C789.895 191.818 789 192.714 789 193.818C789 194.923 789.895 195.818 791 195.818V193.818V191.818ZM917.914 195.233C918.695 194.452 918.695 193.185 917.914 192.404L905.186 179.676C904.405 178.895 903.139 178.895 902.358 179.676C901.577 180.457 901.577 181.724 902.358 182.505L913.672 193.818L902.358 205.132C901.577 205.913 901.577 207.179 902.358 207.96C903.139 208.742 904.405 208.742 905.186 207.96L917.914 195.233ZM804.753 195.818C805.858 195.818 806.753 194.923 806.753 193.818C806.753 192.714 805.858 191.818 804.753 191.818V193.818V195.818ZM813.349 191.818C812.245 191.818 811.349 192.714 811.349 193.818C811.349 194.923 812.245 195.818 813.349 195.818V193.818V191.818ZM827.103 195.818C828.207 195.818 829.103 194.923 829.103 193.818C829.103 192.714 828.207 191.818 827.103 191.818V193.818V195.818ZM835.699 191.818C834.594 191.818 833.699 192.714 833.699 193.818C833.699 194.923 834.594 195.818 835.699 195.818V193.818V191.818ZM849.452 195.818C850.557 195.818 851.452 194.923 851.452 193.818C851.452 192.714 850.557 191.818 849.452 191.818V193.818V195.818ZM858.048 191.818C856.943 191.818 856.048 192.714 856.048 193.818C856.048 194.923 856.943 195.818 858.048 195.818V193.818V191.818ZM871.801 195.818C872.906 195.818 873.801 194.923 873.801 193.818C873.801 192.714 872.906 191.818 871.801 191.818V193.818V195.818ZM880.397 191.818C879.293 191.818 878.397 192.714 878.397 193.818C878.397 194.923 879.293 195.818 880.397 195.818V193.818V191.818ZM894.151 195.818C895.255 195.818 896.151 194.923 896.151 193.818C896.151 192.714 895.255 191.818 894.151 191.818V193.818V195.818ZM902.747 191.818C901.642 191.818 900.747 192.714 900.747 193.818C900.747 194.923 901.642 195.818 902.747 195.818V193.818V191.818ZM791 193.818V195.818H804.753V193.818V191.818H791V193.818ZM813.349 193.818V195.818H827.103V193.818V191.818H813.349V193.818ZM835.699 193.818V195.818H849.452V193.818V191.818H835.699V193.818ZM858.048 193.818V195.818H871.801V193.818V191.818H858.048V193.818ZM880.397 193.818V195.818H894.151V193.818V191.818H880.397V193.818ZM902.747 193.818V195.818H916.5V193.818V191.818H902.747V193.818Z" fill="#1E1E1E"/>
+<path d="M247 676C245.895 676 245 676.895 245 678C245 679.105 245.895 680 247 680V678V676ZM373.914 679.414C374.695 678.633 374.695 677.367 373.914 676.586L361.186 663.858C360.405 663.077 359.139 663.077 358.358 663.858C357.577 664.639 357.577 665.905 358.358 666.686L369.672 678L358.358 689.314C357.577 690.095 357.577 691.361 358.358 692.142C359.139 692.923 360.405 692.923 361.186 692.142L373.914 679.414ZM260.753 680C261.858 680 262.753 679.105 262.753 678C262.753 676.895 261.858 676 260.753 676V678V680ZM269.349 676C268.245 676 267.349 676.895 267.349 678C267.349 679.105 268.245 680 269.349 680V678V676ZM283.103 680C284.207 680 285.103 679.105 285.103 678C285.103 676.895 284.207 676 283.103 676V678V680ZM291.699 676C290.594 676 289.699 676.895 289.699 678C289.699 679.105 290.594 680 291.699 680V678V676ZM305.452 680C306.557 680 307.452 679.105 307.452 678C307.452 676.895 306.557 676 305.452 676V678V680ZM314.048 676C312.943 676 312.048 676.895 312.048 678C312.048 679.105 312.943 680 314.048 680V678V676ZM327.801 680C328.906 680 329.801 679.105 329.801 678C329.801 676.895 328.906 676 327.801 676V678V680ZM336.397 676C335.293 676 334.397 676.895 334.397 678C334.397 679.105 335.293 680 336.397 680V678V676ZM350.151 680C351.255 680 352.151 679.105 352.151 678C352.151 676.895 351.255 676 350.151 676V678V680ZM358.747 676C357.642 676 356.747 676.895 356.747 678C356.747 679.105 357.642 680 358.747 680V678V676ZM247 678V680H260.753V678V676H247V678ZM269.349 678V680H283.103V678V676H269.349V678ZM291.699 678V680H305.452V678V676H291.699V678ZM314.048 678V680H327.801V678V676H314.048V678ZM336.397 678V680H350.151V678V676H336.397V678ZM358.747 678V680H372.5V678V676H358.747V678Z" fill="#1E1E1E"/>
+<path d="M519 676C517.895 676 517 676.895 517 678C517 679.105 517.895 680 519 680V678V676ZM645.914 679.414C646.695 678.633 646.695 677.367 645.914 676.586L633.186 663.858C632.405 663.077 631.139 663.077 630.358 663.858C629.577 664.639 629.577 665.905 630.358 666.686L641.672 678L630.358 689.314C629.577 690.095 629.577 691.361 630.358 692.142C631.139 692.923 632.405 692.923 633.186 692.142L645.914 679.414ZM532.753 680C533.858 680 534.753 679.105 534.753 678C534.753 676.895 533.858 676 532.753 676V678V680ZM541.349 676C540.245 676 539.349 676.895 539.349 678C539.349 679.105 540.245 680 541.349 680V678V676ZM555.103 680C556.207 680 557.103 679.105 557.103 678C557.103 676.895 556.207 676 555.103 676V678V680ZM563.699 676C562.594 676 561.699 676.895 561.699 678C561.699 679.105 562.594 680 563.699 680V678V676ZM577.452 680C578.557 680 579.452 679.105 579.452 678C579.452 676.895 578.557 676 577.452 676V678V680ZM586.048 676C584.943 676 584.048 676.895 584.048 678C584.048 679.105 584.943 680 586.048 680V678V676ZM599.801 680C600.906 680 601.801 679.105 601.801 678C601.801 676.895 600.906 676 599.801 676V678V680ZM608.397 676C607.293 676 606.397 676.895 606.397 678C606.397 679.105 607.293 680 608.397 680V678V676ZM622.151 680C623.255 680 624.151 679.105 624.151 678C624.151 676.895 623.255 676 622.151 676V678V680ZM630.747 676C629.642 676 628.747 676.895 628.747 678C628.747 679.105 629.642 680 630.747 680V678V676ZM519 678V680H532.753V678V676H519V678ZM541.349 678V680H555.103V678V676H541.349V678ZM563.699 678V680H577.452V678V676H563.699V678ZM586.048 678V680H599.801V678V676H586.048V678ZM608.397 678V680H622.151V678V676H608.397V678ZM630.747 678V680H644.5V678V676H630.747V678Z" fill="#1E1E1E"/>
+<path d="M519 432C517.895 432 517 432.895 517 434C517 435.105 517.895 436 519 436V434V432ZM645.914 435.414C646.695 434.633 646.695 433.367 645.914 432.586L633.186 419.858C632.405 419.077 631.139 419.077 630.358 419.858C629.577 420.639 629.577 421.905 630.358 422.686L641.672 434L630.358 445.314C629.577 446.095 629.577 447.361 630.358 448.142C631.139 448.923 632.405 448.923 633.186 448.142L645.914 435.414ZM532.753 436C533.858 436 534.753 435.105 534.753 434C534.753 432.895 533.858 432 532.753 432V434V436ZM541.349 432C540.245 432 539.349 432.895 539.349 434C539.349 435.105 540.245 436 541.349 436V434V432ZM555.103 436C556.207 436 557.103 435.105 557.103 434C557.103 432.895 556.207 432 555.103 432V434V436ZM563.699 432C562.594 432 561.699 432.895 561.699 434C561.699 435.105 562.594 436 563.699 436V434V432ZM577.452 436C578.557 436 579.452 435.105 579.452 434C579.452 432.895 578.557 432 577.452 432V434V436ZM586.048 432C584.943 432 584.048 432.895 584.048 434C584.048 435.105 584.943 436 586.048 436V434V432ZM599.801 436C600.906 436 601.801 435.105 601.801 434C601.801 432.895 600.906 432 599.801 432V434V436ZM608.397 432C607.293 432 606.397 432.895 606.397 434C606.397 435.105 607.293 436 608.397 436V434V432ZM622.151 436C623.255 436 624.151 435.105 624.151 434C624.151 432.895 623.255 432 622.151 432V434V436ZM630.747 432C629.642 432 628.747 432.895 628.747 434C628.747 435.105 629.642 436 630.747 436V434V432ZM519 434V436H532.753V434V432H519V434ZM541.349 434V436H555.103V434V432H541.349V434ZM563.699 434V436H577.452V434V432H563.699V434ZM586.048 434V436H599.801V434V432H586.048V434ZM608.397 434V436H622.151V434V432H608.397V434ZM630.747 434V436H644.5V434V432H630.747V434Z" fill="#1E1E1E"/>
+<path d="M791 676C789.895 676 789 676.895 789 678C789 679.105 789.895 680 791 680V678V676ZM917.914 679.414C918.695 678.633 918.695 677.367 917.914 676.586L905.186 663.858C904.405 663.077 903.139 663.077 902.358 663.858C901.577 664.639 901.577 665.905 902.358 666.686L913.672 678L902.358 689.314C901.577 690.095 901.577 691.361 902.358 692.142C903.139 692.923 904.405 692.923 905.186 692.142L917.914 679.414ZM804.753 680C805.858 680 806.753 679.105 806.753 678C806.753 676.895 805.858 676 804.753 676V678V680ZM813.349 676C812.245 676 811.349 676.895 811.349 678C811.349 679.105 812.245 680 813.349 680V678V676ZM827.103 680C828.207 680 829.103 679.105 829.103 678C829.103 676.895 828.207 676 827.103 676V678V680ZM835.699 676C834.594 676 833.699 676.895 833.699 678C833.699 679.105 834.594 680 835.699 680V678V676ZM849.452 680C850.557 680 851.452 679.105 851.452 678C851.452 676.895 850.557 676 849.452 676V678V680ZM858.048 676C856.943 676 856.048 676.895 856.048 678C856.048 679.105 856.943 680 858.048 680V678V676ZM871.801 680C872.906 680 873.801 679.105 873.801 678C873.801 676.895 872.906 676 871.801 676V678V680ZM880.397 676C879.293 676 878.397 676.895 878.397 678C878.397 679.105 879.293 680 880.397 680V678V676ZM894.151 680C895.255 680 896.151 679.105 896.151 678C896.151 676.895 895.255 676 894.151 676V678V680ZM902.747 676C901.642 676 900.747 676.895 900.747 678C900.747 679.105 901.642 680 902.747 680V678V676ZM791 678V680H804.753V678V676H791V678ZM813.349 678V680H827.103V678V676H813.349V678ZM835.699 678V680H849.452V678V676H835.699V678ZM858.048 678V680H871.801V678V676H858.048V678ZM880.397 678V680H894.151V678V676H880.397V678ZM902.747 678V680H916.5V678V676H902.747V678Z" fill="#1E1E1E"/>
+<path d="M791 432C789.895 432 789 432.895 789 434C789 435.105 789.895 436 791 436V434V432ZM917.914 435.414C918.695 434.633 918.695 433.367 917.914 432.586L905.186 419.858C904.405 419.077 903.139 419.077 902.358 419.858C901.577 420.639 901.577 421.905 902.358 422.686L913.672 434L902.358 445.314C901.577 446.095 901.577 447.361 902.358 448.142C903.139 448.923 904.405 448.923 905.186 448.142L917.914 435.414ZM804.753 436C805.858 436 806.753 435.105 806.753 434C806.753 432.895 805.858 432 804.753 432V434V436ZM813.349 432C812.245 432 811.349 432.895 811.349 434C811.349 435.105 812.245 436 813.349 436V434V432ZM827.103 436C828.207 436 829.103 435.105 829.103 434C829.103 432.895 828.207 432 827.103 432V434V436ZM835.699 432C834.594 432 833.699 432.895 833.699 434C833.699 435.105 834.594 436 835.699 436V434V432ZM849.452 436C850.557 436 851.452 435.105 851.452 434C851.452 432.895 850.557 432 849.452 432V434V436ZM858.048 432C856.943 432 856.048 432.895 856.048 434C856.048 435.105 856.943 436 858.048 436V434V432ZM871.801 436C872.906 436 873.801 435.105 873.801 434C873.801 432.895 872.906 432 871.801 432V434V436ZM880.397 432C879.293 432 878.397 432.895 878.397 434C878.397 435.105 879.293 436 880.397 436V434V432ZM894.151 436C895.255 436 896.151 435.105 896.151 434C896.151 432.895 895.255 432 894.151 432V434V436ZM902.747 432C901.642 432 900.747 432.895 900.747 434C900.747 435.105 901.642 436 902.747 436V434V432ZM791 434V436H804.753V434V432H791V434ZM813.349 434V436H827.103V434V432H813.349V434ZM835.699 434V436H849.452V434V432H835.699V434ZM858.048 434V436H871.801V434V432H858.048V434ZM880.397 434V436H894.151V434V432H880.397V434ZM902.747 434V436H916.5V434V432H902.747V434Z" fill="#1E1E1E"/>
+<path d="M247 914C245.895 914 245 914.895 245 916C245 917.105 245.895 918 247 918V916V914ZM373.914 917.414C374.695 916.633 374.695 915.367 373.914 914.586L361.186 901.858C360.405 901.077 359.139 901.077 358.358 901.858C357.577 902.639 357.577 903.905 358.358 904.686L369.672 916L358.358 927.314C357.577 928.095 357.577 929.361 358.358 930.142C359.139 930.923 360.405 930.923 361.186 930.142L373.914 917.414ZM260.753 918C261.858 918 262.753 917.105 262.753 916C262.753 914.895 261.858 914 260.753 914V916V918ZM269.349 914C268.245 914 267.349 914.895 267.349 916C267.349 917.105 268.245 918 269.349 918V916V914ZM283.103 918C284.207 918 285.103 917.105 285.103 916C285.103 914.895 284.207 914 283.103 914V916V918ZM291.699 914C290.594 914 289.699 914.895 289.699 916C289.699 917.105 290.594 918 291.699 918V916V914ZM305.452 918C306.557 918 307.452 917.105 307.452 916C307.452 914.895 306.557 914 305.452 914V916V918ZM314.048 914C312.943 914 312.048 914.895 312.048 916C312.048 917.105 312.943 918 314.048 918V916V914ZM327.801 918C328.906 918 329.801 917.105 329.801 916C329.801 914.895 328.906 914 327.801 914V916V918ZM336.397 914C335.293 914 334.397 914.895 334.397 916C334.397 917.105 335.293 918 336.397 918V916V914ZM350.151 918C351.255 918 352.151 917.105 352.151 916C352.151 914.895 351.255 914 350.151 914V916V918ZM358.747 914C357.642 914 356.747 914.895 356.747 916C356.747 917.105 357.642 918 358.747 918V916V914ZM247 916V918H260.753V916V914H247V916ZM269.349 916V918H283.103V916V914H269.349V916ZM291.699 916V918H305.452V916V914H291.699V916ZM314.048 916V918H327.801V916V914H314.048V916ZM336.397 916V918H350.151V916V914H336.397V916ZM358.747 916V918H372.5V916V914H358.747V916Z" fill="#1E1E1E"/>
+<path d="M519 914C517.895 914 517 914.895 517 916C517 917.105 517.895 918 519 918V916V914ZM645.914 917.414C646.695 916.633 646.695 915.367 645.914 914.586L633.186 901.858C632.405 901.077 631.139 901.077 630.358 901.858C629.577 902.639 629.577 903.905 630.358 904.686L641.672 916L630.358 927.314C629.577 928.095 629.577 929.361 630.358 930.142C631.139 930.923 632.405 930.923 633.186 930.142L645.914 917.414ZM532.753 918C533.858 918 534.753 917.105 534.753 916C534.753 914.895 533.858 914 532.753 914V916V918ZM541.349 914C540.245 914 539.349 914.895 539.349 916C539.349 917.105 540.245 918 541.349 918V916V914ZM555.103 918C556.207 918 557.103 917.105 557.103 916C557.103 914.895 556.207 914 555.103 914V916V918ZM563.699 914C562.594 914 561.699 914.895 561.699 916C561.699 917.105 562.594 918 563.699 918V916V914ZM577.452 918C578.557 918 579.452 917.105 579.452 916C579.452 914.895 578.557 914 577.452 914V916V918ZM586.048 914C584.943 914 584.048 914.895 584.048 916C584.048 917.105 584.943 918 586.048 918V916V914ZM599.801 918C600.906 918 601.801 917.105 601.801 916C601.801 914.895 600.906 914 599.801 914V916V918ZM608.397 914C607.293 914 606.397 914.895 606.397 916C606.397 917.105 607.293 918 608.397 918V916V914ZM622.151 918C623.255 918 624.151 917.105 624.151 916C624.151 914.895 623.255 914 622.151 914V916V918ZM630.747 914C629.642 914 628.747 914.895 628.747 916C628.747 917.105 629.642 918 630.747 918V916V914ZM519 916V918H532.753V916V914H519V916ZM541.349 916V918H555.103V916V914H541.349V916ZM563.699 916V918H577.452V916V914H563.699V916ZM586.048 916V918H599.801V916V914H586.048V916ZM608.397 916V918H622.151V916V914H608.397V916ZM630.747 916V918H644.5V916V914H630.747V916Z" fill="#1E1E1E"/>
+<path d="M791 914C789.895 914 789 914.895 789 916C789 917.105 789.895 918 791 918V916V914ZM917.914 917.414C918.695 916.633 918.695 915.367 917.914 914.586L905.186 901.858C904.405 901.077 903.139 901.077 902.358 901.858C901.577 902.639 901.577 903.905 902.358 904.686L913.672 916L902.358 927.314C901.577 928.095 901.577 929.361 902.358 930.142C903.139 930.923 904.405 930.923 905.186 930.142L917.914 917.414ZM804.753 918C805.858 918 806.753 917.105 806.753 916C806.753 914.895 805.858 914 804.753 914V916V918ZM813.349 914C812.245 914 811.349 914.895 811.349 916C811.349 917.105 812.245 918 813.349 918V916V914ZM827.103 918C828.207 918 829.103 917.105 829.103 916C829.103 914.895 828.207 914 827.103 914V916V918ZM835.699 914C834.594 914 833.699 914.895 833.699 916C833.699 917.105 834.594 918 835.699 918V916V914ZM849.452 918C850.557 918 851.452 917.105 851.452 916C851.452 914.895 850.557 914 849.452 914V916V918ZM858.048 914C856.943 914 856.048 914.895 856.048 916C856.048 917.105 856.943 918 858.048 918V916V914ZM871.801 918C872.906 918 873.801 917.105 873.801 916C873.801 914.895 872.906 914 871.801 914V916V918ZM880.397 914C879.293 914 878.397 914.895 878.397 916C878.397 917.105 879.293 918 880.397 918V916V914ZM894.151 918C895.255 918 896.151 917.105 896.151 916C896.151 914.895 895.255 914 894.151 914V916V918ZM902.747 914C901.642 914 900.747 914.895 900.747 916C900.747 917.105 901.642 918 902.747 918V916V914ZM791 916V918H804.753V916V914H791V916ZM813.349 916V918H827.103V916V914H813.349V916ZM835.699 916V918H849.452V916V914H835.699V916ZM858.048 916V918H871.801V916V914H858.048V916ZM880.397 916V918H894.151V916V914H880.397V916ZM902.747 916V918H916.5V916V914H902.747V916Z" fill="#1E1E1E"/>
+<path d="M247 432C245.895 432 245 432.895 245 434C245 435.105 245.895 436 247 436V434V432ZM373.914 435.414C374.695 434.633 374.695 433.367 373.914 432.586L361.186 419.858C360.405 419.077 359.139 419.077 358.358 419.858C357.577 420.639 357.577 421.905 358.358 422.686L369.672 434L358.358 445.314C357.577 446.095 357.577 447.361 358.358 448.142C359.139 448.923 360.405 448.923 361.186 448.142L373.914 435.414ZM260.753 436C261.858 436 262.753 435.105 262.753 434C262.753 432.895 261.858 432 260.753 432V434V436ZM269.349 432C268.245 432 267.349 432.895 267.349 434C267.349 435.105 268.245 436 269.349 436V434V432ZM283.103 436C284.207 436 285.103 435.105 285.103 434C285.103 432.895 284.207 432 283.103 432V434V436ZM291.699 432C290.594 432 289.699 432.895 289.699 434C289.699 435.105 290.594 436 291.699 436V434V432ZM305.452 436C306.557 436 307.452 435.105 307.452 434C307.452 432.895 306.557 432 305.452 432V434V436ZM314.048 432C312.943 432 312.048 432.895 312.048 434C312.048 435.105 312.943 436 314.048 436V434V432ZM327.801 436C328.906 436 329.801 435.105 329.801 434C329.801 432.895 328.906 432 327.801 432V434V436ZM336.397 432C335.293 432 334.397 432.895 334.397 434C334.397 435.105 335.293 436 336.397 436V434V432ZM350.151 436C351.255 436 352.151 435.105 352.151 434C352.151 432.895 351.255 432 350.151 432V434V436ZM358.747 432C357.642 432 356.747 432.895 356.747 434C356.747 435.105 357.642 436 358.747 436V434V432ZM247 434V436H260.753V434V432H247V434ZM269.349 434V436H283.103V434V432H269.349V434ZM291.699 434V436H305.452V434V432H291.699V434ZM314.048 434V436H327.801V434V432H314.048V434ZM336.397 434V436H350.151V434V432H336.397V434ZM358.747 434V436H372.5V434V432H358.747V434Z" fill="#1E1E1E"/>
+</svg>
--- a/drawlist/triangle_basics.svg
+++ b/drawlist/triangle_basics.svg