<?xml version="1.0" standalone="no"?>
<svg width="255" height="255" xmlns="http://www.w3.org/2000/svg">
<defs>
<style type="text/css"><![CDATA[
    .background { fill: #f0f0f0; }
    .gridline   { stroke-width: 0.4; stroke: black; fill: none; }
    .axis       { stroke-width: 1; stroke: black; fill: none; }
    .xlabel     { font-size: 12pt; font-weight: bold; text-anchor: middle; }
    .ylabel     { font-size: 12pt; font-weight: bold; text-anchor: end; }
    .function   { stroke-width: 2; stroke: blue; fill: none; }
    .function1  { stroke-width: 1; stroke: black; fill: none; stroke-dasharray: 2,6; }
    .function2  { stroke-width: 1; stroke: black; fill: none; stroke-dasharray: 5,6; }
    .derivative { stroke-width: 2; stroke: red;  fill: none; }
    .tangent    { fill: black; }
]]></style>
</defs>

<rect width="255" height="255" class="background"/>

<path class="gridline"
 d="M0,0 h255 m0,51 h-255 m0,51 h255 m0,51 h-255 m0,51 h255 m0,51 h-255
    M0,65.3676 h255
    M0,0 v255 m51,0 v-255 m51,0 v255 m51,0 v-255 m51,0 v255 m51,0 v-255"/>

<path class="axis" d="M0,204 h255 M153,0 v255"/>

<g class="ylabel">
    <text x="150" y="149">1</text>
    <text x="150" y=" 98">2</text>
    <text x="150" y=" 63">e</text>
    <text x="150" y=" 47">3</text>
</g>
<g class="xlabel">
    <text x=" 36" y="221">&#x2212;2</text>
    <text x="117" y="221">&#x2212;1</text>
    <text x="162" y="221">0</text>
    <text x="212" y="221">1</text>
</g>

<path class="derivative" d="M51,255 l204,-204"/>

<polyline class="function1" points="
  0 196.74
 10 195.76
 19 194.76
 28 193.63
 37 192.37
 46 190.96
 55 189.37
 64 187.60
 72 185.84
 80 183.89
 88 181.73
 96 179.34
103 177.03
110 174.52
117 171.77
124 168.76
131 165.47
137 162.41
143 159.10
149 155.53
155 151.68
160 148.24
165 144.57
170 140.66
175 136.49
180 132.05
185 127.32
189 123.31
193 119.09
197 114.65
201 109.97
205 105.05
209  99.88
213  94.43
216  90.16
219  85.73
222  81.12
225  76.33
228  71.35
231  66.18
234  60.81
237  55.23
240  49.43
243  43.41
246  37.15
249  30.64
252  23.89
254  19.24
"/>
<polyline class="function2" points="
 42 202.05
 49 201.61
 56 201.06
 63 200.39
 70 199.56
 76 198.70
 82 197.68
 88 196.46
 94 195.01
100 193.27
106 191.20
112 188.73
117 186.31
122 183.51
127 180.26
132 176.50
137 172.14
141 168.17
145 163.69
149 158.66
153 153.00
157 146.63
160 141.34
163 135.56
166 129.25
169 122.35
172 114.82
175 106.59
177 100.69
179  94.43
181  87.80
183  80.75
185  73.29
187  65.37
189  56.97
191  48.06
193  38.61
195  28.59
197  17.96
199   6.69
200   0.80
201  -5.26
"/>
<polyline class="function" points="
  0 201.46
  9 200.97
 17 200.46
 25 199.85
 33 199.15
 41 198.33
 49 197.36
 57 196.24
 65 194.92
 73 193.38
 80 191.81
 87 190.02
 94 187.96
101 185.60
108 182.90
114 180.26
120 177.30
126 173.96
132 170.21
137 166.73
142 162.89
147 158.66
152 153.99
157 148.84
161 144.34
165 139.47
169 134.21
173 128.51
177 122.35
180 117.41
183 112.16
186 106.59
189 100.69
192  94.43
195  87.80
198  80.75
201  73.29
204  65.37
206  59.82
208  54.06
210  48.06
212  41.82
214  35.34
216  28.59
218  21.58
220  14.28
222   6.69
224  -1.20
"/>

<circle cx="153" cy="153" r="2" class="tangent"/>

</svg>
