Commits: 4
Rename TransformationsCircle to Circle, make it parametrized, edit day-2
index 32d4a6c..6d2aed2 100644
--- a/content/day-2.txt
+++ b/content/day-2.txt
@@ -15,36 +15,135 @@
=| Header
= The Problem
=
-We want to place the dots in a circle, like that:
+We want to place the dots in a circle, like this:
=
-| TransformationsCircle
- dots = True
- circle = False
- angle = False
- center = False
+| Window
+ | Circle
+ dots = 5
+ circle = 0 1
+ angles = 0 1
+ center = none
+ radius = 0 1
+ scatter = False
=
-As you can see, we will make the dot's have different colors, so it's more fun!
+We will also make the dots have different colors... so it's more fun!
=
-How we will get there?
+| Header
+ What does it mean to be placed on a circle?
+
+We all have some intuition about a circle. You can tell if you see one and if you have a steady hand, you can probably draw one with a pencil. It's a thing that looks like this:
+
+| Circle
+ dots = 0
+ circle = 1 0
+ angles = 0 1
+ center = none
+ radius = 0 1
+ scatter = False
=
-We will need more than one dot. Let's make it 5. Then let's think what does it mean to be placed on a circle.
=
-First of all we have to realize that a circle has a center. It's a point that lays exactly in the middle:
+But what is it that makes a circle what it is? First of all we have to realize that a circle has a center. It's a point that lays exactly in the middle:
=
+| Circle
+ dots = 0
+ circle = 1 0
+ angles = 0 1
+ center = True
+ radius = 0 1
+ scatter = False
=
-Then we can say that several things lay on a circle if the distance between each of them and the center is the same.
=
-In other words, you can put a thing in the center and then move it in any direction, let's say 1 meter. If you do the same to several things, you will make them lay on a circle.
+We can say that four or more things lay on a circle, if the distance to the center is the same for each of them, like this:
=
-Of course the direction must be different each time. Otherwise the things would just stack one on top of another! We wouldn't call it a circle, right?
+| Circle
+ dots = 5
+ circle = 3 3
+ angles = 0 1
+ center = True
+ radius = 3 3
+ scatter = False
=
-We will change the cartesian coordinates of the dots, nothing else! But figuring out the right coordinates is a bit tricky
+Why more than three? Well, think about it in terms of a fair challenge. If it's one, then it can lay on any circle that crosses the place. There is very many circles like that (in fact infinitely many). The same for two. Not every circle will do, but still you could draw many different circles that they will lay on. For three things there will always be exactly one circle that they lay on (except if they lay in one line, unless you claim that straight line is an infinite circle). So three is still not much of a challenge. You could place them however you like, and claim that they lay on a circle.
=
-How can we figure out the correct cartesian coordinates?
+So only when it's four or more things, we can seriously ask whether they lay on a circle or not.
=
=| Note
- Story about the flowerpot and the table: two ways to measure relative position, one is distance from an x and y axis (cartesian coordinates), the other is angle and distance relative to origin (polar coordinates)
+ TODO: Consider if the above adds more value or confusion.
+
+ TODO: An example showing multiple circles crossing one and two points
+
+ TODO: An example showing that for three different points there will always be a circle that crosses them, see {Link|circumcircle|url=https://package.elm-lang.org/packages/ianmackenzie/elm-geometry/latest/Triangle2d#circumcircle}
+
+
+Because we are all about challenges, let's make five dots.
+
+So, once again - we can say that several things lay on a circle if the distance between each of them and the center of the circle is the same. We call this distance /a *radius* of a circle/.
+
+| Note
+ Matematician would say:
+
+ /Four or more points belong to a circle when there is a point (called center) that is equally distant from each of the points./
+
+ That is more precise, but perhaps a little more difficult to visualize.
+
+Ok, so this describes what it means to lay on a circle. But what are some efficient methods of putting things there? How about this.
+
+You choose a center (anywhere, say {Code|(0, 0)}) and radius (any length you like, say 80).
+
+Take a ruler and place it's one end (the one showing the value 0) at the center point. Then move the thing you want to place along the ruler the length you chose. Leave it there.
+
+Next slightly rotate the ruler around the center (keep point {Code|0} of the ruler at point {Code|(0, 0)}). Repeat the steps above with another thing. Move it along the slider the same length as previously (radius). Because this time the ruler points in different direction, the thing will end up in a different place.
+
+| Note
+ TODO: An interactive example with ruler. Basically a modified Translations.
+
+In other words, you can put a thing in the center and then move it in any direction, let's say 1 meter. If you do the same to several things in several directions (but same length), you will make them lay on a circle. The direction must be different each time. Otherwise the things would just stack one on top of another! We wouldn't call it a circle, right?
+
+Now, notice that the dots displayed by the program we are creating are not laying just anywhere on the circle. They are evenly distributed:
+
+| Circle
+ dots = 5
+ circle = 0 1
+ angles = 0 1
+ center = none
+ radius = 0 1
+ scatter = False
+
+It means that not only the distance between each dot and the center is the same. Also each dots lay the same distance away from it's two nearest neighbors.
+
+Just compare it with the following picture:
+
+| Circle
+ dots = 5
+ circle = 0 1
+ angles = 0 1
+ center = none
+ radius = 0 1
+ scatter = True
+
+These are also 5 dots laying on a circle. Look:
+
+| Circle
+ dots = 5
+ circle = 3
+ angles = 0 1
+ center = none
+ radius = 0 1
+ scatter = True
+
+| Note
+ IDEA: An interactive program (game of sorts) that shows a ruler and dots. User can drag the ruler around and rotate it. Also dots can be dragged around. Once the dots are placed on a circle, the program rewards the user with a nice animation and message. It would be super awesome to make it touch capable {Icon|name=award}
+
+ Then second variety. This time there is also a compass tool. User has to place the dots on a circle so that they are evenly distributed.
+
+ In the mean time we have two non-interactive examples with evenly and randomly distributed dots.
+
+
+So they lay on a circle, but there is a striking difference. They are all scattered! This means that there is something missing in our solution. We need to take care of one more aspect when we place our dots.
+
+Since the center and radius is the same for each dot, the only thing we can play with is the angle that we rotate the ruler each time.
=
+TODO: ___✁___ edit from here
=
=What does this have to do with a circle? Do you know the expression 'I did a 180'. Where would you be looking if you did two 180s (a '360'). We see that circles and angles are closely related!
=new file mode 100644
index 0000000..7d4ced3
--- /dev/null
+++ b/src/Examples/Circle.elm
@@ -0,0 +1,189 @@
+module Examples.Circle exposing (Config, defaults, main, ui)
+
+import Arc2d
+import Array
+import Element exposing (Element)
+import Geometry.Svg
+import Html exposing (Html)
+import List.Extra as List
+import Maybe.Extra as Maybe
+import Point2d
+import Svg exposing (Svg)
+import Svg.Attributes
+import Transformations exposing (Transformation(..))
+
+
+type alias Config =
+ { dots : Int -- Number of dots
+ , circle : String -- Dash array
+ , center : String -- Color
+ , radius : String -- Dash array
+ , angles : String -- Dash array
+ , scatter : Bool -- Are doot evenly distributed or scattered
+ }
+
+
+main : Html.Html msg
+main =
+ Element.layout
+ [ Element.width Element.fill
+ , Element.height Element.fill
+ ]
+ (ui defaults)
+
+
+palette : List String
+palette =
+ [ "skyblue"
+ , "orange"
+ , "red"
+ , "lime"
+ , "maroon"
+ ]
+
+
+ui : Config -> Element msg
+ui config =
+ let
+ shapes =
+ [ dots
+ , center
+ , circle
+ , compass
+ , radi
+ ]
+
+ compass : Svg msg
+ compass =
+ 0
+ :: angles
+ |> pairs
+ |> Debug.log "pairs"
+ |> List.indexedMap arc
+ |> Svg.g []
+
+ pairs : List a -> List ( a, a )
+ pairs list =
+ case list of
+ [] ->
+ []
+
+ [ one ] ->
+ []
+
+ one :: two :: rest ->
+ ( one, two ) :: pairs (two :: rest)
+
+ arc : Int -> ( Float, Float ) -> Svg msg
+ arc index ( start, end ) =
+ Arc2d.with
+ { centerPoint = Point2d.origin
+ , radius = 30
+ , startAngle = degrees start
+ , sweptAngle = degrees (end - start)
+ }
+ |> Geometry.Svg.arc2d
+ [ Svg.Attributes.stroke (color index)
+ , Svg.Attributes.strokeDasharray config.angles
+ , Svg.Attributes.fill "none"
+ ]
+
+ dots =
+ angles
+ |> List.indexedMap
+ (\index angle ->
+ dot angle (color index)
+ )
+ |> Svg.g []
+
+ center =
+ Svg.circle
+ [ Svg.Attributes.r "2"
+ , Svg.Attributes.fill config.center
+ ]
+ []
+
+ circle =
+ Svg.circle
+ [ Svg.Attributes.r "80"
+ , Svg.Attributes.stroke "silver"
+ , Svg.Attributes.strokeWidth "1"
+ , Svg.Attributes.strokeDasharray config.circle
+ , Svg.Attributes.fill "none"
+ ]
+ []
+
+ radi =
+ angles
+ |> Debug.log "angles"
+ |> List.map radius
+ |> Svg.g []
+
+ angles : List Float
+ angles =
+ if config.scatter then
+ -- TODO: Generate a list of numbers [ 0, 5, 10, 15, ... 355 ] and use Random.Extra.List.shuffle and List.take config.dots to take a random sample.
+ [ 5, 35, 85, 100, 260, 340, 300, 95, 180, 220 ]
+ |> List.take config.dots
+
+ else
+ config.dots
+ |> List.range 1
+ |> List.map
+ (\index ->
+ 360 * toFloat index / toFloat config.dots
+ )
+
+ dot : Float -> String -> Svg msg
+ dot angle fill =
+ Svg.circle
+ [ Svg.Attributes.r "10"
+ , Svg.Attributes.cx "0"
+ , Svg.Attributes.cy "0"
+ , Svg.Attributes.fill fill
+ , Svg.Attributes.transform <|
+ Transformations.apply
+ [ Rotate angle
+ , Translate 80 0
+ ]
+ ]
+ []
+
+ color : Int -> String
+ color index =
+ palette
+ |> Array.fromList
+ |> Array.get (modBy (List.length palette) index)
+ |> Maybe.withDefault "black"
+
+ radius angle =
+ Svg.line
+ [ Svg.Attributes.x1 "0"
+ , Svg.Attributes.y1 "0"
+ , Svg.Attributes.x2 "80"
+ , Svg.Attributes.y2 "0"
+ , Svg.Attributes.stroke "pink"
+ , Svg.Attributes.strokeDasharray config.radius
+ , Svg.Attributes.transform <|
+ Transformations.apply
+ [ Rotate angle
+ ]
+ ]
+ []
+ in
+ shapes
+ |> Svg.svg
+ [ Svg.Attributes.viewBox "-100 -100 200 200"
+ ]
+ |> Element.html
+
+
+defaults : Config
+defaults =
+ { dots = 5
+ , circle = "0 1"
+ , center = "none"
+ , radius = "0 1"
+ , angles = "0 1"
+ , scatter = False
+ }deleted file mode 100644
index a3a507f..0000000
--- a/src/Examples/TransformationsCircle.elm
+++ /dev/null
@@ -1,135 +0,0 @@
-module Examples.TransformationsCircle exposing (Config, defaults, main, ui)
-
-import Element exposing (Element)
-import Html exposing (Html)
-import Maybe.Extra as Maybe
-import Svg exposing (Svg)
-import Svg.Attributes
-import Transformations exposing (Transformation(..))
-
-
-main : Html.Html msg
-main =
- Element.layout
- [ Element.width Element.fill
- , Element.height Element.fill
- ]
- (ui defaults)
-
-
-ui : Config -> Element msg
-ui config =
- let
- present : Bool -> Svg msg -> Maybe (Svg msg)
- present flag shape =
- if flag then
- Just shape
-
- else
- Nothing
-
- shapes =
- dots
- ++ Maybe.values
- [ present config.circle circle
- ]
-
- dots =
- if config.dots then
- [ Svg.circle
- [ Svg.Attributes.r "10"
- , Svg.Attributes.cx "0"
- , Svg.Attributes.cy "0"
- , Svg.Attributes.fill "skyblue"
- , Svg.Attributes.transform <|
- Transformations.apply
- [ Rotate 0
- , Translate 80 0
- ]
- ]
- []
- , Svg.circle
- [ Svg.Attributes.r "10"
- , Svg.Attributes.cx "0"
- , Svg.Attributes.cy "0"
- , Svg.Attributes.fill "pink"
- , Svg.Attributes.transform <|
- Transformations.apply
- [ Rotate 72
- , Translate 80 0
- ]
- ]
- []
- , Svg.circle
- [ Svg.Attributes.r "10"
- , Svg.Attributes.cx "0"
- , Svg.Attributes.cy "0"
- , Svg.Attributes.fill "yellow"
- , Svg.Attributes.transform <|
- Transformations.apply
- [ Rotate 144
- , Translate 80 0
- ]
- ]
- []
- , Svg.circle
- [ Svg.Attributes.r "10"
- , Svg.Attributes.cx "0"
- , Svg.Attributes.cy "0"
- , Svg.Attributes.fill "lime"
- , Svg.Attributes.transform <|
- Transformations.apply
- [ Rotate 216
- , Translate 80 0
- ]
- ]
- []
- , Svg.circle
- [ Svg.Attributes.r "10"
- , Svg.Attributes.cx "0"
- , Svg.Attributes.cy "0"
- , Svg.Attributes.fill "maroon"
- , Svg.Attributes.transform <|
- Transformations.apply
- [ Rotate 288
- , Translate 80 0
- ]
- ]
- []
- ]
-
- else
- []
-
- circle =
- Svg.circle
- [ Svg.Attributes.r "80"
- , Svg.Attributes.stroke "silver"
- , Svg.Attributes.strokeWidth "1"
- , Svg.Attributes.strokeDasharray "5 5"
- , Svg.Attributes.fill "none"
- ]
- []
- in
- shapes
- |> Svg.svg
- [ Svg.Attributes.viewBox "-100 -100 200 200"
- ]
- |> Element.html
-
-
-defaults : Config
-defaults =
- { circle = False
- , center = False
- , angle = False
- , dots = False
- }
-
-
-type alias Config =
- { circle : Bool
- , center : Bool
- , angle : Bool
- , dots : Bool
- }index 072cef8..d8624ad 100644
--- a/src/Main.elm
+++ b/src/Main.elm
@@ -19,6 +19,7 @@ import Element.Font as Font
=import Element.Input as Input
=import Examples.CartesianCoordinates
=import Examples.CenteredDot
+import Examples.Circle
=import Examples.Counter
=import Examples.DotAtTheCenterOfTheScreen
=import Examples.FillTheScreen
@@ -30,7 +31,6 @@ import Examples.RosetteTypedTransformations
=import Examples.Simplest
=import Examples.Spiral
=import Examples.Transformations
-import Examples.TransformationsCircle
=import Examples.Tree
=import Examples.ViewBox
=import FeatherIcons exposing (icons)
@@ -463,7 +463,7 @@ document =
= , fillTheScreen
= , dotAtTheCenterOfTheScreen
= , centeredDot
- , transformationsCircle
+ , circle
= , line
= , gradient
= , transformations
@@ -569,19 +569,21 @@ document =
= in
= Mark.stub "CenteredDot" render
=
- transformationsCircle : Mark.Block (Model -> Element Msg)
- transformationsCircle =
+ circle : Mark.Block (Model -> Element Msg)
+ circle =
= let
- render : Examples.TransformationsCircle.Config -> Model -> Element Msg
+ render : Examples.Circle.Config -> Model -> Element Msg
= render config model =
- Examples.TransformationsCircle.ui config
+ Examples.Circle.ui config
= in
- Mark.record4 "TransformationsCircle"
- Examples.TransformationsCircle.Config
- (Mark.field "circle" Mark.bool)
- (Mark.field "center" Mark.bool)
- (Mark.field "angle" Mark.bool)
- (Mark.field "dots" Mark.bool)
+ Mark.record6 "Circle"
+ Examples.Circle.Config
+ (Mark.field "dots" Mark.int)
+ (Mark.field "circle" Mark.string)
+ (Mark.field "center" Mark.string)
+ (Mark.field "radius" Mark.string)
+ (Mark.field "angles" Mark.string)
+ (Mark.field "scatter" Mark.bool)
= |> Mark.map render
=
= line : Mark.Block (Model -> Element Msg)Merge branch 'multiple-pages' into review-day-one
Finish first draft of day 2
new file mode 100644
index 0000000..1c0256e
--- /dev/null
+++ b/assets/protractor.svg
@@ -0,0 +1,3406 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://web.resource.org/cc/"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.0"
+ id="svg2"
+ sodipodi:version="0.32"
+ inkscape:version="0.45.1"
+ width="531.49603"
+ height="531.49603"
+ sodipodi:docname="rapporteur.svg"
+ sodipodi:docbase="/tmp"
+ inkscape:output_extension="org.inkscape.output.svg.inkscape">
+ <metadata
+ id="metadata733">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <defs
+ id="defs731" />
+ <sodipodi:namedview
+ inkscape:window-height="581"
+ inkscape:window-width="744"
+ inkscape:pageshadow="2"
+ inkscape:pageopacity="0.0"
+ guidetolerance="10.0"
+ gridtolerance="10.0"
+ objecttolerance="10.0"
+ borderopacity="1.0"
+ bordercolor="#666666"
+ pagecolor="#ffffff"
+ id="base"
+ width="150mm"
+ height="150mm"
+ units="mm"
+ inkscape:document-units="mm"
+ inkscape:zoom="1.4367677"
+ inkscape:cx="183.55229"
+ inkscape:cy="130.82769"
+ inkscape:window-x="46"
+ inkscape:window-y="46"
+ inkscape:current-layer="layer1" />
+ <title
+ id="title4">Protractor</title>
+ <g
+ transform="translate(270.98819,265.42013)"
+ id="g6">
+ <circle
+ cx="0"
+ cy="0"
+ r="250"
+ id="circle8"
+ sodipodi:cx="0"
+ sodipodi:cy="0"
+ sodipodi:rx="250"
+ sodipodi:ry="250"
+ style="fill:#d3d3d3;fill-opacity:0.3;stroke:#000000;stroke-width:3" />
+<!-- Units of 1 --> <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9998477,1.7452406e-2,-1.7452406e-2,0.9998477,0,0)"
+ id="line10"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9993908,3.4899497e-2,-3.4899497e-2,0.9993908,0,0)"
+ id="line12"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9986295,5.2335956e-2,-5.2335956e-2,0.9986295,0,0)"
+ id="line14"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9975641,6.9756474e-2,-6.9756474e-2,0.9975641,0,0)"
+ id="line16"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9945219,0.1045285,-0.1045285,0.9945219,0,0)"
+ id="line18"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9925462,0.1218693,-0.1218693,0.9925462,0,0)"
+ id="line20"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9902681,0.1391731,-0.1391731,0.9902681,0,0)"
+ id="line22"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9876883,0.1564345,-0.1564345,0.9876883,0,0)"
+ id="line24"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9816272,0.190809,-0.190809,0.9816272,0,0)"
+ id="line26"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9781476,0.2079117,-0.2079117,0.9781476,0,0)"
+ id="line28"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9743701,0.2249511,-0.2249511,0.9743701,0,0)"
+ id="line30"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9702957,0.2419219,-0.2419219,0.9702957,0,0)"
+ id="line32"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9612617,0.2756374,-0.2756374,0.9612617,0,0)"
+ id="line34"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9563048,0.2923717,-0.2923717,0.9563048,0,0)"
+ id="line36"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9510565,0.309017,-0.309017,0.9510565,0,0)"
+ id="line38"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9455186,0.3255682,-0.3255682,0.9455186,0,0)"
+ id="line40"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9335804,0.3583679,-0.3583679,0.9335804,0,0)"
+ id="line42"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9271839,0.3746066,-0.3746066,0.9271839,0,0)"
+ id="line44"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9205049,0.3907311,-0.3907311,0.9205049,0,0)"
+ id="line46"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9135455,0.4067366,-0.4067366,0.9135455,0,0)"
+ id="line48"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.898794,0.4383711,-0.4383711,0.898794,0,0)"
+ id="line50"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.8910065,0.4539905,-0.4539905,0.8910065,0,0)"
+ id="line52"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.8829476,0.4694716,-0.4694716,0.8829476,0,0)"
+ id="line54"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.8746197,0.4848096,-0.4848096,0.8746197,0,0)"
+ id="line56"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.8571673,0.5150381,-0.5150381,0.8571673,0,0)"
+ id="line58"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.8480481,0.5299193,-0.5299193,0.8480481,0,0)"
+ id="line60"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.8386706,0.544639,-0.544639,0.8386706,0,0)"
+ id="line62"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.8290376,0.5591929,-0.5591929,0.8290376,0,0)"
+ id="line64"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.809017,0.5877853,-0.5877853,0.809017,0,0)"
+ id="line66"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.7986355,0.601815,-0.601815,0.7986355,0,0)"
+ id="line68"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.7880108,0.6156615,-0.6156615,0.7880108,0,0)"
+ id="line70"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.777146,0.6293204,-0.6293204,0.777146,0,0)"
+ id="line72"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.7547096,0.656059,-0.656059,0.7547096,0,0)"
+ id="line74"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.7431448,0.6691306,-0.6691306,0.7431448,0,0)"
+ id="line76"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.7313537,0.6819984,-0.6819984,0.7313537,0,0)"
+ id="line78"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.7193398,0.6946584,-0.6946584,0.7193398,0,0)"
+ id="line80"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.6946584,0.7193398,-0.7193398,0.6946584,0,0)"
+ id="line82"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.6819984,0.7313537,-0.7313537,0.6819984,0,0)"
+ id="line84"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.6691306,0.7431448,-0.7431448,0.6691306,0,0)"
+ id="line86"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.656059,0.7547096,-0.7547096,0.656059,0,0)"
+ id="line88"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.6293204,0.777146,-0.777146,0.6293204,0,0)"
+ id="line90"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.6156615,0.7880108,-0.7880108,0.6156615,0,0)"
+ id="line92"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.601815,0.7986355,-0.7986355,0.601815,0,0)"
+ id="line94"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.5877853,0.809017,-0.809017,0.5877853,0,0)"
+ id="line96"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.5591929,0.8290376,-0.8290376,0.5591929,0,0)"
+ id="line98"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.544639,0.8386706,-0.8386706,0.544639,0,0)"
+ id="line100"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.5299193,0.8480481,-0.8480481,0.5299193,0,0)"
+ id="line102"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.5150381,0.8571673,-0.8571673,0.5150381,0,0)"
+ id="line104"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.4848096,0.8746197,-0.8746197,0.4848096,0,0)"
+ id="line106"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.4694716,0.8829476,-0.8829476,0.4694716,0,0)"
+ id="line108"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.4539905,0.8910065,-0.8910065,0.4539905,0,0)"
+ id="line110"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.4383711,0.898794,-0.898794,0.4383711,0,0)"
+ id="line112"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.4067366,0.9135455,-0.9135455,0.4067366,0,0)"
+ id="line114"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.3907311,0.9205049,-0.9205049,0.3907311,0,0)"
+ id="line116"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.3746066,0.9271839,-0.9271839,0.3746066,0,0)"
+ id="line118"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.3583679,0.9335804,-0.9335804,0.3583679,0,0)"
+ id="line120"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.3255682,0.9455186,-0.9455186,0.3255682,0,0)"
+ id="line122"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.309017,0.9510565,-0.9510565,0.309017,0,0)"
+ id="line124"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.2923717,0.9563048,-0.9563048,0.2923717,0,0)"
+ id="line126"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.2756374,0.9612617,-0.9612617,0.2756374,0,0)"
+ id="line128"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.2419219,0.9702957,-0.9702957,0.2419219,0,0)"
+ id="line130"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.2249511,0.9743701,-0.9743701,0.2249511,0,0)"
+ id="line132"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.2079117,0.9781476,-0.9781476,0.2079117,0,0)"
+ id="line134"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.190809,0.9816272,-0.9816272,0.190809,0,0)"
+ id="line136"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.1564345,0.9876883,-0.9876883,0.1564345,0,0)"
+ id="line138"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.1391731,0.9902681,-0.9902681,0.1391731,0,0)"
+ id="line140"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.1218693,0.9925462,-0.9925462,0.1218693,0,0)"
+ id="line142"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.1045285,0.9945219,-0.9945219,0.1045285,0,0)"
+ id="line144"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(6.9756474e-2,0.9975641,-0.9975641,6.9756474e-2,0,0)"
+ id="line146"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(5.2335956e-2,0.9986295,-0.9986295,5.2335956e-2,0,0)"
+ id="line148"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(3.4899497e-2,0.9993908,-0.9993908,3.4899497e-2,0,0)"
+ id="line150"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(1.7452406e-2,0.9998477,-0.9998477,1.7452406e-2,0,0)"
+ id="line152"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-1.7452406e-2,0.9998477,-0.9998477,-1.7452406e-2,0,0)"
+ id="line154"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-3.4899497e-2,0.9993908,-0.9993908,-3.4899497e-2,0,0)"
+ id="line156"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-5.2335956e-2,0.9986295,-0.9986295,-5.2335956e-2,0,0)"
+ id="line158"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-6.9756474e-2,0.9975641,-0.9975641,-6.9756474e-2,0,0)"
+ id="line160"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.1045285,0.9945219,-0.9945219,-0.1045285,0,0)"
+ id="line162"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.1218693,0.9925462,-0.9925462,-0.1218693,0,0)"
+ id="line164"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.1391731,0.9902681,-0.9902681,-0.1391731,0,0)"
+ id="line166"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.1564345,0.9876883,-0.9876883,-0.1564345,0,0)"
+ id="line168"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.190809,0.9816272,-0.9816272,-0.190809,0,0)"
+ id="line170"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.2079117,0.9781476,-0.9781476,-0.2079117,0,0)"
+ id="line172"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.2249511,0.9743701,-0.9743701,-0.2249511,0,0)"
+ id="line174"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.2419219,0.9702957,-0.9702957,-0.2419219,0,0)"
+ id="line176"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.2756374,0.9612617,-0.9612617,-0.2756374,0,0)"
+ id="line178"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.2923717,0.9563048,-0.9563048,-0.2923717,0,0)"
+ id="line180"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.309017,0.9510565,-0.9510565,-0.309017,0,0)"
+ id="line182"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.3255682,0.9455186,-0.9455186,-0.3255682,0,0)"
+ id="line184"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.3583679,0.9335804,-0.9335804,-0.3583679,0,0)"
+ id="line186"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.3746066,0.9271839,-0.9271839,-0.3746066,0,0)"
+ id="line188"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.3907311,0.9205049,-0.9205049,-0.3907311,0,0)"
+ id="line190"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.4067366,0.9135455,-0.9135455,-0.4067366,0,0)"
+ id="line192"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.4383711,0.898794,-0.898794,-0.4383711,0,0)"
+ id="line194"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.4539905,0.8910065,-0.8910065,-0.4539905,0,0)"
+ id="line196"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.4694716,0.8829476,-0.8829476,-0.4694716,0,0)"
+ id="line198"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.4848096,0.8746197,-0.8746197,-0.4848096,0,0)"
+ id="line200"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.5150381,0.8571673,-0.8571673,-0.5150381,0,0)"
+ id="line202"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.5299193,0.8480481,-0.8480481,-0.5299193,0,0)"
+ id="line204"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.544639,0.8386706,-0.8386706,-0.544639,0,0)"
+ id="line206"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.5591929,0.8290376,-0.8290376,-0.5591929,0,0)"
+ id="line208"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.5877853,0.809017,-0.809017,-0.5877853,0,0)"
+ id="line210"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.601815,0.7986355,-0.7986355,-0.601815,0,0)"
+ id="line212"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.6156615,0.7880108,-0.7880108,-0.6156615,0,0)"
+ id="line214"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.6293204,0.777146,-0.777146,-0.6293204,0,0)"
+ id="line216"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.656059,0.7547096,-0.7547096,-0.656059,0,0)"
+ id="line218"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.6691306,0.7431448,-0.7431448,-0.6691306,0,0)"
+ id="line220"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.6819984,0.7313537,-0.7313537,-0.6819984,0,0)"
+ id="line222"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.6946584,0.7193398,-0.7193398,-0.6946584,0,0)"
+ id="line224"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.7193398,0.6946584,-0.6946584,-0.7193398,0,0)"
+ id="line226"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.7313537,0.6819984,-0.6819984,-0.7313537,0,0)"
+ id="line228"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.7431448,0.6691306,-0.6691306,-0.7431448,0,0)"
+ id="line230"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.7547096,0.656059,-0.656059,-0.7547096,0,0)"
+ id="line232"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.777146,0.6293204,-0.6293204,-0.777146,0,0)"
+ id="line234"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.7880108,0.6156615,-0.6156615,-0.7880108,0,0)"
+ id="line236"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.7986355,0.601815,-0.601815,-0.7986355,0,0)"
+ id="line238"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.809017,0.5877853,-0.5877853,-0.809017,0,0)"
+ id="line240"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.8290376,0.5591929,-0.5591929,-0.8290376,0,0)"
+ id="line242"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.8386706,0.544639,-0.544639,-0.8386706,0,0)"
+ id="line244"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.8480481,0.5299193,-0.5299193,-0.8480481,0,0)"
+ id="line246"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.8571673,0.5150381,-0.5150381,-0.8571673,0,0)"
+ id="line248"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.8746197,0.4848096,-0.4848096,-0.8746197,0,0)"
+ id="line250"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.8829476,0.4694716,-0.4694716,-0.8829476,0,0)"
+ id="line252"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.8910065,0.4539905,-0.4539905,-0.8910065,0,0)"
+ id="line254"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.898794,0.4383711,-0.4383711,-0.898794,0,0)"
+ id="line256"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9135455,0.4067366,-0.4067366,-0.9135455,0,0)"
+ id="line258"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9205049,0.3907311,-0.3907311,-0.9205049,0,0)"
+ id="line260"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9271839,0.3746066,-0.3746066,-0.9271839,0,0)"
+ id="line262"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9335804,0.3583679,-0.3583679,-0.9335804,0,0)"
+ id="line264"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9455186,0.3255682,-0.3255682,-0.9455186,0,0)"
+ id="line266"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9510565,0.309017,-0.309017,-0.9510565,0,0)"
+ id="line268"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9563048,0.2923717,-0.2923717,-0.9563048,0,0)"
+ id="line270"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9612617,0.2756374,-0.2756374,-0.9612617,0,0)"
+ id="line272"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9702957,0.2419219,-0.2419219,-0.9702957,0,0)"
+ id="line274"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9743701,0.2249511,-0.2249511,-0.9743701,0,0)"
+ id="line276"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9781476,0.2079117,-0.2079117,-0.9781476,0,0)"
+ id="line278"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9816272,0.190809,-0.190809,-0.9816272,0,0)"
+ id="line280"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9876883,0.1564345,-0.1564345,-0.9876883,0,0)"
+ id="line282"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9902681,0.1391731,-0.1391731,-0.9902681,0,0)"
+ id="line284"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9925462,0.1218693,-0.1218693,-0.9925462,0,0)"
+ id="line286"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9945219,0.1045285,-0.1045285,-0.9945219,0,0)"
+ id="line288"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9975641,6.9756474e-2,-6.9756474e-2,-0.9975641,0,0)"
+ id="line290"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9986295,5.2335956e-2,-5.2335956e-2,-0.9986295,0,0)"
+ id="line292"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9993908,3.4899497e-2,-3.4899497e-2,-0.9993908,0,0)"
+ id="line294"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9998477,1.7452406e-2,-1.7452406e-2,-0.9998477,0,0)"
+ id="line296"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9998477,-1.7452406e-2,1.7452406e-2,-0.9998477,0,0)"
+ id="line298"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9993908,-3.4899497e-2,3.4899497e-2,-0.9993908,0,0)"
+ id="line300"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9986295,-5.2335956e-2,5.2335956e-2,-0.9986295,0,0)"
+ id="line302"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9975641,-6.9756474e-2,6.9756474e-2,-0.9975641,0,0)"
+ id="line304"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9945219,-0.1045285,0.1045285,-0.9945219,0,0)"
+ id="line306"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9925462,-0.1218693,0.1218693,-0.9925462,0,0)"
+ id="line308"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9902681,-0.1391731,0.1391731,-0.9902681,0,0)"
+ id="line310"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9876883,-0.1564345,0.1564345,-0.9876883,0,0)"
+ id="line312"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9816272,-0.190809,0.190809,-0.9816272,0,0)"
+ id="line314"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9781476,-0.2079117,0.2079117,-0.9781476,0,0)"
+ id="line316"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9743701,-0.2249511,0.2249511,-0.9743701,0,0)"
+ id="line318"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9702957,-0.2419219,0.2419219,-0.9702957,0,0)"
+ id="line320"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9612617,-0.2756374,0.2756374,-0.9612617,0,0)"
+ id="line322"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9563048,-0.2923717,0.2923717,-0.9563048,0,0)"
+ id="line324"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9510565,-0.309017,0.309017,-0.9510565,0,0)"
+ id="line326"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9455186,-0.3255682,0.3255682,-0.9455186,0,0)"
+ id="line328"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9335804,-0.3583679,0.3583679,-0.9335804,0,0)"
+ id="line330"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9271839,-0.3746066,0.3746066,-0.9271839,0,0)"
+ id="line332"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9205049,-0.3907311,0.3907311,-0.9205049,0,0)"
+ id="line334"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9135455,-0.4067366,0.4067366,-0.9135455,0,0)"
+ id="line336"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.898794,-0.4383711,0.4383711,-0.898794,0,0)"
+ id="line338"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.8910065,-0.4539905,0.4539905,-0.8910065,0,0)"
+ id="line340"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.8829476,-0.4694716,0.4694716,-0.8829476,0,0)"
+ id="line342"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.8746197,-0.4848096,0.4848096,-0.8746197,0,0)"
+ id="line344"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.8571673,-0.5150381,0.5150381,-0.8571673,0,0)"
+ id="line346"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.8480481,-0.5299193,0.5299193,-0.8480481,0,0)"
+ id="line348"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.8386706,-0.544639,0.544639,-0.8386706,0,0)"
+ id="line350"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.8290376,-0.5591929,0.5591929,-0.8290376,0,0)"
+ id="line352"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.809017,-0.5877853,0.5877853,-0.809017,0,0)"
+ id="line354"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.7986355,-0.601815,0.601815,-0.7986355,0,0)"
+ id="line356"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.7880108,-0.6156615,0.6156615,-0.7880108,0,0)"
+ id="line358"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.777146,-0.6293204,0.6293204,-0.777146,0,0)"
+ id="line360"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.7547096,-0.656059,0.656059,-0.7547096,0,0)"
+ id="line362"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.7431448,-0.6691306,0.6691306,-0.7431448,0,0)"
+ id="line364"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.7313537,-0.6819984,0.6819984,-0.7313537,0,0)"
+ id="line366"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.7193398,-0.6946584,0.6946584,-0.7193398,0,0)"
+ id="line368"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.6946584,-0.7193398,0.7193398,-0.6946584,0,0)"
+ id="line370"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.6819984,-0.7313537,0.7313537,-0.6819984,0,0)"
+ id="line372"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.6691306,-0.7431448,0.7431448,-0.6691306,0,0)"
+ id="line374"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.656059,-0.7547096,0.7547096,-0.656059,0,0)"
+ id="line376"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.6293204,-0.777146,0.777146,-0.6293204,0,0)"
+ id="line378"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.6156615,-0.7880108,0.7880108,-0.6156615,0,0)"
+ id="line380"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.601815,-0.7986355,0.7986355,-0.601815,0,0)"
+ id="line382"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.5877853,-0.809017,0.809017,-0.5877853,0,0)"
+ id="line384"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.5591929,-0.8290376,0.8290376,-0.5591929,0,0)"
+ id="line386"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.544639,-0.8386706,0.8386706,-0.544639,0,0)"
+ id="line388"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.5299193,-0.8480481,0.8480481,-0.5299193,0,0)"
+ id="line390"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.5150381,-0.8571673,0.8571673,-0.5150381,0,0)"
+ id="line392"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.4848096,-0.8746197,0.8746197,-0.4848096,0,0)"
+ id="line394"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.4694716,-0.8829476,0.8829476,-0.4694716,0,0)"
+ id="line396"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.4539905,-0.8910065,0.8910065,-0.4539905,0,0)"
+ id="line398"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.4383711,-0.898794,0.898794,-0.4383711,0,0)"
+ id="line400"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.4067366,-0.9135455,0.9135455,-0.4067366,0,0)"
+ id="line402"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.3907311,-0.9205049,0.9205049,-0.3907311,0,0)"
+ id="line404"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.3746066,-0.9271839,0.9271839,-0.3746066,0,0)"
+ id="line406"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.3583679,-0.9335804,0.9335804,-0.3583679,0,0)"
+ id="line408"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.3255682,-0.9455186,0.9455186,-0.3255682,0,0)"
+ id="line410"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.309017,-0.9510565,0.9510565,-0.309017,0,0)"
+ id="line412"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.2923717,-0.9563048,0.9563048,-0.2923717,0,0)"
+ id="line414"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.2756374,-0.9612617,0.9612617,-0.2756374,0,0)"
+ id="line416"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.2419219,-0.9702957,0.9702957,-0.2419219,0,0)"
+ id="line418"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.2249511,-0.9743701,0.9743701,-0.2249511,0,0)"
+ id="line420"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.2079117,-0.9781476,0.9781476,-0.2079117,0,0)"
+ id="line422"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.190809,-0.9816272,0.9816272,-0.190809,0,0)"
+ id="line424"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.1564345,-0.9876883,0.9876883,-0.1564345,0,0)"
+ id="line426"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.1391731,-0.9902681,0.9902681,-0.1391731,0,0)"
+ id="line428"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.1218693,-0.9925462,0.9925462,-0.1218693,0,0)"
+ id="line430"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.1045285,-0.9945219,0.9945219,-0.1045285,0,0)"
+ id="line432"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-6.9756474e-2,-0.9975641,0.9975641,-6.9756474e-2,0,0)"
+ id="line434"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-5.2335956e-2,-0.9986295,0.9986295,-5.2335956e-2,0,0)"
+ id="line436"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-3.4899497e-2,-0.9993908,0.9993908,-3.4899497e-2,0,0)"
+ id="line438"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(-1.7452406e-2,-0.9998477,0.9998477,-1.7452406e-2,0,0)"
+ id="line440"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(1.7452406e-2,-0.9998477,0.9998477,1.7452406e-2,0,0)"
+ id="line442"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(3.4899497e-2,-0.9993908,0.9993908,3.4899497e-2,0,0)"
+ id="line444"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(5.2335956e-2,-0.9986295,0.9986295,5.2335956e-2,0,0)"
+ id="line446"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(6.9756474e-2,-0.9975641,0.9975641,6.9756474e-2,0,0)"
+ id="line448"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.1045285,-0.9945219,0.9945219,0.1045285,0,0)"
+ id="line450"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.1218693,-0.9925462,0.9925462,0.1218693,0,0)"
+ id="line452"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.1391731,-0.9902681,0.9902681,0.1391731,0,0)"
+ id="line454"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.1564345,-0.9876883,0.9876883,0.1564345,0,0)"
+ id="line456"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.190809,-0.9816272,0.9816272,0.190809,0,0)"
+ id="line458"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.2079117,-0.9781476,0.9781476,0.2079117,0,0)"
+ id="line460"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.2249511,-0.9743701,0.9743701,0.2249511,0,0)"
+ id="line462"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.2419219,-0.9702957,0.9702957,0.2419219,0,0)"
+ id="line464"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.2756374,-0.9612617,0.9612617,0.2756374,0,0)"
+ id="line466"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.2923717,-0.9563048,0.9563048,0.2923717,0,0)"
+ id="line468"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.309017,-0.9510565,0.9510565,0.309017,0,0)"
+ id="line470"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.3255682,-0.9455186,0.9455186,0.3255682,0,0)"
+ id="line472"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.3583679,-0.9335804,0.9335804,0.3583679,0,0)"
+ id="line474"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.3746066,-0.9271839,0.9271839,0.3746066,0,0)"
+ id="line476"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.3907311,-0.9205049,0.9205049,0.3907311,0,0)"
+ id="line478"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.4067366,-0.9135455,0.9135455,0.4067366,0,0)"
+ id="line480"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.4383711,-0.898794,0.898794,0.4383711,0,0)"
+ id="line482"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.4539905,-0.8910065,0.8910065,0.4539905,0,0)"
+ id="line484"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.4694716,-0.8829476,0.8829476,0.4694716,0,0)"
+ id="line486"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.4848096,-0.8746197,0.8746197,0.4848096,0,0)"
+ id="line488"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.5150381,-0.8571673,0.8571673,0.5150381,0,0)"
+ id="line490"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.5299193,-0.8480481,0.8480481,0.5299193,0,0)"
+ id="line492"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.544639,-0.8386706,0.8386706,0.544639,0,0)"
+ id="line494"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.5591929,-0.8290376,0.8290376,0.5591929,0,0)"
+ id="line496"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.5877853,-0.809017,0.809017,0.5877853,0,0)"
+ id="line498"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.601815,-0.7986355,0.7986355,0.601815,0,0)"
+ id="line500"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.6156615,-0.7880108,0.7880108,0.6156615,0,0)"
+ id="line502"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.6293204,-0.777146,0.777146,0.6293204,0,0)"
+ id="line504"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.656059,-0.7547096,0.7547096,0.656059,0,0)"
+ id="line506"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.6691306,-0.7431448,0.7431448,0.6691306,0,0)"
+ id="line508"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.6819984,-0.7313537,0.7313537,0.6819984,0,0)"
+ id="line510"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.6946584,-0.7193398,0.7193398,0.6946584,0,0)"
+ id="line512"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.7193398,-0.6946584,0.6946584,0.7193398,0,0)"
+ id="line514"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.7313537,-0.6819984,0.6819984,0.7313537,0,0)"
+ id="line516"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.7431448,-0.6691306,0.6691306,0.7431448,0,0)"
+ id="line518"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.7547096,-0.656059,0.656059,0.7547096,0,0)"
+ id="line520"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.777146,-0.6293204,0.6293204,0.777146,0,0)"
+ id="line522"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.7880108,-0.6156615,0.6156615,0.7880108,0,0)"
+ id="line524"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.7986355,-0.601815,0.601815,0.7986355,0,0)"
+ id="line526"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.809017,-0.5877853,0.5877853,0.809017,0,0)"
+ id="line528"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.8290376,-0.5591929,0.5591929,0.8290376,0,0)"
+ id="line530"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.8386706,-0.544639,0.544639,0.8386706,0,0)"
+ id="line532"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.8480481,-0.5299193,0.5299193,0.8480481,0,0)"
+ id="line534"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.8571673,-0.5150381,0.5150381,0.8571673,0,0)"
+ id="line536"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.8746197,-0.4848096,0.4848096,0.8746197,0,0)"
+ id="line538"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.8829476,-0.4694716,0.4694716,0.8829476,0,0)"
+ id="line540"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.8910065,-0.4539905,0.4539905,0.8910065,0,0)"
+ id="line542"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.898794,-0.4383711,0.4383711,0.898794,0,0)"
+ id="line544"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9135455,-0.4067366,0.4067366,0.9135455,0,0)"
+ id="line546"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9205049,-0.3907311,0.3907311,0.9205049,0,0)"
+ id="line548"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9271839,-0.3746066,0.3746066,0.9271839,0,0)"
+ id="line550"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9335804,-0.3583679,0.3583679,0.9335804,0,0)"
+ id="line552"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9455186,-0.3255682,0.3255682,0.9455186,0,0)"
+ id="line554"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9510565,-0.309017,0.309017,0.9510565,0,0)"
+ id="line556"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9563048,-0.2923717,0.2923717,0.9563048,0,0)"
+ id="line558"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9612617,-0.2756374,0.2756374,0.9612617,0,0)"
+ id="line560"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9702957,-0.2419219,0.2419219,0.9702957,0,0)"
+ id="line562"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9743701,-0.2249511,0.2249511,0.9743701,0,0)"
+ id="line564"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9781476,-0.2079117,0.2079117,0.9781476,0,0)"
+ id="line566"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9816272,-0.190809,0.190809,0.9816272,0,0)"
+ id="line568"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9876883,-0.1564345,0.1564345,0.9876883,0,0)"
+ id="line570"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9902681,-0.1391731,0.1391731,0.9902681,0,0)"
+ id="line572"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9925462,-0.1218693,0.1218693,0.9925462,0,0)"
+ id="line574"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9945219,-0.1045285,0.1045285,0.9945219,0,0)"
+ id="line576"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9975641,-6.9756474e-2,6.9756474e-2,0.9975641,0,0)"
+ id="line578"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9986295,-5.2335956e-2,5.2335956e-2,0.9986295,0,0)"
+ id="line580"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9993908,-3.4899497e-2,3.4899497e-2,0.9993908,0,0)"
+ id="line582"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="240"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9998477,-1.7452406e-2,1.7452406e-2,0.9998477,0,0)"
+ id="line584"
+ style="stroke:#808080" />
+<!-- Units of 5 --> <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9961947,8.7155743e-2,-8.7155743e-2,0.9961947,0,0)"
+ id="line586"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9659258,0.258819,-0.258819,0.9659258,0,0)"
+ id="line588"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9063078,0.4226183,-0.4226183,0.9063078,0,0)"
+ id="line590"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(0.819152,0.5735764,-0.5735764,0.819152,0,0)"
+ id="line592"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(0.5735764,0.819152,-0.819152,0.5735764,0,0)"
+ id="line594"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(0.4226183,0.9063078,-0.9063078,0.4226183,0,0)"
+ id="line596"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(0.258819,0.9659258,-0.9659258,0.258819,0,0)"
+ id="line598"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(8.7155743e-2,0.9961947,-0.9961947,8.7155743e-2,0,0)"
+ id="line600"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(-8.7155743e-2,0.9961947,-0.9961947,-8.7155743e-2,0,0)"
+ id="line602"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.258819,0.9659258,-0.9659258,-0.258819,0,0)"
+ id="line604"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.4226183,0.9063078,-0.9063078,-0.4226183,0,0)"
+ id="line606"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.5735764,0.819152,-0.819152,-0.5735764,0,0)"
+ id="line608"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.819152,0.5735764,-0.5735764,-0.819152,0,0)"
+ id="line610"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9063078,0.4226183,-0.4226183,-0.9063078,0,0)"
+ id="line612"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9659258,0.258819,-0.258819,-0.9659258,0,0)"
+ id="line614"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9961947,8.7155743e-2,-8.7155743e-2,-0.9961947,0,0)"
+ id="line616"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9961947,-8.7155743e-2,8.7155743e-2,-0.9961947,0,0)"
+ id="line618"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9659258,-0.258819,0.258819,-0.9659258,0,0)"
+ id="line620"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9063078,-0.4226183,0.4226183,-0.9063078,0,0)"
+ id="line622"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.819152,-0.5735764,0.5735764,-0.819152,0,0)"
+ id="line624"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.5735764,-0.819152,0.819152,-0.5735764,0,0)"
+ id="line626"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.4226183,-0.9063078,0.9063078,-0.4226183,0,0)"
+ id="line628"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.258819,-0.9659258,0.9659258,-0.258819,0,0)"
+ id="line630"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(-8.7155743e-2,-0.9961947,0.9961947,-8.7155743e-2,0,0)"
+ id="line632"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(8.7155743e-2,-0.9961947,0.9961947,8.7155743e-2,0,0)"
+ id="line634"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(0.258819,-0.9659258,0.9659258,0.258819,0,0)"
+ id="line636"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(0.4226183,-0.9063078,0.9063078,0.4226183,0,0)"
+ id="line638"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(0.5735764,-0.819152,0.819152,0.5735764,0,0)"
+ id="line640"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(0.819152,-0.5735764,0.5735764,0.819152,0,0)"
+ id="line642"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9063078,-0.4226183,0.4226183,0.9063078,0,0)"
+ id="line644"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9659258,-0.258819,0.258819,0.9659258,0,0)"
+ id="line646"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="230"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9961947,-8.7155743e-2,8.7155743e-2,0.9961947,0,0)"
+ id="line648"
+ style="stroke:#808080" />
+<!-- Units of 10 --> <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9848078,0.1736482,-0.1736482,0.9848078,0,0)"
+ id="line650"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9396926,0.3420201,-0.3420201,0.9396926,0,0)"
+ id="line652"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(0.8660254,0.5,-0.5,0.8660254,0,0)"
+ id="line654"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(0.7660444,0.6427876,-0.6427876,0.7660444,0,0)"
+ id="line656"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(0.6427876,0.7660444,-0.7660444,0.6427876,0,0)"
+ id="line658"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(0.5,0.8660254,-0.8660254,0.5,0,0)"
+ id="line660"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(0.3420201,0.9396926,-0.9396926,0.3420201,0,0)"
+ id="line662"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(0.1736482,0.9848078,-0.9848078,0.1736482,0,0)"
+ id="line664"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.1736482,0.9848078,-0.9848078,-0.1736482,0,0)"
+ id="line666"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.3420201,0.9396926,-0.9396926,-0.3420201,0,0)"
+ id="line668"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.5,0.8660254,-0.8660254,-0.5,0,0)"
+ id="line670"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.6427876,0.7660444,-0.7660444,-0.6427876,0,0)"
+ id="line672"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.7660444,0.6427876,-0.6427876,-0.7660444,0,0)"
+ id="line674"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.8660254,0.5,-0.5,-0.8660254,0,0)"
+ id="line676"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9396926,0.3420201,-0.3420201,-0.9396926,0,0)"
+ id="line678"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9848078,0.1736482,-0.1736482,-0.9848078,0,0)"
+ id="line680"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9848078,-0.1736482,0.1736482,-0.9848078,0,0)"
+ id="line682"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.9396926,-0.3420201,0.3420201,-0.9396926,0,0)"
+ id="line684"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.8660254,-0.5,0.5,-0.8660254,0,0)"
+ id="line686"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.7660444,-0.6427876,0.6427876,-0.7660444,0,0)"
+ id="line688"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.6427876,-0.7660444,0.7660444,-0.6427876,0,0)"
+ id="line690"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.5,-0.8660254,0.8660254,-0.5,0,0)"
+ id="line692"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.3420201,-0.9396926,0.9396926,-0.3420201,0,0)"
+ id="line694"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.1736482,-0.9848078,0.9848078,-0.1736482,0,0)"
+ id="line696"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(0.1736482,-0.9848078,0.9848078,0.1736482,0,0)"
+ id="line698"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(0.3420201,-0.9396926,0.9396926,0.3420201,0,0)"
+ id="line700"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(0.5,-0.8660254,0.8660254,0.5,0,0)"
+ id="line702"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(0.6427876,-0.7660444,0.7660444,0.6427876,0,0)"
+ id="line704"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(0.7660444,-0.6427876,0.6427876,0.7660444,0,0)"
+ id="line706"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(0.8660254,-0.5,0.5,0.8660254,0,0)"
+ id="line708"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9396926,-0.3420201,0.3420201,0.9396926,0,0)"
+ id="line710"
+ style="stroke:#808080" />
+ <line
+ x1="0"
+ y1="210"
+ x2="0"
+ y2="250"
+ transform="matrix(0.9848078,-0.1736482,0.1736482,0.9848078,0,0)"
+ id="line712"
+ style="stroke:#808080" />
+<!-- Highlighted units --> <line
+ x1="0"
+ y1="-250"
+ x2="0"
+ y2="250"
+ transform="matrix(0.7071068,0.7071068,-0.7071068,0.7071068,0,0)"
+ id="line714"
+ style="stroke:#ff0000" />
+ <line
+ x1="0"
+ y1="-250"
+ x2="0"
+ y2="250"
+ transform="matrix(-0.7071068,0.7071068,-0.7071068,-0.7071068,0,0)"
+ id="line716"
+ style="stroke:#ff0000" />
+ <line
+ x1="0"
+ y1="-250"
+ x2="0"
+ y2="250"
+ transform="matrix(0,1,-1,0,0,0)"
+ id="line718"
+ style="stroke:#008000" />
+ <line
+ x1="0"
+ y1="-250"
+ x2="0"
+ y2="250"
+ id="line720"
+ style="stroke:#008000" />
+<!-- Helper circles --> <circle
+ cx="0"
+ cy="0"
+ r="200"
+ id="circle722"
+ sodipodi:cx="0"
+ sodipodi:cy="0"
+ sodipodi:rx="200"
+ sodipodi:ry="200"
+ style="fill:none;stroke:#808080" />
+ <circle
+ cx="0"
+ cy="0"
+ r="150"
+ id="circle724"
+ sodipodi:cx="0"
+ sodipodi:cy="0"
+ sodipodi:rx="150"
+ sodipodi:ry="150"
+ style="fill:none;stroke:#808080" />
+ <circle
+ cx="0"
+ cy="0"
+ r="100"
+ id="circle726"
+ sodipodi:cx="0"
+ sodipodi:cy="0"
+ sodipodi:rx="100"
+ sodipodi:ry="100"
+ style="fill:none;stroke:#808080" />
+ <circle
+ cx="0"
+ cy="0"
+ r="50"
+ id="circle728"
+ sodipodi:cx="0"
+ sodipodi:cy="0"
+ sodipodi:rx="50"
+ sodipodi:ry="50"
+ style="fill:none;stroke:#808080" />
+ </g>
+ <g
+ inkscape:groupmode="layer"
+ id="layer1"
+ inkscape:label="nombres">
+ <g
+ id="g3000">
+ <text
+ sodipodi:linespacing="100%"
+ id="text2886"
+ y="64.47551"
+ x="266.91858"
+ style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="64.47551"
+ x="266.91858"
+ id="tspan2888"
+ sodipodi:role="line">0</tspan></text>
+ <text
+ transform="matrix(0.934898,0.3549166,-0.3549166,0.934898,0,0)"
+ sodipodi:linespacing="100%"
+ id="text2890"
+ y="-49.55188"
+ x="336.83362"
+ style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="-49.55188"
+ x="336.83362"
+ id="tspan2892"
+ sodipodi:role="line">20</tspan></text>
+ <text
+ transform="matrix(0.983636,0.1801671,-0.1801671,0.983636,0,0)"
+ sodipodi:linespacing="100%"
+ id="text2894"
+ y="10.690214"
+ x="306.32104"
+ style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="10.690214"
+ x="306.32104"
+ id="tspan2896"
+ sodipodi:role="line">10</tspan></text>
+ <text
+ transform="matrix(0.858982,0.5120058,-0.5120058,0.858982,0,0)"
+ sodipodi:linespacing="100%"
+ id="text2898"
+ y="-111.83684"
+ x="359.12906"
+ style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="-111.83684"
+ x="359.12906"
+ id="tspan2900"
+ sodipodi:role="line">30</tspan></text>
+ <text
+ transform="matrix(0.7636146,0.6456724,-0.6456724,0.7636146,0,0)"
+ sodipodi:linespacing="100%"
+ id="text2902"
+ y="-173.86545"
+ x="369.93304"
+ style="font-size:14.00000191px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="-173.86545"
+ x="369.93304"
+ id="tspan2904"
+ sodipodi:role="line">40</tspan></text>
+ <text
+ transform="matrix(0.6410049,0.7675368,-0.7675368,0.6410049,0,0)"
+ sodipodi:linespacing="100%"
+ id="text2906"
+ y="-239.44522"
+ x="369.7211"
+ style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="-239.44522"
+ x="369.7211"
+ id="tspan2908"
+ sodipodi:role="line">50</tspan></text>
+ <text
+ transform="matrix(0.4920312,0.8705776,-0.8705776,0.4920312,0,0)"
+ sodipodi:linespacing="100%"
+ id="text2910"
+ y="-307.14023"
+ x="355.31683"
+ style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="-307.14023"
+ x="355.31683"
+ id="tspan2912"
+ sodipodi:role="line">60</tspan></text>
+ <text
+ transform="matrix(0.3329444,0.9429465,-0.9429465,0.3329444,0,0)"
+ sodipodi:linespacing="100%"
+ id="text2914"
+ y="-368.034"
+ x="330.30707"
+ style="font-size:14.00000191px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="-368.034"
+ x="330.30707"
+ id="tspan2916"
+ sodipodi:role="line">70</tspan></text>
+ <text
+ transform="matrix(0.1708576,0.9852957,-0.9852957,0.1708576,0,0)"
+ sodipodi:linespacing="100%"
+ id="text2918"
+ y="-422.65707"
+ x="299.59378"
+ style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="-422.65707"
+ x="299.59378"
+ id="tspan2920"
+ sodipodi:role="line">80</tspan></text>
+ <text
+ transform="matrix(0,1,-1,0,0,0)"
+ sodipodi:linespacing="100%"
+ id="text2922"
+ y="-472.76172"
+ x="257.04504"
+ style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="-472.76172"
+ x="257.04504"
+ id="tspan2924"
+ sodipodi:role="line">90</tspan></text>
+ </g>
+ <g
+ id="g3022"
+ transform="matrix(-1,0,0,-1,541.91333,530.70606)">
+ <text
+ sodipodi:linespacing="100%"
+ id="text3024"
+ y="64.47551"
+ x="266.91858"
+ style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="64.47551"
+ x="266.91858"
+ id="tspan3026"
+ sodipodi:role="line">0</tspan></text>
+ <text
+ transform="matrix(0.934898,0.3549166,-0.3549166,0.934898,0,0)"
+ sodipodi:linespacing="100%"
+ id="text3028"
+ y="-49.55188"
+ x="336.83362"
+ style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="-49.55188"
+ x="336.83362"
+ id="tspan3030"
+ sodipodi:role="line">20</tspan></text>
+ <text
+ transform="matrix(0.983636,0.1801671,-0.1801671,0.983636,0,0)"
+ sodipodi:linespacing="100%"
+ id="text3032"
+ y="10.690214"
+ x="306.32104"
+ style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="10.690214"
+ x="306.32104"
+ id="tspan3034"
+ sodipodi:role="line">10</tspan></text>
+ <text
+ transform="matrix(0.858982,0.5120058,-0.5120058,0.858982,0,0)"
+ sodipodi:linespacing="100%"
+ id="text3036"
+ y="-111.83684"
+ x="359.12906"
+ style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="-111.83684"
+ x="359.12906"
+ id="tspan3038"
+ sodipodi:role="line">30</tspan></text>
+ <text
+ transform="matrix(0.7636146,0.6456724,-0.6456724,0.7636146,0,0)"
+ sodipodi:linespacing="100%"
+ id="text3040"
+ y="-173.86545"
+ x="369.93304"
+ style="font-size:14.00000191px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="-173.86545"
+ x="369.93304"
+ id="tspan3042"
+ sodipodi:role="line">40</tspan></text>
+ <text
+ transform="matrix(0.6410049,0.7675368,-0.7675368,0.6410049,0,0)"
+ sodipodi:linespacing="100%"
+ id="text3044"
+ y="-239.44522"
+ x="369.7211"
+ style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="-239.44522"
+ x="369.7211"
+ id="tspan3046"
+ sodipodi:role="line">50</tspan></text>
+ <text
+ transform="matrix(0.4920312,0.8705776,-0.8705776,0.4920312,0,0)"
+ sodipodi:linespacing="100%"
+ id="text3048"
+ y="-307.14023"
+ x="355.31683"
+ style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="-307.14023"
+ x="355.31683"
+ id="tspan3050"
+ sodipodi:role="line">60</tspan></text>
+ <text
+ transform="matrix(0.3329444,0.9429465,-0.9429465,0.3329444,0,0)"
+ sodipodi:linespacing="100%"
+ id="text3052"
+ y="-368.034"
+ x="330.30707"
+ style="font-size:14.00000191px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="-368.034"
+ x="330.30707"
+ id="tspan3054"
+ sodipodi:role="line">70</tspan></text>
+ <text
+ transform="matrix(0.1708576,0.9852957,-0.9852957,0.1708576,0,0)"
+ sodipodi:linespacing="100%"
+ id="text3056"
+ y="-422.65707"
+ x="299.59378"
+ style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="-422.65707"
+ x="299.59378"
+ id="tspan3058"
+ sodipodi:role="line">80</tspan></text>
+ <text
+ transform="matrix(0,1,-1,0,0,0)"
+ sodipodi:linespacing="100%"
+ id="text3060"
+ y="-472.76172"
+ x="257.04504"
+ style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="-472.76172"
+ x="257.04504"
+ id="tspan3062"
+ sodipodi:role="line">90</tspan></text>
+ </g>
+ <g
+ id="g3100">
+ <text
+ transform="matrix(0.9847623,-0.1739055,0.1739055,0.9847623,0,0)"
+ sodipodi:linespacing="100%"
+ id="text3064"
+ y="107.18554"
+ x="214.40683"
+ style="font-size:13.99999809px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="107.18554"
+ x="214.40683"
+ id="tspan3066"
+ sodipodi:role="line">10</tspan></text>
+ <text
+ transform="matrix(0.9361242,-0.3516695,0.3516695,0.9361242,0,0)"
+ sodipodi:linespacing="100%"
+ id="text3068"
+ y="142.12463"
+ x="154.94203"
+ style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="142.12463"
+ x="154.94203"
+ id="tspan3070"
+ sodipodi:role="line">20</tspan></text>
+ <text
+ transform="matrix(0.8651952,-0.5014352,0.5014352,0.8651952,0,0)"
+ sodipodi:linespacing="100%"
+ id="text3072"
+ y="164.11133"
+ x="94.490524"
+ style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="164.11133"
+ x="94.490524"
+ id="tspan3074"
+ sodipodi:role="line">30</tspan></text>
+ <text
+ transform="matrix(0.7658449,-0.6430253,0.6430253,0.7658449,0,0)"
+ sodipodi:linespacing="100%"
+ id="text3076"
+ y="176.02191"
+ x="29.440561"
+ style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="176.02191"
+ x="29.440561"
+ id="tspan3078"
+ sodipodi:role="line">40</tspan></text>
+ <text
+ transform="matrix(0.6414771,-0.7671422,0.7671422,0.6414771,0,0)"
+ sodipodi:linespacing="100%"
+ id="text3080"
+ y="176.32138"
+ x="-36.683174"
+ style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="176.32138"
+ x="-36.683174"
+ id="tspan3082"
+ sodipodi:role="line">50</tspan></text>
+ <text
+ transform="matrix(0.497669,-0.867367,0.867367,0.497669,0,0)"
+ sodipodi:linespacing="100%"
+ id="text3084"
+ y="165.79233"
+ x="-102.21782"
+ style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="165.79233"
+ x="-102.21782"
+ id="tspan3086"
+ sodipodi:role="line">60</tspan></text>
+ <text
+ transform="matrix(0.3403569,-0.9402963,0.9402963,0.3403569,0,0)"
+ sodipodi:linespacing="100%"
+ id="text3088"
+ y="143.97623"
+ x="-164.87398"
+ style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="143.97623"
+ x="-164.87398"
+ id="tspan3090"
+ sodipodi:role="line">70</tspan></text>
+ <text
+ transform="matrix(0.1752809,-0.9845185,0.9845185,0.1752809,0,0)"
+ sodipodi:linespacing="100%"
+ id="text3092"
+ y="112.04415"
+ x="-221.67944"
+ style="font-size:14.00000191px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="112.04415"
+ x="-221.67944"
+ id="tspan3094"
+ sodipodi:role="line">80</tspan></text>
+ </g>
+ <g
+ id="g3118"
+ transform="matrix(-1,0,0,-1,542.14643,530.77343)">
+ <text
+ transform="matrix(0.9847623,-0.1739055,0.1739055,0.9847623,0,0)"
+ sodipodi:linespacing="100%"
+ id="text3120"
+ y="107.18554"
+ x="214.40683"
+ style="font-size:13.99999809px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="107.18554"
+ x="214.40683"
+ id="tspan3122"
+ sodipodi:role="line">10</tspan></text>
+ <text
+ transform="matrix(0.9361242,-0.3516695,0.3516695,0.9361242,0,0)"
+ sodipodi:linespacing="100%"
+ id="text3124"
+ y="142.12463"
+ x="154.94203"
+ style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="142.12463"
+ x="154.94203"
+ id="tspan3126"
+ sodipodi:role="line">20</tspan></text>
+ <text
+ transform="matrix(0.8651952,-0.5014352,0.5014352,0.8651952,0,0)"
+ sodipodi:linespacing="100%"
+ id="text3128"
+ y="164.11133"
+ x="94.490524"
+ style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="164.11133"
+ x="94.490524"
+ id="tspan3130"
+ sodipodi:role="line">30</tspan></text>
+ <text
+ transform="matrix(0.7658449,-0.6430253,0.6430253,0.7658449,0,0)"
+ sodipodi:linespacing="100%"
+ id="text3132"
+ y="176.02191"
+ x="29.440561"
+ style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="176.02191"
+ x="29.440561"
+ id="tspan3134"
+ sodipodi:role="line">40</tspan></text>
+ <text
+ transform="matrix(0.6414771,-0.7671422,0.7671422,0.6414771,0,0)"
+ sodipodi:linespacing="100%"
+ id="text3136"
+ y="176.32138"
+ x="-36.683174"
+ style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="176.32138"
+ x="-36.683174"
+ id="tspan3138"
+ sodipodi:role="line">50</tspan></text>
+ <text
+ transform="matrix(0.497669,-0.867367,0.867367,0.497669,0,0)"
+ sodipodi:linespacing="100%"
+ id="text3140"
+ y="165.79233"
+ x="-102.21782"
+ style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="165.79233"
+ x="-102.21782"
+ id="tspan3142"
+ sodipodi:role="line">60</tspan></text>
+ <text
+ transform="matrix(0.3403569,-0.9402963,0.9402963,0.3403569,0,0)"
+ sodipodi:linespacing="100%"
+ id="text3144"
+ y="143.97623"
+ x="-164.87398"
+ style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="143.97623"
+ x="-164.87398"
+ id="tspan3146"
+ sodipodi:role="line">70</tspan></text>
+ <text
+ transform="matrix(0.1752809,-0.9845185,0.9845185,0.1752809,0,0)"
+ sodipodi:linespacing="100%"
+ id="text3148"
+ y="112.04415"
+ x="-221.67944"
+ style="font-size:14.00000191px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Thryomanes"
+ xml:space="preserve"><tspan
+ y="112.04415"
+ x="-221.67944"
+ id="tspan3150"
+ sodipodi:role="line">80</tspan></text>
+ </g>
+ </g>
+</svg>index 6d2aed2..3dd306a 100644
--- a/content/day-2.txt
+++ b/content/day-2.txt
@@ -48,7 +48,7 @@ But what is it that makes a circle what it is? First of all we have to realize t
= dots = 0
= circle = 1 0
= angles = 0 1
- center = True
+ center = red
= radius = 0 1
= scatter = False
=
@@ -59,15 +59,21 @@ We can say that four or more things lay on a circle, if the distance to the cent
= dots = 5
= circle = 3 3
= angles = 0 1
- center = True
+ center = red
= radius = 3 3
= scatter = False
=
-Why more than three? Well, think about it in terms of a fair challenge. If it's one, then it can lay on any circle that crosses the place. There is very many circles like that (in fact infinitely many). The same for two. Not every circle will do, but still you could draw many different circles that they will lay on. For three things there will always be exactly one circle that they lay on (except if they lay in one line, unless you claim that straight line is an infinite circle). So three is still not much of a challenge. You could place them however you like, and claim that they lay on a circle.
+| Note
+ Why more than three? One, two or three things always lay on at least one circle, so it's not much of a challenge that way.
=
-So only when it's four or more things, we can seriously ask whether they lay on a circle or not.
+ One thing lay on any circle that crosses the place. You could draw very many circles like that (in fact as many as you want).
+
+ Similar for two things. Not every circle will do, but still you could draw many different circles that they will lay on.
+
+ For three things there will always be exactly one circle that they lay on (except if they lay in one line). So three is still not much of a challenge. You could place them however you like, and always say that they lay on a circle.
+
+ Only when it's four or more things, we can seriously ask whether they lay on a circle or not.
=
-| Note
= TODO: Consider if the above adds more value or confusion.
=
= TODO: An example showing multiple circles crossing one and two points
@@ -77,7 +83,7 @@ So only when it's four or more things, we can seriously ask whether they lay on
=
=Because we are all about challenges, let's make five dots.
=
-So, once again - we can say that several things lay on a circle if the distance between each of them and the center of the circle is the same. We call this distance /a *radius* of a circle/.
+So, once again - we can say that several things (in our case dots) lay on a circle if the distance between each of them and the center of the circle is the same. We call this distance /a *radius* of a circle/.
=
=| Note
= Matematician would say:
@@ -86,7 +92,7 @@ So, once again - we can say that several things lay on a circle if the distance
=
= That is more precise, but perhaps a little more difficult to visualize.
=
-Ok, so this describes what it means to lay on a circle. But what are some efficient methods of putting things there? How about this.
+Ok, so this describes what it means to lay on a circle. But what are some efficient methods of putting things there? How about the following.
=
=You choose a center (anywhere, say {Code|(0, 0)}) and radius (any length you like, say 80).
=
@@ -143,32 +149,281 @@ So they lay on a circle, but there is a striking difference. They are all scatte
=
=Since the center and radius is the same for each dot, the only thing we can play with is the angle that we rotate the ruler each time.
=
-TODO: ___✁___ edit from here
+A common way of representing rotation is in degrees. It works like that: imagine a circle around you. You are in the center. Now imagine that the circle is divided in 360 equal segments. If you turn from the segment you face to the next one on the right (a very small turn) then you have turned one degree. If you turn around to face the opposite direction, that's a turn of 180 degrees. Do it again and you are facing the same direction as before (a 360 degree turn). If you turn to the right (as on a corner of a street), then you have turned 90 degrees (half of 180, quarter of 360).
+
+In physical world we often use a tool called protractor to measure angles. It typically has one degree segments already marked for you. It looks like this:
+
+| Image
+ src = /assets/protractor.svg
+ description = A protractor by Georges Khaznadar <georgesk@ofset.org>
+
+| Note
+ TODO: Modify the image to make marks 0 - 360. We can convert it to Elm code (using https:////level.app//svg-to-elm) and then reuse it in our examples.
+
+Now if we make the turns of the ruler equal between placing each dot, then the dots will be placed evenly. Equal turns mean that the number of degrees covered by each turn will be the same, including the turn you would need to make to go from the last dot back to the first. But how many degrees shall it be?
+
+In mathematics there is a special operation to determine it. Perhaps you have heard about it: it's called division and is written like that:
+
+| Monospace
+ 360 / 5
+
+Maybe you can solve it in your head, but if not, why not use Elm REPL? Go to the terminal, stop the reactor (if it's running) and type:
+
+| Monospace
+ elm repl
=
-What does this have to do with a circle? Do you know the expression 'I did a 180'. Where would you be looking if you did two 180s (a '360'). We see that circles and angles are closely related!
+And then
=
-Exercise with compass and 5 objects, place objects evenly along compass. How many degrees apart are they? (observe if we multiply the result by 5, we're back to 360)
+| Monospace
+ 360 / 5
=
-We have one part of it (angle), we now need the distance. Notice they are all the same distance from the origin (the center dot) of the compass. Definition of circle: points that are an equal distance from a center. Actually, the distance doesn't matter, so long as they all have the same distance. You can have a big circle or a small circle, they're both circles
+You should see:
=
-Ok great, we're done! Now, does anyone know how to give an angle and distance to svg? Oh... no? We don't either... you can't. You can only give x and y values relative to the origin
+| Monospace
+ ---- Elm 0.19.0 ----------------------------------------------------------------
+ Read <https://elm-lang.org/0.19.0/repl> to learn more: exit, help, imports, etc.
+ --------------------------------------------------------------------------------
+ > 360 / 5
+ 72 : Float
+ >
=
-So we already know that angle and length are just another way of describing x and y. But we need some way of translating between the two
+Type {Code|:exit} to close the REPL.
+
+Turns out that the result is 72. That's the number of degrees we have to turn our ruler around the center each time we place a new dot. If you have a protractor like the one pictured above, you can use it to measure the turn. Then measure the distance from the center along the ruler (a length called radius) and place the dot there.
+
+| Header
+ The Code
+
+Now that we understand what it means to be placed on a circle and evenly distributed, it's time to create a program that displays dots like that. Once again, this is the intended result:
+
+| Window
+ | Circle
+ dots = 5
+ circle = 0 1
+ angles = 0 1
+ center = none
+ radius = 0 1
+ scatter = False
=
-sing a visual demonstration, if you draw a line from your object to the x axis, you have a triangle. Same if you draw a line to the y axis. You can figure out the point on the axis using sin and cos functions and multiplying the result by the length.
+We will start from where we left off yesterday. Open {Code|src//Main.elm} in your editor. It should have the following code:
=
-Let's use a chart to figure out the sin and cos of our angles
+| Code
+ module Main exposing (main)
=
-/It's important to get a chart, otherwise we have to use calculators which work with radians/
+ import Element
+ import Svg
+ import Svg.Attributes
=
-Now we are done... we can plug in our x and y values, and presto, our dots are arranged in a circle. But we don't see most of them...
=
-Our origin is in the top left corner. This means any dots with negative x or y values are off the screen.
+ main =
+ Svg.svg
+ [ Svg.Attributes.viewBox "-100 -100 200 200"
+ ]
+ [ Svg.circle
+ [ Svg.Attributes.r "10"
+ , Svg.Attributes.cx "0"
+ , Svg.Attributes.cy "0"
+ ]
+ []
+ ]
+ |> Element.html
+ |> Element.layout
+ [ Element.width Element.fill
+ , Element.height Element.fill
+ ]
=
-We can shift the dots so they are on the screen, or shift the screen so that it covers the dots. We will be shifting the screen
+It's a good starting point. We already have a single dot in the middle. Let's say this is will be the center of our circle.
=
-Sample viewbox program to demonstrate
+Now it's time to introduce our protractor and ruler. These is a property of an SVG element called `transform`. You use it like that:
=
-Create a viewbox with correct perimeters (must be more than the radius of the circle plus the radius of a dot in each direction, and width and height are circumference)
+| Monospace
+ Svg.Attributes.transform "translate(80)"
=
-{Code|svg [viewbox "-100 -100 200 200 " ] []}
+This will move the dot ("translate" is a fancy term for "move") 80 units.
+
+Also, let's change the color of the dot. In the end it should look like this:
+
+
+| Code
+ [ Svg.circle
+ [ Svg.Attributes.r "10"
+ , Svg.Attributes.cx "0"
+ , Svg.Attributes.cy "0"
+ , Svg.Attributes.transform "translate(80)"
+ , Svg.Attributes.fill "skyblue"
+ ]
+ []
+ ]
+
+With this change, start the reactor by typing in your terminal:
+
+| Monospace
+ elm reactor
+
+and {Link|open the program in your browser|url=http://localhost/src/Main.elm}. You should see something like this:
+
+| Window
+ | Circle
+ dots = 1
+ circle = 0 1
+ angles = 0 1
+ center = none
+ radius = 0 1
+ scatter = False
+
+As you can see the dot is no longer in the center - it has moved!
+
+Now we need a second dot. If you remember the discussion about lists from previous day, you know what to do. Just duplicate the first SVG circle and put it after the first one, with a coma in between. Like this:
+
+| Code
+ [ Svg.circle
+ [ Svg.Attributes.r "10"
+ , Svg.Attributes.cx "0"
+ , Svg.Attributes.cy "0"
+ , Svg.Attributes.transform "translate(80)"
+ , Svg.Attributes.fill "skyblue"
+ ]
+ []
+ , Svg.circle
+ [ Svg.Attributes.r "10"
+ , Svg.Attributes.cx "0"
+ , Svg.Attributes.cy "0"
+ , Svg.Attributes.fill "orange"
+ , Svg.Attributes.transform "translate(80)"
+ ]
+ []
+ ]
+
+Now let's focus on the second one. We gave it a different color, so we can distinguish between them, but now we don't see the first one! That's because it's exactly in the same spot as the second one, which covers it. They are stacked in a way. We need to move the second dot in a different direction, so it's on a circle, but 72 degree apart from the first one.
+
+For that we need to add another transformation before the move. First we will rotate, then translate:
+
+| Code
+ [ Svg.circle
+ [ Svg.Attributes.r "10"
+ , Svg.Attributes.cx "0"
+ , Svg.Attributes.cy "0"
+ , Svg.Attributes.transform "translate(80)"
+ , Svg.Attributes.fill "skyblue"
+ ]
+ []
+ , Svg.circle
+ [ Svg.Attributes.r "10"
+ , Svg.Attributes.cx "0"
+ , Svg.Attributes.cy "0"
+ , Svg.Attributes.fill "orange"
+ , Svg.Attributes.transform "rotate(72) translate(80)"
+ ]
+ []
+ ]
+
+This will rotate the element by 72 degrees. On it's own it wouldn't make any difference, because the dot is round - it doesn't matter how you rotate it, it always looks the same. But It also rotates it's internal coordinates system. So the translation will move it in a different direction then the first dot.
+
+Now it's time to add the fird, red dot. Duplicate the second one, change fill to `"red"` and put `144` for rotate function, like this:
+
+| Code
+ [ Svg.circle
+ [ Svg.Attributes.r "10"
+ , Svg.Attributes.cx "0"
+ , Svg.Attributes.cy "0"
+ , Svg.Attributes.transform "translate(80)"
+ , Svg.Attributes.fill "skyblue"
+ ]
+ []
+ , Svg.circle
+ [ Svg.Attributes.r "10"
+ , Svg.Attributes.cx "0"
+ , Svg.Attributes.cy "0"
+ , Svg.Attributes.fill "orange"
+ , Svg.Attributes.transform "rotate(72) translate(80)"
+ ]
+ []
+ , Svg.circle
+ [ Svg.Attributes.r "10"
+ , Svg.Attributes.cx "0"
+ , Svg.Attributes.cy "0"
+ , Svg.Attributes.fill "red"
+ , Svg.Attributes.transform "rotate(144) translate(80)"
+ ]
+ []
+ ]
+
+Why 144? It's because 72 + 72 is 144! So to be 72 degree apart from a dot that's at 72 degree, you need to be at 144 (or 0, but the first dot is already there).
+
+This makes the last two dots trivial. Just rotate them to 216 and 288 and give them lime and maroon colors. Note that 288 + 72 = 360, so the distance between the first and last dot is correct.
+
+
+The complete program should look like this:
+
+| Code
+ module Main exposing (main)
+
+ import Element
+ import Svg
+ import Svg.Attributes
+
+
+ main =
+ Svg.svg
+ [ Svg.Attributes.viewBox "-100 -100 200 200"
+ ]
+ [ Svg.circle
+ [ Svg.Attributes.r "10"
+ , Svg.Attributes.cx "0"
+ , Svg.Attributes.cy "0"
+ , Svg.Attributes.transform "translate(80)"
+ , Svg.Attributes.fill "skyblue"
+ ]
+ []
+ , Svg.circle
+ [ Svg.Attributes.r "10"
+ , Svg.Attributes.cx "0"
+ , Svg.Attributes.cy "0"
+ , Svg.Attributes.fill "orange"
+ , Svg.Attributes.transform "rotate(72) translate(80)"
+ ]
+ []
+ , Svg.circle
+ [ Svg.Attributes.r "10"
+ , Svg.Attributes.cx "0"
+ , Svg.Attributes.cy "0"
+ , Svg.Attributes.fill "red"
+ , Svg.Attributes.transform "rotate(144) translate(80)"
+ ]
+ []
+ , Svg.circle
+ [ Svg.Attributes.r "10"
+ , Svg.Attributes.cx "0"
+ , Svg.Attributes.cy "0"
+ , Svg.Attributes.fill "lime"
+ , Svg.Attributes.transform "rotate(216) translate(80)"
+ ]
+ []
+ , Svg.circle
+ [ Svg.Attributes.r "10"
+ , Svg.Attributes.cx "0"
+ , Svg.Attributes.cy "0"
+ , Svg.Attributes.fill "maroon"
+ , Svg.Attributes.transform "rotate(288) translate(80)"
+ ]
+ []
+ ]
+ |> Element.html
+ |> Element.layout
+ [ Element.width Element.fill
+ , Element.height Element.fill
+ ]
+
+In the browser it should look exactly as we planned:
+
+| Window
+ | Circle
+ dots = 5
+ circle = 0 1
+ angles = 0 1
+ center = none
+ radius = 0 1
+ scatter = False
+
+| Emphasize
+ Congtrarulations! You are ready for {Link|Day 3|url=/day-3.html}!index 7d4ced3..b38e6aa 100644
--- a/src/Examples/Circle.elm
+++ b/src/Examples/Circle.elm
@@ -23,6 +23,14 @@ type alias Config =
= }
=
=
+
+{- TODO:
+ - Display radius (text)
+ - Display angles of turns (in degrees)
+ - Make an arrow head at the end point of the arc representing a turn (see https://package.elm-lang.org/packages/ianmackenzie/elm-geometry/latest/Arc2d#tangentDirection)
+-}
+
+
=main : Html.Html msg
=main =
= Element.layoutMake Monospace block font size smaller
Otherwise Elm REPL welcom lines don't fit in the block and cause scroll.
index ca76c37..bfe94a4 100644
--- a/src/Mark/Custom.elm
+++ b/src/Mark/Custom.elm
@@ -63,7 +63,7 @@ monospace : Mark.Block (model -> Element msg)
=monospace =
= Mark.Default.monospace
= [ Element.padding 20
- , Font.size 18
+ , Font.size 14
= , Element.width Element.fill
= , Border.color colors.gray
= , Border.width 3