├── .gitignore
├── LICENSE
├── README.md
├── docs
    ├── dochack.js
    ├── nimdoc.out.css
    ├── src
    │   ├── graph.html
    │   ├── graph.idx
    │   └── graph
    │   │   ├── backendpng.html
    │   │   ├── backendpng.idx
    │   │   ├── backendsvg.html
    │   │   ├── backendsvg.idx
    │   │   ├── color.html
    │   │   ├── color.idx
    │   │   ├── plot.html
    │   │   ├── plot.idx
    │   │   ├── surface.html
    │   │   └── surface.idx
    └── theindex.html
├── examples
    ├── example1.nim
    ├── example1.png
    ├── example1.svg
    ├── example2.nim
    ├── example2.png
    ├── example2.svg
    ├── examples.nim
    └── nim.cfg
├── graph.nimble
├── notes
    ├── current.nim
    ├── currentpng.png
    ├── currentsvg.svg
    ├── matplotlib-colors.png
    ├── target.md
    ├── targetpng.png
    └── targetsvg.svg
└── src
    ├── graph.nim
    └── graph
        ├── backendpng.nim
        ├── backendsvg.nim
        ├── color.nim
        ├── plot.nim
        └── surface.nim


/.gitignore:
--------------------------------------------------------------------------------
 1 | # ignore files with no extention:
 2 | *
 3 | !*/
 4 | !*.*
 5 | 
 6 | # normal ignores:
 7 | *.exe
 8 | nimcache
 9 | *.pdb
10 | *.ilk
11 | .*
12 | *.pdf
13 | references
14 | tdraw.png
15 | tdraw.svg


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2016 Stisa
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy of 
 6 | this software and associated documentation files (the "Software"), to deal in the
 7 | Software without restriction, including without limitation the rights to 
 8 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of 
 9 | the Software, and to permit persons to whom the Software is furnished to do so, subject
10 | to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all copies 
13 | or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
17 | FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
18 | COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
19 | AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION 
20 | WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
21 | 
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | Graph
 2 | =====
 3 | 
 4 | This is a basic plotting library, written in [nim](http://nim-lang.org).  
 5 | The end goal is to have a tiny plotting lib to use with [jupyternim](https://github.com/stisa/jupyternim)  
 6 | Outputs `.png` or `.svg` files, or a string that contains the `png` as binary data or the `svg` as string.
 7 | 
 8 | For what I want to achieve and where I'm at, see [target](notes/target.md)
 9 | 
10 | Some examples are in [examples](examples):
11 | 
12 | **Note: text labels are WIP, only for svg atm**
13 | 
14 | ### Example 
15 | ![current](notes/currentsvg.svg)
16 | ```nim
17 | import graph, math, arraymancer
18 | let 
19 |   x  = arange(0.0'f64, 10,0.1)
20 | let 
21 |   y  = sin(x)
22 |   y2 = cos(x)
23 | var srf = plot(x.data,y.data)
24 | srf.plot(x.data, y2.data)
25 | srf.grid
26 | # Save to file
27 | srf.saveTo("currentpng.png")
28 | srf.saveTo("currentsvg.svg")
29 | ```
30 | 
31 | ## Current structure
32 | - **graph**: exposes everything ( basic functionality )
33 | 
34 | Inside `graph` there are specific apis:
35 | - color: exposes various colours and the proc `color(r,g,b,a)`
36 | - plot: initializing the plot, adding plots
37 | - surface: the implementation of `Surface` and `Axis`
38 | - `backend<x>`: handles rendering the plot
39 | 
40 | ## TODO:
41 | 
42 | * matplotlib defaults
43 |   - figure size is 6.4x4.8"
44 |   - dpi is 100  
45 | * [target style](notes/target.md)
46 | * plotProc should lazily evaluate the proc?
47 | * better integration with Arraymancer (a Concept that matches if .data and [] ?)
48 | * integrate chroma? (need to contribute blend?)
49 | * separate drawing layers for the plot and the background/names/etc so that lines aren't overwritten
50 | * can I use Arraymancer's tensor without blas? Would they work in js?
51 | * documentation
52 | * looks like matplotlib does some spline/approximation stuff to get that smooth
53 |   * nope, checked the svg and it's plain lines => I need a better line algo
54 | * distinguish margin and padding
55 | * calculate max/min y value str len and adjust eg left margin to fit labels
56 | * svg backend: less strings, more nodes


--------------------------------------------------------------------------------
/docs/nimdoc.out.css:
--------------------------------------------------------------------------------
  1 | /*
  2 | Stylesheet for use with Docutils/rst2html.
  3 | 
  4 | See http://docutils.sf.net/docs/howto/html-stylesheets.html for how to
  5 | customize this style sheet.
  6 | 
  7 | Modified from Chad Skeeters' rst2html-style
  8 | https://bitbucket.org/cskeeters/rst2html-style/
  9 | 
 10 | Modified by Boyd Greenfield and narimiran
 11 | */
 12 | 
 13 | :root {
 14 |   --primary-background: #fff;
 15 |   --secondary-background: ghostwhite;
 16 |   --third-background: #e8e8e8;
 17 |   --border: #dde;
 18 |   --text: #222;
 19 |   --anchor: #07b;
 20 |   --anchor-focus: #607c9f;
 21 |   --input-focus: #1fa0eb;
 22 |   --strong: #3c3c3c;
 23 |   --hint: #9A9A9A;
 24 |   --nim-sprite-base64: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAN4AAAA9CAYAAADCt9ebAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTEyLTAzVDAxOjAzOjQ4KzAxOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMi0wM1QwMjoyODo0MSswMTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0xMi0wM1QwMjoyODo0MSswMTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozMzM0ZjAxYS0yMDExLWE1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");
 25 | 
 26 |   --keyword: #5e8f60;
 27 |   --identifier: #222;
 28 |   --comment: #484a86;
 29 |   --operator: #155da4;
 30 |   --punctuation: black;
 31 |   --other: black;
 32 |   --escapeSequence: #c4891b;
 33 |   --number: #252dbe;
 34 |   --literal: #a4255b;
 35 |   --raw-data: #a4255b;
 36 | }
 37 | 
 38 | [data-theme="dark"] {
 39 |   --primary-background: #171921;
 40 |   --secondary-background: #1e202a;
 41 |   --third-background: #2b2e3b;
 42 |   --border: #0e1014;
 43 |   --text: #fff;
 44 |   --anchor: #8be9fd;
 45 |   --anchor-focus: #8be9fd;
 46 |   --input-focus: #8be9fd;
 47 |   --strong: #bd93f9;
 48 |   --hint: #7A7C85;
 49 |   --nim-sprite-base64: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARMAAABMCAYAAABOBlMuAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTEyLTAzVDAxOjE4OjIyKzAxOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMi0wM1QwMToyMDoxMCswMTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0xMi0wM1QwMToyMDoxMCswMTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDplZGViMzU3MC1iNmZjLWQy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");
 50 | 
 51 |   --keyword: #ff79c6;
 52 |   --identifier: #f8f8f2;
 53 |   --comment: #6272a4;
 54 |   --operator: #ff79c6;
 55 |   --punctuation: #f8f8f2;
 56 |   --other: #f8f8f2;
 57 |   --escapeSequence: #bd93f9;
 58 |   --number: #bd93f9;
 59 |   --literal: #f1fa8c;
 60 |   --raw-data: #8be9fd;
 61 | }
 62 | 
 63 | .theme-switch-wrapper {
 64 |   display: flex;
 65 |   align-items: center;
 66 | }
 67 | 
 68 | .theme-switch-wrapper em {
 69 |   margin-left: 10px;
 70 |   font-size: 1rem;
 71 | }
 72 | 
 73 | .theme-switch {
 74 |   display: inline-block;
 75 |   height: 22px;
 76 |   position: relative;
 77 |   width: 50px;
 78 | }
 79 | 
 80 | .theme-switch input {
 81 |   display: none;
 82 | }
 83 | 
 84 | .slider {
 85 |   background-color: #ccc;
 86 |   bottom: 0;
 87 |   cursor: pointer;
 88 |   left: 0;
 89 |   position: absolute;
 90 |   right: 0;
 91 |   top: 0;
 92 |   transition: .4s;
 93 | }
 94 | 
 95 | .slider:before {
 96 |   background-color: #fff;
 97 |   bottom: 4px;
 98 |   content: "";
 99 |   height: 13px;
100 |   left: 4px;
101 |   position: absolute;
102 |   transition: .4s;
103 |   width: 13px;
104 | }
105 | 
106 | input:checked + .slider {
107 |   background-color: #66bb6a;
108 | }
109 | 
110 | input:checked + .slider:before {
111 |   transform: translateX(26px);
112 | }
113 | 
114 | .slider.round {
115 |   border-radius: 17px;
116 | }
117 | 
118 | .slider.round:before {
119 |   border-radius: 50%;
120 | }
121 | 
122 | html {
123 |   font-size: 100%;
124 |   -webkit-text-size-adjust: 100%;
125 |   -ms-text-size-adjust: 100%; }
126 | 
127 | body {
128 |   font-family: "Lato", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
129 |   font-weight: 400;
130 |   font-size: 1.125em;
131 |   line-height: 1.5;
132 |   color: var(--text);
133 |   background-color: var(--primary-background); }
134 | 
135 | /* Skeleton grid */
136 | .container {
137 |   position: relative;
138 |   width: 100%;
139 |   max-width: 1050px;
140 |   margin: 0 auto;
141 |   padding: 0;
142 |   box-sizing: border-box; }
143 | 
144 | .column,
145 | .columns {
146 |   width: 100%;
147 |   float: left;
148 |   box-sizing: border-box;
149 |   margin-left: 1%;
150 | }
151 | 
152 | .column:first-child,
153 | .columns:first-child {
154 |   margin-left: 0; }
155 | 
156 | .three.columns {
157 |   width: 19%; }
158 | 
159 | .nine.columns {
160 |   width: 80.0%; }
161 | 
162 | .twelve.columns {
163 |   width: 100%;
164 |   margin-left: 0; }
165 | 
166 | @media screen and (max-width: 860px) {
167 |   .three.columns {
168 |     display: none;
169 |   }
170 |   .nine.columns {
171 |     width: 98.0%;
172 |   }
173 |   body {
174 |     font-size: 1em;
175 |     line-height: 1.35;
176 |   }
177 | }
178 | 
179 | cite {
180 |   font-style: italic !important; }
181 | 
182 | 
183 | /* Nim search input */
184 | div#searchInputDiv {
185 |   margin-bottom: 1em;
186 | }
187 | input#searchInput {
188 |   width: 80%;
189 | }
190 | 
191 | /*
192 |  * Some custom formatting for input forms.
193 |  * This also fixes input form colors on Firefox with a dark system theme on Linux.
194 |  */
195 | input {
196 |   -moz-appearance: none;
197 |   background-color: var(--secondary-background);
198 |   color: var(--text);
199 |   border: 1px solid var(--border);
200 |   font-family: "Lato", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
201 |   font-size: 0.9em;
202 |   padding: 6px;
203 | }
204 | 
205 | input:focus {
206 |   border: 1px solid var(--input-focus);
207 |   box-shadow: 0 0 3px var(--input-focus);
208 | }
209 | 
210 | select {
211 |   -moz-appearance: none;
212 |   background-color: var(--secondary-background);
213 |   color: var(--text);
214 |   border: 1px solid var(--border);
215 |   font-family: "Lato", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
216 |   font-size: 0.9em;
217 |   padding: 6px;
218 | }
219 | 
220 | select:focus {
221 |   border: 1px solid var(--input-focus);
222 |   box-shadow: 0 0 3px var(--input-focus);
223 | }
224 | 
225 | /* Docgen styles */
226 | /* Links */
227 | a {
228 |   color: var(--anchor);
229 |   text-decoration: none;
230 | }
231 | 
232 | a span.Identifier {
233 |   text-decoration: underline;
234 |   text-decoration-color: #aab;
235 | }
236 | 
237 | a.reference-toplevel {
238 |   font-weight: bold;
239 | }
240 | 
241 | a.toc-backref {
242 |   text-decoration: none;
243 |   color: var(--text); }
244 | 
245 | a.link-seesrc {
246 |   color: #607c9f;
247 |   font-size: 0.9em;
248 |   font-style: italic; }
249 | 
250 | a:hover,
251 | a:focus {
252 |   color: var(--anchor-focus);
253 |   text-decoration: underline; }
254 | 
255 | a:hover span.Identifier {
256 |   color: var(--anchor);
257 | }
258 | 
259 | 
260 | sub,
261 | sup {
262 |   position: relative;
263 |   font-size: 75%;
264 |   line-height: 0;
265 |   vertical-align: baseline; }
266 | 
267 | sup {
268 |   top: -0.5em; }
269 | 
270 | sub {
271 |   bottom: -0.25em; }
272 | 
273 | img {
274 |   width: auto;
275 |   height: auto;
276 |   max-width: 100%;
277 |   vertical-align: middle;
278 |   border: 0;
279 |   -ms-interpolation-mode: bicubic; }
280 | 
281 | @media print {
282 |   * {
283 |     color: black !important;
284 |     text-shadow: none !important;
285 |     background: transparent !important;
286 |     box-shadow: none !important; }
287 | 
288 |   a,
289 |   a:visited {
290 |     text-decoration: underline; }
291 | 
292 |   a[href]:after {
293 |     content: " (" attr(href) ")"; }
294 | 
295 |   abbr[title]:after {
296 |     content: " (" attr(title) ")"; }
297 | 
298 |   .ir a:after,
299 |   a[href^="javascript:"]:after,
300 |   a[href^="#"]:after {
301 |     content: ""; }
302 | 
303 |   pre,
304 |   blockquote {
305 |     border: 1px solid #999;
306 |     page-break-inside: avoid; }
307 | 
308 |   thead {
309 |     display: table-header-group; }
310 | 
311 |   tr,
312 |   img {
313 |     page-break-inside: avoid; }
314 | 
315 |   img {
316 |     max-width: 100% !important; }
317 | 
318 |   @page {
319 |     margin: 0.5cm; }
320 | 
321 |   h1 {
322 |     page-break-before: always; }
323 | 
324 |   h1.title {
325 |     page-break-before: avoid; }
326 | 
327 |   p,
328 |   h2,
329 |   h3 {
330 |     orphans: 3;
331 |     widows: 3; }
332 | 
333 |   h2,
334 |   h3 {
335 |     page-break-after: avoid; }
336 | }
337 | 
338 | 
339 | p {
340 |   margin-top: 0.5em;
341 |   margin-bottom: 0.5em;
342 | }
343 | 
344 | small {
345 |   font-size: 85%; }
346 | 
347 | strong {
348 |   font-weight: 600;
349 |   font-size: 0.95em;
350 |   color: var(--strong);
351 | }
352 | 
353 | em {
354 |   font-style: italic; }
355 | 
356 | h1 {
357 |   font-size: 1.8em;
358 |   font-weight: 400;
359 |   padding-bottom: .25em;
360 |   border-bottom: 6px solid var(--third-background);
361 |   margin-top: 2.5em;
362 |   margin-bottom: 1em;
363 |   line-height: 1.2em; }
364 | 
365 | h1.title {
366 |   padding-bottom: 1em;
367 |   border-bottom: 0px;
368 |   font-size: 2.5em;
369 |   text-align: center;
370 |   font-weight: 900;
371 |   margin-top: 0.75em;
372 |   margin-bottom: 0em;
373 | }
374 | 
375 | h2 {
376 |   font-size: 1.3em;
377 |   margin-top: 2em; }
378 | 
379 | h2.subtitle {
380 |   text-align: center; }
381 | 
382 | h3 {
383 |   font-size: 1.125em;
384 |   font-style: italic;
385 |   margin-top: 1.5em; }
386 | 
387 | h4 {
388 |   font-size: 1.125em;
389 |   margin-top: 1em; }
390 | 
391 | h5 {
392 |   font-size: 1.125em;
393 |   margin-top: 0.75em; }
394 | 
395 | h6 {
396 |   font-size: 1.1em; }
397 | 
398 | 
399 | ul,
400 | ol {
401 |   padding: 0;
402 |   margin-top: 0.5em;
403 |   margin-left: 0.75em; }
404 | 
405 | ul ul,
406 | ul ol,
407 | ol ol,
408 | ol ul {
409 |   margin-bottom: 0;
410 |   margin-left: 1.25em; }
411 | 
412 | li {
413 |     list-style-type: circle;
414 | }
415 | 
416 | ul.simple-boot li {
417 |     list-style-type: none;
418 |     margin-left: 0em;
419 |     margin-bottom: 0.5em;
420 | }
421 | 
422 | ol.simple > li, ul.simple > li {
423 |   margin-bottom: 0.25em;
424 |   margin-left: 0.4em }
425 | 
426 | ul.simple.simple-toc > li {
427 |     margin-top: 1em;
428 | }
429 | 
430 | ul.simple-toc {
431 |   list-style: none;
432 |   font-size: 0.9em;
433 |   margin-left: -0.3em;
434 |   margin-top: 1em; }
435 | 
436 | ul.simple-toc > li {
437 |     list-style-type: none;
438 | }
439 | 
440 | ul.simple-toc-section {
441 |   list-style-type: circle;
442 |   margin-left: 1em;
443 |   color: #6c9aae; }
444 | 
445 | 
446 | ol.arabic {
447 |   list-style: decimal; }
448 | 
449 | ol.loweralpha {
450 |   list-style: lower-alpha; }
451 | 
452 | ol.upperalpha {
453 |   list-style: upper-alpha; }
454 | 
455 | ol.lowerroman {
456 |   list-style: lower-roman; }
457 | 
458 | ol.upperroman {
459 |   list-style: upper-roman; }
460 | 
461 | ul.auto-toc {
462 |   list-style-type: none; }
463 | 
464 | 
465 | dl {
466 |   margin-bottom: 1.5em; }
467 | 
468 | dt {
469 |   margin-bottom: -0.5em;
470 |   margin-left: 0.0em; }
471 | 
472 | dd {
473 |   margin-left: 2.0em;
474 |   margin-bottom: 3.0em;
475 |   margin-top: 0.5em; }
476 | 
477 | 
478 | hr {
479 |   margin: 2em 0;
480 |   border: 0;
481 |   border-top: 1px solid #aaa; }
482 | 
483 | blockquote {
484 |   font-size: 0.9em;
485 |   font-style: italic;
486 |   padding-left: 0.5em;
487 |   margin-left: 0;
488 |   border-left: 5px solid #bbc;
489 | }
490 | 
491 | .pre {
492 |   font-family: "Source Code Pro", Monaco, Menlo, Consolas, "Courier New", monospace;
493 |   font-weight: 500;
494 |   font-size: 0.85em;
495 |   color: var(--text);
496 |   background-color: var(--third-background);
497 |   padding-left: 3px;
498 |   padding-right: 3px;
499 |   border-radius: 4px;
500 | }
501 | 
502 | pre {
503 |   font-family: "Source Code Pro", Monaco, Menlo, Consolas, "Courier New", monospace;
504 |   color: var(--text);
505 |   font-weight: 500;
506 |   display: inline-block;
507 |   box-sizing: border-box;
508 |   min-width: 100%;
509 |   padding: 0.5em;
510 |   margin-top: 0.5em;
511 |   margin-bottom: 0.5em;
512 |   font-size: 0.85em;
513 |   white-space: pre !important;
514 |   overflow-y: hidden;
515 |   overflow-x: visible;
516 |   background-color: var(--secondary-background);
517 |   border: 1px solid var(--border);
518 |   -webkit-border-radius: 6px;
519 |   -moz-border-radius: 6px;
520 |   border-radius: 6px; }
521 | 
522 | .pre-scrollable {
523 |   max-height: 340px;
524 |   overflow-y: scroll; }
525 | 
526 | 
527 | /* Nim line-numbered tables */
528 | .line-nums-table {
529 |   width: 100%;
530 |   table-layout: fixed; }
531 | 
532 | table.line-nums-table {
533 |   border-radius: 4px;
534 |   border: 1px solid #cccccc;
535 |   background-color: ghostwhite;
536 |   border-collapse: separate;
537 |   margin-top: 15px;
538 |   margin-bottom: 25px; }
539 | 
540 | .line-nums-table tbody {
541 |   border: none; }
542 | 
543 | .line-nums-table td pre {
544 |   border: none;
545 |   background-color: transparent; }
546 | 
547 | .line-nums-table td.blob-line-nums {
548 |   width: 28px; }
549 | 
550 | .line-nums-table td.blob-line-nums pre {
551 |   color: #b0b0b0;
552 |   -webkit-filter: opacity(75%);
553 |   text-align: right;
554 |   border-color: transparent;
555 |   background-color: transparent;
556 |   padding-left: 0px;
557 |   margin-left: 0px;
558 |   padding-right: 0px;
559 |   margin-right: 0px; }
560 | 
561 | 
562 | table {
563 |   max-width: 100%;
564 |   background-color: transparent;
565 |   margin-top: 0.5em;
566 |   margin-bottom: 1.5em;
567 |   border-collapse: collapse;
568 |   border-color: var(--third-background);
569 |   border-spacing: 0;
570 |   font-size: 0.9em;
571 | }
572 | 
573 | table th, table td {
574 |   padding: 0px 0.5em 0px;
575 |   border-color: var(--third-background);
576 | }
577 | 
578 | table th {
579 |   background-color: var(--third-background);
580 |   border-color: var(--third-background);
581 |   font-weight: bold; }
582 | 
583 | table th.docinfo-name {
584 |     background-color: transparent;
585 | }
586 | 
587 | table tr:hover {
588 |   background-color: var(--third-background); }
589 | 
590 | 
591 | /* rst2html default used to remove borders from tables and images */
592 | .borderless, table.borderless td, table.borderless th {
593 |   border: 0; }
594 | 
595 | table.borderless td, table.borderless th {
596 |   /* Override padding for "table.docutils td" with "! important".
597 |      The right padding separates the table cells. */
598 |   padding: 0 0.5em 0 0 !important; }
599 | 
600 | .first {
601 |   /* Override more specific margin styles with "! important". */
602 |   margin-top: 0 !important; }
603 | 
604 | .last, .with-subtitle {
605 |   margin-bottom: 0 !important; }
606 | 
607 | .hidden {
608 |   display: none; }
609 | 
610 | blockquote.epigraph {
611 |   margin: 2em 5em; }
612 | 
613 | dl.docutils dd {
614 |   margin-bottom: 0.5em; }
615 | 
616 | object[type="image/svg+xml"], object[type="application/x-shockwave-flash"] {
617 |   overflow: hidden; }
618 | 
619 | 
620 | div.figure {
621 |   margin-left: 2em;
622 |   margin-right: 2em; }
623 | 
624 | div.footer, div.header {
625 |   clear: both;
626 |   text-align: center;
627 |   color: #666;
628 |   font-size: smaller; }
629 | 
630 | div.footer {
631 |     padding-top: 5em;
632 | }
633 | 
634 | div.line-block {
635 |   display: block;
636 |   margin-top: 1em;
637 |   margin-bottom: 1em; }
638 | 
639 | div.line-block div.line-block {
640 |   margin-top: 0;
641 |   margin-bottom: 0;
642 |   margin-left: 1.5em; }
643 | 
644 | div.topic {
645 |   margin: 2em; }
646 | 
647 | div.search_results {
648 |   background-color: var(--third-background);
649 |   margin: 3em;
650 |   padding: 1em;
651 |   border: 1px solid #4d4d4d;
652 | }
653 | 
654 | div#global-links ul {
655 |   margin-left: 0;
656 |   list-style-type: none;
657 | }
658 | 
659 | div#global-links > simple-boot {
660 |     margin-left: 3em;
661 | }
662 | 
663 | hr.docutils {
664 |   width: 75%; }
665 | 
666 | img.align-left, .figure.align-left, object.align-left {
667 |   clear: left;
668 |   float: left;
669 |   margin-right: 1em; }
670 | 
671 | img.align-right, .figure.align-right, object.align-right {
672 |   clear: right;
673 |   float: right;
674 |   margin-left: 1em; }
675 | 
676 | img.align-center, .figure.align-center, object.align-center {
677 |   display: block;
678 |   margin-left: auto;
679 |   margin-right: auto; }
680 | 
681 | .align-left {
682 |   text-align: left; }
683 | 
684 | .align-center {
685 |   clear: both;
686 |   text-align: center; }
687 | 
688 | .align-right {
689 |   text-align: right; }
690 | 
691 | /* reset inner alignment in figures */
692 | div.align-right {
693 |   text-align: inherit; }
694 | 
695 | p.attribution {
696 |   text-align: right;
697 |   margin-left: 50%; }
698 | 
699 | p.caption {
700 |   font-style: italic; }
701 | 
702 | p.credits {
703 |   font-style: italic;
704 |   font-size: smaller; }
705 | 
706 | p.label {
707 |   white-space: nowrap; }
708 | 
709 | p.rubric {
710 |   font-weight: bold;
711 |   font-size: larger;
712 |   color: maroon;
713 |   text-align: center; }
714 | 
715 | p.topic-title {
716 |   font-weight: bold; }
717 | 
718 | pre.address {
719 |   margin-bottom: 0;
720 |   margin-top: 0;
721 |   font: inherit; }
722 | 
723 | pre.literal-block, pre.doctest-block, pre.math, pre.code {
724 |   margin-left: 2em;
725 |   margin-right: 2em; }
726 | 
727 | pre.code .ln {
728 |   color: grey; }
729 | 
730 | /* line numbers */
731 | pre.code, code {
732 |   background-color: #eeeeee; }
733 | 
734 | pre.code .comment, code .comment {
735 |   color: #5c6576; }
736 | 
737 | pre.code .keyword, code .keyword {
738 |   color: #3B0D06;
739 |   font-weight: bold; }
740 | 
741 | pre.code .literal.string, code .literal.string {
742 |   color: #0c5404; }
743 | 
744 | pre.code .name.builtin, code .name.builtin {
745 |   color: #352b84; }
746 | 
747 | pre.code .deleted, code .deleted {
748 |   background-color: #DEB0A1; }
749 | 
750 | pre.code .inserted, code .inserted {
751 |   background-color: #A3D289; }
752 | 
753 | span.classifier {
754 |   font-style: oblique; }
755 | 
756 | span.classifier-delimiter {
757 |   font-weight: bold; }
758 | 
759 | span.option {
760 |   white-space: nowrap; }
761 | 
762 | span.problematic {
763 |   color: #b30000; }
764 | 
765 | span.section-subtitle {
766 |   /* font-size relative to parent (h1..h6 element) */
767 |   font-size: 80%; }
768 | 
769 | span.DecNumber {
770 |   color: var(--number); }
771 | 
772 | span.BinNumber {
773 |   color: var(--number); }
774 | 
775 | span.HexNumber {
776 |   color: var(--number); }
777 | 
778 | span.OctNumber {
779 |   color: var(--number); }
780 | 
781 | span.FloatNumber {
782 |   color: var(--number); }
783 | 
784 | span.Identifier {
785 |   color: var(--identifier); }
786 | 
787 | span.Keyword {
788 |   font-weight: 600;
789 |   color: var(--keyword); }
790 | 
791 | span.StringLit {
792 |   color: var(--literal); }
793 | 
794 | span.LongStringLit {
795 |   color: var(--literal); }
796 | 
797 | span.CharLit {
798 |   color: var(--literal); }
799 | 
800 | span.EscapeSequence {
801 |   color: var(--escapeSequence); }
802 | 
803 | span.Operator {
804 |   color: var(--operator); }
805 | 
806 | span.Punctuation {
807 |   color: var(--punctuation); }
808 | 
809 | span.Comment, span.LongComment {
810 |   font-style: italic;
811 |   font-weight: 400;
812 |   color: var(--comment); }
813 | 
814 | span.RegularExpression {
815 |   color: darkviolet; }
816 | 
817 | span.TagStart {
818 |   color: darkviolet; }
819 | 
820 | span.TagEnd {
821 |   color: darkviolet; }
822 | 
823 | span.Key {
824 |   color: #252dbe; }
825 | 
826 | span.Value {
827 |   color: #252dbe; }
828 | 
829 | span.RawData {
830 |   color: var(--raw-data); }
831 | 
832 | span.Assembler {
833 |   color: #252dbe; }
834 | 
835 | span.Preprocessor {
836 |   color: #252dbe; }
837 | 
838 | span.Directive {
839 |   color: #252dbe; }
840 | 
841 | span.Command, span.Rule, span.Hyperlink, span.Label, span.Reference,
842 | span.Other {
843 |   color: var(--other); }
844 | 
845 | /* Pop type, const, proc, and iterator defs in nim def blocks */
846 | dt pre > span.Identifier, dt pre > span.Operator {
847 |   color: var(--identifier);
848 |   font-weight: 700; }
849 | 
850 | dt pre > span.Keyword ~ span.Identifier, dt pre > span.Identifier ~ span.Identifier,
851 | dt pre > span.Operator ~ span.Identifier, dt pre > span.Other ~ span.Identifier {
852 |   color: var(--identifier);
853 |   font-weight: inherit; }
854 | 
855 | /* Nim sprite for the footer (taken from main page favicon) */
856 | .nim-sprite {
857 |   display: inline-block;
858 |   width: 51px;
859 |   height: 14px;
860 |   background-position: 0 0;
861 |   background-size: 51px 14px;
862 |   -webkit-filter: opacity(50%);
863 |   background-repeat: no-repeat;
864 |   background-image: var(--nim-sprite-base64);
865 |   margin-bottom: 5px; }
866 | 
867 | span.pragmadots {
868 |   /* Position: relative frees us up to make the dots
869 |   look really nice without fucking up the layout and
870 |   causing bulging in the parent container */
871 |   position: relative;
872 |   /* 1px down looks slightly nicer */
873 |   top: 1px;
874 |   padding: 2px;
875 |   background-color: var(--third-background);
876 |   border-radius: 4px;
877 |   margin: 0 2px;
878 |   cursor: pointer;
879 |   font-size: 0.8em;
880 | }
881 | 
882 | span.pragmadots:hover {
883 |   background-color: var(--hint);
884 | }
885 | span.pragmawrap {
886 |   display: none;
887 | }
888 | 
889 | span.attachedType {
890 |   display: none;
891 |   visibility: hidden;
892 | }
893 | 


--------------------------------------------------------------------------------
/docs/src/graph.idx:
--------------------------------------------------------------------------------
1 | saveTo	src/graph.html#saveTo,Surface,string	graph: saveTo(sur: var Surface; filename: string)	
2 | saveTo	src/graph.html#saveTo,Surface,string_2	graph: saveTo(sur: Surface; filename: string)	
3 | 


--------------------------------------------------------------------------------
/docs/src/graph/backendpng.html:
--------------------------------------------------------------------------------
   1 | <?xml version="1.0" encoding="utf-8" ?>
   2 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   3 |   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   4 | <!--  This file is generated by Nim. -->
   5 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   6 | <head>
   7 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   8 | 
   9 | <!-- Favicon -->
  10 | <link rel="shortcut icon" href="data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AAAAAAUAAAAF////AP///wD///8A////AP///wD///8A////AP///wD///8A////AAAAAAIAAABbAAAAlQAAAKIAAACbAAAAmwAAAKIAAACVAAAAWwAAAAL///8A////AP///wD///8A////AAAAABQAAADAAAAAYwAAAA3///8A////AP///wD///8AAAAADQAAAGMAAADAAAAAFP///wD///8A////AP///wAAAACdAAAAOv///wD///8A////AP///wD///8A////AP///wD///8AAAAAOgAAAJ3///8A////AP///wAAAAAnAAAAcP///wAAAAAoAAAASv///wD///8A////AP///wAAAABKAAAAKP///wAAAABwAAAAJ////wD///8AAAAAgQAAABwAAACIAAAAkAAAAJMAAACtAAAAFQAAABUAAACtAAAAkwAAAJAAAACIAAAAHAAAAIH///8A////AAAAAKQAAACrAAAAaP///wD///8AAAAARQAAANIAAADSAAAARf///wD///8AAAAAaAAAAKsAAACk////AAAAADMAAACcAAAAnQAAABj///8A////AP///wAAAAAYAAAAGP///wD///8A////AAAAABgAAACdAAAAnAAAADMAAAB1AAAAwwAAAP8AAADpAAAAsQAAAE4AAAAb////AP///wAAAAAbAAAATgAAALEAAADpAAAA/wAAAMMAAAB1AAAAtwAAAOkAAAD/AAAA/wAAAP8AAADvAAAA3gAAAN4AAADeAAAA3gAAAO8AAAD/AAAA/wAAAP8AAADpAAAAtwAAAGUAAAA/AAAA3wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAADfAAAAPwAAAGX///8A////AAAAAEgAAADtAAAAvwAAAL0AAADGAAAA7wAAAO8AAADGAAAAvQAAAL8AAADtAAAASP///wD///8A////AP///wD///8AAAAAO////wD///8A////AAAAAIcAAACH////AP///wD///8AAAAAO////wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A//8AAP//AAD4HwAA7/cAAN/7AAD//wAAoYUAAJ55AACf+QAAh+EAAAAAAADAAwAA4AcAAP5/AAD//wAA//8AAA=="/>
  11 | 
  12 | <!-- Google fonts -->
  13 | <link href='http://fonts.googleapis.com/css?family=Raleway:400,600,900' rel='stylesheet' type='text/css'/>
  14 | <link href='http://fonts.googleapis.com/css?family=Source+Code+Pro:400,500,600' rel='stylesheet' type='text/css'/>
  15 | 
  16 | <!-- CSS -->
  17 | <title>src/graph/backendpng</title>
  18 | <style type="text/css" >
  19 | /*
  20 | Stylesheet for use with Docutils/rst2html.
  21 | 
  22 | See http://docutils.sf.net/docs/howto/html-stylesheets.html for how to
  23 | customize this style sheet.
  24 | 
  25 | Modified from Chad Skeeters' rst2html-style
  26 | https://bitbucket.org/cskeeters/rst2html-style/
  27 | 
  28 | Modified by Boyd Greenfield
  29 | */
  30 | /* SCSS variables */
  31 | /* Text weights */
  32 | /* Body colors */
  33 | /* Text colors */
  34 | /* Link colors */
  35 | /* Syntax highlighting colors */
  36 | /* Pct changes */
  37 | /* Mixins */
  38 | /* Body/layout */
  39 | html {
  40 |   font-size: 100%;
  41 |   -webkit-text-size-adjust: 100%;
  42 |   -ms-text-size-adjust: 100%; }
  43 | 
  44 | /* Where we want fancier font if available */
  45 | h1, h2, h3, h4, h5, h6, p.module-desc, table.docinfo + blockquote p, table.docinfo blockquote p, h1 + blockquote p {
  46 |   font-family: "Raleway", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif !important; }
  47 | 
  48 | h1.title {
  49 |   font-weight: 900; }
  50 | 
  51 | body {
  52 |   font-family: "Helvetica Neue", "HelveticaNeue", "Raleway", Helvetica, Arial, sans-serif;
  53 |   font-weight: 400;
  54 |   font-size: 14px;
  55 |   line-height: 20px;
  56 |   color: #666;
  57 |   background-color: rgba(252, 248, 244, 0.75); }
  58 | 
  59 | /* Skeleton grid */
  60 | .container {
  61 |   position: relative;
  62 |   width: 100%;
  63 |   max-width: 960px;
  64 |   margin: 0 auto;
  65 |   padding: 0 20px;
  66 |   box-sizing: border-box; }
  67 | 
  68 | .column,
  69 | .columns {
  70 |   width: 100%;
  71 |   float: left;
  72 |   box-sizing: border-box; }
  73 | 
  74 | /* For devices larger than 400px */
  75 | @media (min-width: 400px) {
  76 |   .container {
  77 |     width: 100%;
  78 |     padding: 0; } }
  79 | /* For devices larger than 650px */
  80 | @media (min-width: 650px) {
  81 |   .container {
  82 |     width: 100%; }
  83 | 
  84 |   .column,
  85 |   .columns {
  86 |     margin-left: 4%; }
  87 | 
  88 |   .column:first-child,
  89 |   .columns:first-child {
  90 |     margin-left: 0; }
  91 | 
  92 |   .one.column,
  93 |   .one.columns {
  94 |     width: 4.66666666667%; }
  95 | 
  96 |   .two.columns {
  97 |     width: 13.3333333333%; }
  98 | 
  99 |   .three.columns {
 100 |     width: 22%; }
 101 | 
 102 |   .four.columns {
 103 |     width: 30.6666666667%; }
 104 | 
 105 |   .five.columns {
 106 |     width: 39.3333333333%; }
 107 | 
 108 |   .six.columns {
 109 |     width: 48%; }
 110 | 
 111 |   .seven.columns {
 112 |     width: 56.6666666667%; }
 113 | 
 114 |   .eight.columns {
 115 |     width: 65.3333333333%; }
 116 | 
 117 |   .nine.columns {
 118 |     width: 74.0%; }
 119 | 
 120 |   .ten.columns {
 121 |     width: 82.6666666667%; }
 122 | 
 123 |   .eleven.columns {
 124 |     width: 91.3333333333%; }
 125 | 
 126 |   .twelve.columns {
 127 |     width: 100%;
 128 |     margin-left: 0; }
 129 | 
 130 |   .one-third.column {
 131 |     width: 30.6666666667%; }
 132 | 
 133 |   .two-thirds.column {
 134 |     width: 65.3333333333%; } }
 135 | /* Customer Overrides */
 136 | .footer {
 137 |   text-align: center;
 138 |   color: #969696;
 139 |   padding-top: 10%; }
 140 | 
 141 | p.module-desc {
 142 |   font-size: 1.1em;
 143 |   color: #666666; }
 144 | 
 145 | a.link-seesrc {
 146 |   color: #aec7d2;
 147 |   font-style: italic; }
 148 | 
 149 | a.link-seesrc:hover {
 150 |   color: #6c9aae; }
 151 | 
 152 | #toc-list {
 153 |   word-wrap: break-word; }
 154 | 
 155 | ul.simple-toc {
 156 |   list-style: none; }
 157 | 
 158 | ul.simple-toc a.reference-toplevel {
 159 |   font-weight: bold;
 160 |   color: #0077b3; }
 161 | 
 162 | ul.simple-toc-section {
 163 |   list-style-type: circle;
 164 |   color: #6c9aae; }
 165 | 
 166 | ul.simple-toc-section a.reference {
 167 |   color: #0077b3; }
 168 | 
 169 | cite {
 170 |   font-style: italic !important; }
 171 | 
 172 | dt > pre {
 173 |   border-color: rgba(0, 0, 0, 0.15);
 174 |   background-color: transparent;
 175 |   margin: 15px 0px 5px; }
 176 | 
 177 | dd > pre {
 178 |   border-color: rgba(0, 0, 0, 0.1);
 179 |   background-color: whitesmoke;
 180 |   margin-top: 8px; }
 181 | 
 182 | .item > dd {
 183 |   margin-left: 10px;
 184 |   margin-bottom: 30px; }
 185 | 
 186 | /* Nim line-numbered tables */
 187 | .line-nums-table {
 188 |   width: 100%;
 189 |   table-layout: fixed; }
 190 | 
 191 | table.line-nums-table {
 192 |   border-radius: 4px;
 193 |   border: 1px solid #cccccc;
 194 |   background-color: whitesmoke;
 195 |   border-collapse: separate;
 196 |   margin-top: 15px;
 197 |   margin-bottom: 25px; }
 198 | 
 199 | .line-nums-table tbody {
 200 |   border: none; }
 201 | 
 202 | .line-nums-table td pre {
 203 |   border: none;
 204 |   background-color: transparent; }
 205 | 
 206 | .line-nums-table td.blob-line-nums {
 207 |   width: 28px; }
 208 | 
 209 | .line-nums-table td.blob-line-nums pre {
 210 |   color: #b0b0b0;
 211 |   -webkit-filter: opacity(75%);
 212 |   text-align: right;
 213 |   border-color: transparent;
 214 |   background-color: transparent;
 215 |   padding-left: 0px;
 216 |   margin-left: 0px;
 217 |   padding-right: 0px;
 218 |   margin-right: 0px; }
 219 | 
 220 | /* Docgen styles */
 221 | /* Links */
 222 | a {
 223 |   color: #0077b3;
 224 |   text-decoration: none; }
 225 | 
 226 | a:hover,
 227 | a:focus {
 228 |   color: #00334d;
 229 |   text-decoration: underline; }
 230 | 
 231 | a:visited {
 232 |   color: #00334d; }
 233 | 
 234 | a:focus {
 235 |   outline: thin dotted #2d2d2d;
 236 |   outline: 5px auto -webkit-focus-ring-color;
 237 |   outline-offset: -2px; }
 238 | 
 239 | a:hover,
 240 | a:active {
 241 |   outline: 0; }
 242 | 
 243 | sub,
 244 | sup {
 245 |   position: relative;
 246 |   font-size: 75%;
 247 |   line-height: 0;
 248 |   vertical-align: baseline; }
 249 | 
 250 | sup {
 251 |   top: -0.5em; }
 252 | 
 253 | sub {
 254 |   bottom: -0.25em; }
 255 | 
 256 | img {
 257 |   width: auto;
 258 |   height: auto;
 259 |   max-width: 100%;
 260 |   vertical-align: middle;
 261 |   border: 0;
 262 |   -ms-interpolation-mode: bicubic; }
 263 | 
 264 | @media print {
 265 |   * {
 266 |     color: black !important;
 267 |     text-shadow: none !important;
 268 |     background: transparent !important;
 269 |     box-shadow: none !important; }
 270 | 
 271 |   a,
 272 |   a:visited {
 273 |     text-decoration: underline; }
 274 | 
 275 |   a[href]:after {
 276 |     content: " (" attr(href) ")"; }
 277 | 
 278 |   abbr[title]:after {
 279 |     content: " (" attr(title) ")"; }
 280 | 
 281 |   .ir a:after,
 282 |   a[href^="javascript:"]:after,
 283 |   a[href^="#"]:after {
 284 |     content: ""; }
 285 | 
 286 |   pre,
 287 |   blockquote {
 288 |     border: 1px solid #999;
 289 |     page-break-inside: avoid; }
 290 | 
 291 |   thead {
 292 |     display: table-header-group; }
 293 | 
 294 |   tr,
 295 |   img {
 296 |     page-break-inside: avoid; }
 297 | 
 298 |   img {
 299 |     max-width: 100% !important; }
 300 | 
 301 |   @page {
 302 |     margin: 0.5cm; }
 303 | 
 304 |   h1 {
 305 |     page-break-before: always; }
 306 | 
 307 |   h1.title {
 308 |     page-break-before: avoid; }
 309 | 
 310 |   p,
 311 |   h2,
 312 |   h3 {
 313 |     orphans: 3;
 314 |     widows: 3; }
 315 | 
 316 |   h2,
 317 |   h3 {
 318 |     page-break-after: avoid; } }
 319 | .img-rounded {
 320 |   -webkit-border-radius: 6px;
 321 |   -moz-border-radius: 6px;
 322 |   border-radius: 6px; }
 323 | 
 324 | .img-polaroid {
 325 |   padding: 4px;
 326 |   background-color: rgba(252, 248, 244, 0.75);
 327 |   border: 1px solid #ccc;
 328 |   border: 1px solid rgba(0, 0, 0, 0.2);
 329 |   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 330 |   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 331 |   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
 332 | 
 333 | p {
 334 |   margin: 0 0 12px; }
 335 | 
 336 | small {
 337 |   font-size: 85%; }
 338 | 
 339 | strong {
 340 |   font-weight: 600; }
 341 | 
 342 | em {
 343 |   font-style: italic; }
 344 | 
 345 | cite {
 346 |   font-style: normal; }
 347 | 
 348 | h1,
 349 | h2,
 350 | h3,
 351 | h4,
 352 | h5,
 353 | h6 {
 354 |   font-family: "Helvetica Neue", "HelveticaNeue", "Raleway", Helvetica, Arial, sans-serif;
 355 |   font-weight: 600;
 356 |   line-height: 20px;
 357 |   color: inherit;
 358 |   text-rendering: optimizelegibility; }
 359 | 
 360 | h1 {
 361 |   font-size: 2em;
 362 |   padding-bottom: .15em;
 363 |   border-bottom: 1px solid #aaaaaa;
 364 |   margin-top: 1.0em;
 365 |   line-height: 1.2em; }
 366 | 
 367 | h1.title {
 368 |   padding-bottom: 1em;
 369 |   border-bottom: 0px;
 370 |   font-size: 2.75em; }
 371 | 
 372 | h2 {
 373 |   font-size: 1.5em;
 374 |   margin-top: 1.5em; }
 375 | 
 376 | h3 {
 377 |   font-size: 1.3em;
 378 |   font-style: italic;
 379 |   margin-top: 0.75em; }
 380 | 
 381 | h4 {
 382 |   font-size: 1.3em;
 383 |   margin-top: 0.5em; }
 384 | 
 385 | h5 {
 386 |   font-size: 1.2em;
 387 |   margin-top: 0.25em; }
 388 | 
 389 | h6 {
 390 |   font-size: 1.1em; }
 391 | 
 392 | ul,
 393 | ol {
 394 |   padding: 0;
 395 |   margin: 0 0 0px 15px; }
 396 | 
 397 | ul ul,
 398 | ul ol,
 399 | ol ol,
 400 | ol ul {
 401 |   margin-bottom: 0; }
 402 | 
 403 | li {
 404 |   line-height: 20px; }
 405 | 
 406 | dl {
 407 |   margin-bottom: 20px; }
 408 | 
 409 | dt,
 410 | dd {
 411 |   line-height: 20px; }
 412 | 
 413 | dt {
 414 |   font-weight: bold; }
 415 | 
 416 | dd {
 417 |   margin-left: 10px;
 418 |   margin-bottom: 26px; }
 419 | 
 420 | hr {
 421 |   margin: 20px 0;
 422 |   border: 0;
 423 |   border-top: 1px solid #eeeeee;
 424 |   border-bottom: 1px solid #ffffff; }
 425 | 
 426 | abbr[title],
 427 | abbr[data-original-title] {
 428 |   cursor: help;
 429 |   border-bottom: 1px dotted #999999; }
 430 | 
 431 | abbr.initialism {
 432 |   font-size: 90%;
 433 |   text-transform: uppercase; }
 434 | 
 435 | blockquote {
 436 |   padding: 0 0 0 15px;
 437 |   margin: 0 0 20px;
 438 |   border-left: 5px solid #EFEBE0; }
 439 | 
 440 | table.docinfo + blockquote, table.docinfo blockquote, h1 + blockquote {
 441 |   border-left: 5px solid #c9c9c9;
 442 | }
 443 | 
 444 | table.docinfo + blockquote p, table.docinfo blockquote p, h1 + blockquote p {
 445 |   margin-bottom: 0;
 446 |   font-size: 15px;
 447 |   font-weight: 200;
 448 |   line-height: 1.5;
 449 |   font-style: italic; }
 450 | 
 451 | q:before,
 452 | q:after,
 453 | blockquote:before,
 454 | blockquote:after {
 455 |   content: ""; }
 456 | 
 457 | address {
 458 |   display: block;
 459 |   margin-bottom: 20px;
 460 |   font-style: normal;
 461 |   line-height: 20px; }
 462 | 
 463 | code,
 464 | pre {
 465 |   font-family: "Source Code Pro", Monaco, Menlo, Consolas, "Courier New", monospace;
 466 |   padding: 0 3px 2px;
 467 |   font-weight: 500;
 468 |   font-size: 12px;
 469 |   color: #444444;
 470 |   -webkit-border-radius: 3px;
 471 |   -moz-border-radius: 3px;
 472 |   border-radius: 3px; }
 473 | 
 474 | .pre {
 475 |   font-family: "Source Code Pro", Monaco, Menlo, Consolas, "Courier New", monospace;
 476 |   font-weight: 600;
 477 |   /*color: #504da6;*/
 478 | }
 479 | 
 480 | code {
 481 |   padding: 2px 4px;
 482 |   color: #444444;
 483 |   white-space: nowrap;
 484 |   background-color: white;
 485 |   border: 1px solid #777777; }
 486 | 
 487 | pre {
 488 |   display: inline-block;
 489 |   box-sizing: border-box;
 490 |   min-width: calc(100% - 19.5px);
 491 |   padding: 9.5px;
 492 |   margin: 0.25em 10px 0.25em 10px;
 493 |   font-size: 14px;
 494 |   line-height: 20px;
 495 |   white-space: pre !important;
 496 |   overflow-y: hidden;
 497 |   overflow-x: visible;
 498 |   background-color: whitesmoke;
 499 |   border: 1px solid #cccccc;
 500 |   -webkit-border-radius: 4px;
 501 |   -moz-border-radius: 4px;
 502 |   border-radius: 4px; }
 503 | 
 504 | pre.prettyprint {
 505 |   margin-bottom: 20px; }
 506 | 
 507 | pre code {
 508 |   padding: 0;
 509 |   color: inherit;
 510 |   white-space: pre;
 511 |   overflow-x: visible;
 512 |   background-color: transparent;
 513 |   border: 0; }
 514 | 
 515 | .pre-scrollable {
 516 |   max-height: 340px;
 517 |   overflow-y: scroll; }
 518 | 
 519 | table {
 520 |   max-width: 100%;
 521 |   background-color: transparent;
 522 |   border-collapse: collapse;
 523 |   border-spacing: 0; }
 524 | 
 525 | table th, table td {
 526 |   padding: 0px 8px 0px;
 527 | }
 528 | 
 529 | .table {
 530 |   width: 100%;
 531 |   margin-bottom: 20px; }
 532 | 
 533 | .table th,
 534 | .table td {
 535 |   padding: 8px;
 536 |   line-height: 20px;
 537 |   text-align: left;
 538 |   vertical-align: top;
 539 |   border-top: 1px solid #444444; }
 540 | 
 541 | .table th {
 542 |   font-weight: bold; }
 543 | 
 544 | .table thead th {
 545 |   vertical-align: bottom; }
 546 | 
 547 | .table caption + thead tr:first-child th,
 548 | .table caption + thead tr:first-child td,
 549 | .table colgroup + thead tr:first-child th,
 550 | .table colgroup + thead tr:first-child td,
 551 | .table thead:first-child tr:first-child th,
 552 | .table thead:first-child tr:first-child td {
 553 |   border-top: 0; }
 554 | 
 555 | .table tbody + tbody {
 556 |   border-top: 2px solid #444444; }
 557 | 
 558 | .table .table {
 559 |   background-color: rgba(252, 248, 244, 0.75); }
 560 | 
 561 | .table-condensed th,
 562 | .table-condensed td {
 563 |   padding: 4px 5px; }
 564 | 
 565 | .table-bordered {
 566 |   border: 1px solid #444444;
 567 |   border-collapse: separate;
 568 |   *border-collapse: collapse;
 569 |   border-left: 0;
 570 |   -webkit-border-radius: 4px;
 571 |   -moz-border-radius: 4px;
 572 |   border-radius: 4px; }
 573 | 
 574 | .table-bordered th,
 575 | .table-bordered td {
 576 |   border-left: 1px solid #444444; }
 577 | 
 578 | .table-bordered caption + thead tr:first-child th,
 579 | .table-bordered caption + tbody tr:first-child th,
 580 | .table-bordered caption + tbody tr:first-child td,
 581 | .table-bordered colgroup + thead tr:first-child th,
 582 | .table-bordered colgroup + tbody tr:first-child th,
 583 | .table-bordered colgroup + tbody tr:first-child td,
 584 | .table-bordered thead:first-child tr:first-child th,
 585 | .table-bordered tbody:first-child tr:first-child th,
 586 | .table-bordered tbody:first-child tr:first-child td {
 587 |   border-top: 0; }
 588 | 
 589 | .table-bordered thead:first-child tr:first-child > th:first-child,
 590 | .table-bordered tbody:first-child tr:first-child > td:first-child,
 591 | .table-bordered tbody:first-child tr:first-child > th:first-child {
 592 |   -webkit-border-top-left-radius: 4px;
 593 |   border-top-left-radius: 4px;
 594 |   -moz-border-radius-topleft: 4px; }
 595 | 
 596 | .table-bordered thead:first-child tr:first-child > th:last-child,
 597 | .table-bordered tbody:first-child tr:first-child > td:last-child,
 598 | .table-bordered tbody:first-child tr:first-child > th:last-child {
 599 |   -webkit-border-top-right-radius: 4px;
 600 |   border-top-right-radius: 4px;
 601 |   -moz-border-radius-topright: 4px; }
 602 | 
 603 | .table-bordered thead:last-child tr:last-child > th:first-child,
 604 | .table-bordered tbody:last-child tr:last-child > td:first-child,
 605 | .table-bordered tbody:last-child tr:last-child > th:first-child,
 606 | .table-bordered tfoot:last-child tr:last-child > td:first-child,
 607 | .table-bordered tfoot:last-child tr:last-child > th:first-child {
 608 |   -webkit-border-bottom-left-radius: 4px;
 609 |   border-bottom-left-radius: 4px;
 610 |   -moz-border-radius-bottomleft: 4px; }
 611 | 
 612 | .table-bordered thead:last-child tr:last-child > th:last-child,
 613 | .table-bordered tbody:last-child tr:last-child > td:last-child,
 614 | .table-bordered tbody:last-child tr:last-child > th:last-child,
 615 | .table-bordered tfoot:last-child tr:last-child > td:last-child,
 616 | .table-bordered tfoot:last-child tr:last-child > th:last-child {
 617 |   -webkit-border-bottom-right-radius: 4px;
 618 |   border-bottom-right-radius: 4px;
 619 |   -moz-border-radius-bottomright: 4px; }
 620 | 
 621 | .table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
 622 |   -webkit-border-bottom-left-radius: 0;
 623 |   border-bottom-left-radius: 0;
 624 |   -moz-border-radius-bottomleft: 0; }
 625 | 
 626 | .table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
 627 |   -webkit-border-bottom-right-radius: 0;
 628 |   border-bottom-right-radius: 0;
 629 |   -moz-border-radius-bottomright: 0; }
 630 | 
 631 | .table-bordered caption + thead tr:first-child th:first-child,
 632 | .table-bordered caption + tbody tr:first-child td:first-child,
 633 | .table-bordered colgroup + thead tr:first-child th:first-child,
 634 | .table-bordered colgroup + tbody tr:first-child td:first-child {
 635 |   -webkit-border-top-left-radius: 4px;
 636 |   border-top-left-radius: 4px;
 637 |   -moz-border-radius-topleft: 4px; }
 638 | 
 639 | .table-bordered caption + thead tr:first-child th:last-child,
 640 | .table-bordered caption + tbody tr:first-child td:last-child,
 641 | .table-bordered colgroup + thead tr:first-child th:last-child,
 642 | .table-bordered colgroup + tbody tr:first-child td:last-child {
 643 |   -webkit-border-top-right-radius: 4px;
 644 |   border-top-right-radius: 4px;
 645 |   -moz-border-radius-topright: 4px; }
 646 | 
 647 | table.docutils th {
 648 |   background-color: #e8e8e8; }
 649 | 
 650 | table.docutils tr:hover {
 651 |   background-color: whitesmoke; }
 652 | 
 653 | .table-striped tbody > tr:nth-child(odd) > td,
 654 | .table-striped tbody > tr:nth-child(odd) > th {
 655 |   background-color: rgba(252, 248, 244, 0.75); }
 656 | 
 657 | .table-hover tbody tr:hover > td,
 658 | .table-hover tbody tr:hover > th {
 659 |   background-color: rgba(241, 222, 204, 0.75); }
 660 | 
 661 | table td[class*="span"],
 662 | table th[class*="span"],
 663 | .row-fluid table td[class*="span"],
 664 | .row-fluid table th[class*="span"] {
 665 |   display: table-cell;
 666 |   float: none;
 667 |   margin-left: 0; }
 668 | 
 669 | .hero-unit {
 670 |   padding: 60px;
 671 |   margin-bottom: 30px;
 672 |   font-size: 18px;
 673 |   font-weight: 200;
 674 |   line-height: 30px;
 675 |   color: inherit;
 676 |   background-color: rgba(230, 197, 164, 0.75);
 677 |   -webkit-border-radius: 6px;
 678 |   -moz-border-radius: 6px;
 679 |   border-radius: 6px; }
 680 | 
 681 | .hero-unit h1 {
 682 |   margin-bottom: 0;
 683 |   font-size: 60px;
 684 |   line-height: 1;
 685 |   letter-spacing: -1px;
 686 |   color: inherit; }
 687 | 
 688 | .hero-unit li {
 689 |   line-height: 30px; }
 690 | 
 691 | /* rst2html default used to remove borders from tables and images */
 692 | .borderless, table.borderless td, table.borderless th {
 693 |   border: 0; }
 694 | 
 695 | table.borderless td, table.borderless th {
 696 |   /* Override padding for "table.docutils td" with "! important".
 697 |      The right padding separates the table cells. */
 698 |   padding: 0 0.5em 0 0 !important; }
 699 | 
 700 | .first {
 701 |   /* Override more specific margin styles with "! important". */
 702 |   margin-top: 0 !important; }
 703 | 
 704 | .last, .with-subtitle {
 705 |   margin-bottom: 0 !important; }
 706 | 
 707 | .hidden {
 708 |   display: none; }
 709 | 
 710 | a.toc-backref {
 711 |   text-decoration: none;
 712 |   color: #444444; }
 713 | 
 714 | blockquote.epigraph {
 715 |   margin: 2em 5em; }
 716 | 
 717 | dl.docutils dd {
 718 |   margin-bottom: 0.5em; }
 719 | 
 720 | object[type="image/svg+xml"], object[type="application/x-shockwave-flash"] {
 721 |   overflow: hidden; }
 722 | 
 723 | /* Uncomment (and remove this text!) to get bold-faced definition list terms
 724 | dl.docutils dt {
 725 |   font-weight: bold }
 726 | */
 727 | div.abstract {
 728 |   margin: 2em 5em; }
 729 | 
 730 | div.abstract p.topic-title {
 731 |   font-weight: bold;
 732 |   text-align: center; }
 733 | 
 734 | div.admonition, div.attention, div.caution, div.danger, div.error,
 735 | div.hint, div.important, div.note, div.tip, div.warning {
 736 |   margin: 2em;
 737 |   border: medium outset;
 738 |   padding: 1em; }
 739 | 
 740 | div.note, div.warning {
 741 |   margin: 1.5em 0px;
 742 |   border: none; }
 743 | 
 744 | div.note p.admonition-title,
 745 | div.warning p.admonition-title {
 746 |   display: none; }
 747 | 
 748 | /* Clearfix
 749 |  * http://css-tricks.com/snippets/css/clear-fix/
 750 |  */
 751 | div.note:after,
 752 | div.warning:after {
 753 |   content: "";
 754 |   display: table;
 755 |   clear: both; }
 756 | 
 757 | div.note p:before,
 758 | div.warning p:before {
 759 |   display: block;
 760 |   float: left;
 761 |   font-size: 4em;
 762 |   line-height: 1em;
 763 |   margin-right: 20px;
 764 |   margin-left: 0em;
 765 |   margin-top: -10px;
 766 |   content: '\0270D';
 767 |   /*handwriting*/ }
 768 | 
 769 | div.warning p:before {
 770 |   content: '\026A0';
 771 |   /*warning*/ }
 772 | 
 773 | div.admonition p.admonition-title, div.hint p.admonition-title,
 774 | div.important p.admonition-title, div.note p.admonition-title,
 775 | div.tip p.admonition-title {
 776 |   font-weight: bold;
 777 |   font-family: "Helvetica Neue", "HelveticaNeue", "Raleway", Helvetica, Arial, sans-serif; }
 778 | 
 779 | div.attention p.admonition-title, div.caution p.admonition-title,
 780 | div.danger p.admonition-title, div.error p.admonition-title,
 781 | div.warning p.admonition-title, .code .error {
 782 |   color: #b30000;
 783 |   font-weight: bold;
 784 |   font-family: "Helvetica Neue", "HelveticaNeue", "Raleway", Helvetica, Arial, sans-serif; }
 785 | 
 786 | /* Uncomment (and remove this text!) to get reduced vertical space in
 787 |    compound paragraphs.
 788 | div.compound .compound-first, div.compound .compound-middle {
 789 |   margin-bottom: 0.5em }
 790 | 
 791 | div.compound .compound-last, div.compound .compound-middle {
 792 |   margin-top: 0.5em }
 793 | */
 794 | div.dedication {
 795 |   margin: 2em 5em;
 796 |   text-align: center;
 797 |   font-style: italic; }
 798 | 
 799 | div.dedication p.topic-title {
 800 |   font-weight: bold;
 801 |   font-style: normal; }
 802 | 
 803 | div.figure {
 804 |   margin-left: 2em;
 805 |   margin-right: 2em; }
 806 | 
 807 | div.footer, div.header {
 808 |   clear: both;
 809 |   font-size: smaller; }
 810 | 
 811 | div.line-block {
 812 |   display: block;
 813 |   margin-top: 1em;
 814 |   margin-bottom: 1em; }
 815 | 
 816 | div.line-block div.line-block {
 817 |   margin-top: 0;
 818 |   margin-bottom: 0;
 819 |   margin-left: 1.5em; }
 820 | 
 821 | div.sidebar {
 822 |   margin: 0 0 0.5em 1em;
 823 |   border: medium outset;
 824 |   padding: 1em;
 825 |   background-color: rgba(252, 248, 244, 0.75);
 826 |   width: 40%;
 827 |   float: right;
 828 |   clear: right; }
 829 | 
 830 | div.sidebar p.rubric {
 831 |   font-family: "Helvetica Neue", "HelveticaNeue", "Raleway", Helvetica, Arial, sans-serif;
 832 |   font-size: medium; }
 833 | 
 834 | div.system-messages {
 835 |   margin: 5em; }
 836 | 
 837 | div.system-messages h1 {
 838 |   color: #b30000; }
 839 | 
 840 | div.system-message {
 841 |   border: medium outset;
 842 |   padding: 1em; }
 843 | 
 844 | div.system-message p.system-message-title {
 845 |   color: #b30000;
 846 |   font-weight: bold; }
 847 | 
 848 | div.topic {
 849 |   margin: 2em; }
 850 | 
 851 | h1.section-subtitle, h2.section-subtitle, h3.section-subtitle,
 852 | h4.section-subtitle, h5.section-subtitle, h6.section-subtitle {
 853 |   margin-top: 0.4em; }
 854 | 
 855 | h1.title {
 856 |   text-align: center; }
 857 | 
 858 | h2.subtitle {
 859 |   text-align: center; }
 860 | 
 861 | hr.docutils {
 862 |   width: 75%; }
 863 | 
 864 | img.align-left, .figure.align-left, object.align-left {
 865 |   clear: left;
 866 |   float: left;
 867 |   margin-right: 1em; }
 868 | 
 869 | img.align-right, .figure.align-right, object.align-right {
 870 |   clear: right;
 871 |   float: right;
 872 |   margin-left: 1em; }
 873 | 
 874 | img.align-center, .figure.align-center, object.align-center {
 875 |   display: block;
 876 |   margin-left: auto;
 877 |   margin-right: auto; }
 878 | 
 879 | .align-left {
 880 |   text-align: left; }
 881 | 
 882 | .align-center {
 883 |   clear: both;
 884 |   text-align: center; }
 885 | 
 886 | .align-right {
 887 |   text-align: right; }
 888 | 
 889 | /* reset inner alignment in figures */
 890 | div.align-right {
 891 |   text-align: inherit; }
 892 | 
 893 | /* div.align-center * { */
 894 | /*   text-align: left } */
 895 | 
 896 | ul.simple > li {
 897 |   margin-bottom: 0.5em }
 898 | 
 899 | ol.simple, ul.simple {
 900 |   margin-bottom: 1em; }
 901 | 
 902 | ol.arabic {
 903 |   list-style: decimal; }
 904 | 
 905 | ol.loweralpha {
 906 |   list-style: lower-alpha; }
 907 | 
 908 | ol.upperalpha {
 909 |   list-style: upper-alpha; }
 910 | 
 911 | ol.lowerroman {
 912 |   list-style: lower-roman; }
 913 | 
 914 | ol.upperroman {
 915 |   list-style: upper-roman; }
 916 | 
 917 | p.attribution {
 918 |   text-align: right;
 919 |   margin-left: 50%; }
 920 | 
 921 | p.caption {
 922 |   font-style: italic; }
 923 | 
 924 | p.credits {
 925 |   font-style: italic;
 926 |   font-size: smaller; }
 927 | 
 928 | p.label {
 929 |   white-space: nowrap; }
 930 | 
 931 | p.rubric {
 932 |   font-weight: bold;
 933 |   font-size: larger;
 934 |   color: maroon;
 935 |   text-align: center; }
 936 | 
 937 | p.sidebar-title {
 938 |   font-family: "Helvetica Neue", "HelveticaNeue", "Raleway", Helvetica, Arial, sans-serif;
 939 |   font-weight: bold;
 940 |   font-size: larger; }
 941 | 
 942 | p.sidebar-subtitle {
 943 |   font-family: "Helvetica Neue", "HelveticaNeue", "Raleway", Helvetica, Arial, sans-serif;
 944 |   font-weight: bold; }
 945 | 
 946 | p.topic-title {
 947 |   font-weight: bold; }
 948 | 
 949 | pre.address {
 950 |   margin-bottom: 0;
 951 |   margin-top: 0;
 952 |   font: inherit; }
 953 | 
 954 | pre.literal-block, pre.doctest-block, pre.math, pre.code {
 955 |   margin-left: 2em;
 956 |   margin-right: 2em; }
 957 | 
 958 | pre.code .ln {
 959 |   color: grey; }
 960 | 
 961 | /* line numbers */
 962 | pre.code, code {
 963 |   background-color: #eeeeee; }
 964 | 
 965 | pre.code .comment, code .comment {
 966 |   color: #5c6576; }
 967 | 
 968 | pre.code .keyword, code .keyword {
 969 |   color: #3B0D06;
 970 |   font-weight: bold; }
 971 | 
 972 | pre.code .literal.string, code .literal.string {
 973 |   color: #0c5404; }
 974 | 
 975 | pre.code .name.builtin, code .name.builtin {
 976 |   color: #352b84; }
 977 | 
 978 | pre.code .deleted, code .deleted {
 979 |   background-color: #DEB0A1; }
 980 | 
 981 | pre.code .inserted, code .inserted {
 982 |   background-color: #A3D289; }
 983 | 
 984 | span.classifier {
 985 |   font-family: "Helvetica Neue", "HelveticaNeue", "Raleway", Helvetica, Arial, sans-serif;
 986 |   font-style: oblique; }
 987 | 
 988 | span.classifier-delimiter {
 989 |   font-family: "Helvetica Neue", "HelveticaNeue", "Raleway", Helvetica, Arial, sans-serif;
 990 |   font-weight: bold; }
 991 | 
 992 | span.interpreted {
 993 |   font-family: "Helvetica Neue", "HelveticaNeue", "Raleway", Helvetica, Arial, sans-serif; }
 994 | 
 995 | span.option {
 996 |   white-space: nowrap; }
 997 | 
 998 | span.pre {
 999 |   white-space: pre; }
1000 | 
1001 | span.problematic {
1002 |   color: #b30000; }
1003 | 
1004 | span.section-subtitle {
1005 |   /* font-size relative to parent (h1..h6 element) */
1006 |   font-size: 80%; }
1007 | 
1008 | table.citation {
1009 |   border-left: solid 1px #666666;
1010 |   margin-left: 1px; }
1011 | 
1012 | table.docinfo {
1013 |   margin: 0em;
1014 |   margin-top: 2em;
1015 |   margin-bottom: 2em;
1016 |   font-family: "Raleway", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif !important;
1017 |   color: #444444; }
1018 | 
1019 | table.docutils {
1020 |   margin-top: 0.5em;
1021 |   margin-bottom: 0.5em; }
1022 | 
1023 | table.footnote {
1024 |   border-left: solid 1px #2d2d2d;
1025 |   margin-left: 1px; }
1026 | 
1027 | table.docutils td, table.docutils th,
1028 | table.docinfo td, table.docinfo th {
1029 |   padding-left: 0.5em;
1030 |   padding-right: 0.5em;
1031 |   vertical-align: top; }
1032 | 
1033 | table.docutils th.field-name, table.docinfo th.docinfo-name {
1034 |   font-weight: 700;
1035 |   text-align: left;
1036 |   white-space: nowrap;
1037 |   padding-left: 0; }
1038 | 
1039 | h1 tt.docutils, h2 tt.docutils, h3 tt.docutils,
1040 | h4 tt.docutils, h5 tt.docutils, h6 tt.docutils {
1041 |   font-size: 100%; }
1042 | 
1043 | ul.auto-toc {
1044 |   list-style-type: none; }
1045 | 
1046 | span.DecNumber {
1047 |   color: #252dbe; }
1048 | 
1049 | span.BinNumber {
1050 |   color: #252dbe; }
1051 | 
1052 | span.HexNumber {
1053 |   color: #252dbe; }
1054 | 
1055 | span.OctNumber {
1056 |   color: #252dbe; }
1057 | 
1058 | span.FloatNumber {
1059 |   color: #252dbe; }
1060 | 
1061 | span.Identifier {
1062 |   color: #3b3b3b; }
1063 | 
1064 | span.Keyword {
1065 |   font-weight: 600;
1066 |   color: #5e8f60; }
1067 | 
1068 | span.StringLit {
1069 |   color: #a4255b; }
1070 | 
1071 | span.LongStringLit {
1072 |   color: #a4255b; }
1073 | 
1074 | span.CharLit {
1075 |   color: #a4255b; }
1076 | 
1077 | span.EscapeSequence {
1078 |   color: black; }
1079 | 
1080 | span.Operator {
1081 |   color: black; }
1082 | 
1083 | span.Punctuation {
1084 |   color: black; }
1085 | 
1086 | span.Comment, span.LongComment {
1087 |   font-style: italic;
1088 |   font-weight: 400;
1089 |   color: #484a86; }
1090 | 
1091 | span.RegularExpression {
1092 |   color: darkviolet; }
1093 | 
1094 | span.TagStart {
1095 |   color: darkviolet; }
1096 | 
1097 | span.TagEnd {
1098 |   color: darkviolet; }
1099 | 
1100 | span.Key {
1101 |   color: #252dbe; }
1102 | 
1103 | span.Value {
1104 |   color: #252dbe; }
1105 | 
1106 | span.RawData {
1107 |   color: #a4255b; }
1108 | 
1109 | span.Assembler {
1110 |   color: #252dbe; }
1111 | 
1112 | span.Preprocessor {
1113 |   color: #252dbe; }
1114 | 
1115 | span.Directive {
1116 |   color: #252dbe; }
1117 | 
1118 | span.Command, span.Rule, span.Hyperlink, span.Label, span.Reference,
1119 | span.Other {
1120 |   color: black; }
1121 | 
1122 | /* Pop type, const, proc, and iterator defs in nim def blocks */
1123 | dt pre > span.Identifier, dt pre > span.Operator {
1124 |   color: #155da4;
1125 |   font-weight: 700; }
1126 | 
1127 | dt pre > span.Identifier ~ span.Identifier, dt pre > span.Operator ~ span.Identifier {
1128 |   color: inherit;
1129 |   font-weight: inherit; }
1130 | 
1131 | dt pre > span.Operator ~ span.Identifier, dt pre > span.Operator ~ span.Operator {
1132 |   color: inherit;
1133 |   font-weight: inherit; }
1134 | 
1135 | /* Nim sprite for the footer (taken from main page favicon) */
1136 | .nim-sprite {
1137 |   display: inline-block;
1138 |   height: 12px;
1139 |   width: 12px;
1140 |   background-position: 0 0;
1141 |   background-size: 12px 12px;
1142 |   -webkit-filter: opacity(50%);
1143 |   background-repeat: no-repeat;
1144 |   background-image: url("data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AAAAAAUAAAAF////AP///wD///8A////AP///wD///8A////AP///wD///8A////AAAAAAIAAABbAAAAlQAAAKIAAACbAAAAmwAAAKIAAACVAAAAWwAAAAL///8A////AP///wD///8A////AAAAABQAAADAAAAAYwAAAA3///8A////AP///wD///8AAAAADQAAAGMAAADAAAAAFP///wD///8A////AP///wAAAACdAAAAOv///wD///8A////AP///wD///8A////AP///wD///8AAAAAOgAAAJ3///8A////AP///wAAAAAnAAAAcP///wAAAAAoAAAASv///wD///8A////AP///wAAAABKAAAAKP///wAAAABwAAAAJ////wD///8AAAAAgQAAABwAAACIAAAAkAAAAJMAAACtAAAAFQAAABUAAACtAAAAkwAAAJAAAACIAAAAHAAAAIH///8A////AAAAAKQAAACrAAAAaP///wD///8AAAAARQAAANIAAADSAAAARf///wD///8AAAAAaAAAAKsAAACk////AAAAADMAAACcAAAAnQAAABj///8A////AP///wAAAAAYAAAAGP///wD///8A////AAAAABgAAACdAAAAnAAAADMAAAB1AAAAwwAAAP8AAADpAAAAsQAAAE4AAAAb////AP///wAAAAAbAAAATgAAALEAAADpAAAA/wAAAMMAAAB1AAAAtwAAAOkAAAD/AAAA/wAAAP8AAADvAAAA3gAAAN4AAADeAAAA3gAAAO8AAAD/AAAA/wAAAP8AAADpAAAAtwAAAGUAAAA/AAAA3wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAADfAAAAPwAAAGX///8A////AAAAAEgAAADtAAAAvwAAAL0AAADGAAAA7wAAAO8AAADGAAAAvQAAAL8AAADtAAAASP///wD///8A////AP///wD///8AAAAAO////wD///8A////AAAAAIcAAACH////AP///wD///8AAAAAO////wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A//8AAP//AAD4HwAA7/cAAN/7AAD//wAAoYUAAJ55AACf+QAAh+EAAAAAAADAAwAA4AcAAP5/AAD//wAA//8AAA==");
1145 |   margin-bottom: -5px; }
1146 |   div.pragma {
1147 |     display: none;
1148 |   }
1149 |   span.pragmabegin {
1150 |     cursor: pointer;
1151 |   }
1152 |   span.pragmaend {
1153 |     cursor: pointer;
1154 |   }
1155 | 
1156 | div.search_results {
1157 |   background-color: antiquewhite;
1158 |   margin: 3em;
1159 |   border-style: inset;
1160 |   padding: 1em;
1161 | }
1162 | #searchInput {
1163 | 	width: 100%;
1164 | 	margin-bottom: 0.5em;
1165 | }
1166 | 
1167 | #groupBy {
1168 | 	margin-bottom: 0.5em;	
1169 | }
1170 | </style>
1171 | 
1172 | <script type="text/javascript">
1173 | function togglepragma(d) {
1174 |   if (d.style.display != 'inline')
1175 |     d.style.display = 'inline';
1176 |   else
1177 |     d.style.display = 'none';
1178 | }
1179 | 
1180 | function main() {
1181 |   var elements = document.getElementsByClassName("pragmabegin");
1182 |   for (var i = 0; i < elements.length; ++i) {
1183 |     var e = elements[i];
1184 |     e.onclick = function(event) {
1185 |       togglepragma(event.target.nextSibling);
1186 |     };
1187 |   }
1188 |   var elements = document.getElementsByClassName("pragmaend");
1189 |   for (var i = 0; i < elements.length; ++i) {
1190 |     var e = elements[i];
1191 |     e.onclick = function(event) {
1192 |       togglepragma(event.target.previousSibling);
1193 |     };
1194 |   }
1195 | }
1196 | </script>
1197 | <script>
1198 | 	// Detects shift+f to focuses the search box
1199 | 	document.addEventListener('keydown', function(event) {
1200 | 	  if (event.keyCode == 70 && event.shiftKey) {
1201 | 	  	event.preventDefault() // avoids writing F on the search box
1202 | 	  	var input = document.getElementById("searchInput");
1203 | 			input.focus();
1204 | 	  } 
1205 | 	}, true);
1206 | </script>
1207 | </head>
1208 | <body onload="main()">
1209 | <div class="document" id="documentId">
1210 |   <div class="container">
1211 |     <h1 class="title">src/graph/backendpng</h1>
1212 |     <div class="row">
1213 |   <div class="three columns">
1214 |   <ul class="simple simple-toc" id="toc-list">
1215 | <li>
1216 |   <a class="reference reference-toplevel" href="#6" id="56">Imports</a>
1217 |   <ul class="simple simple-toc-section">
1218 |     
1219 |   </ul>
1220 | </li>
1221 | <li>
1222 |   <a class="reference reference-toplevel" href="#12" id="62">Procs</a>
1223 |   <ul class="simple simple-toc-section">
1224 |       <li><a class="reference" href="#saveToPng,Surface,string"
1225 |     title="saveToPng(sur: var Surface; filename: string)"><wbr />save<wbr />To<wbr />Png<span class="attachedType" style="visibility:hidden"></span></a></li>
1226 |   <li><a class="reference" href="#png,Surface"
1227 |     title="png(sur: var Surface): PNG[string]"><wbr />png<span class="attachedType" style="visibility:hidden"></span></a></li>
1228 | 
1229 |   </ul>
1230 | </li>
1231 | 
1232 | </ul>
1233 | 
1234 |   </div>
1235 |   <div class="nine columns" id="content">
1236 |   <div id="tocRoot"></div>
1237 |   <p class="module-desc"></p>
1238 |   <div class="section" id="6">
1239 | <h1><a class="toc-backref" href="#6">Imports</a></h1>
1240 | <dl class="item">
1241 | <a class="reference external" href="surface.html">surface</a>, <a class="reference external" href="color.html">color</a>
1242 | </dl></div>
1243 | <div class="section" id="12">
1244 | <h1><a class="toc-backref" href="#12">Procs</a></h1>
1245 | <dl class="item">
1246 | <dt id="saveToPng"><a name="saveToPng,Surface,string"></a><pre><span class="Keyword">proc</span> <a href="#saveToPng%2CSurface%2Cstring"><span class="Identifier">saveToPng</span></a><span class="Other">(</span><span class="Identifier">sur</span><span class="Other">:</span> <span class="Keyword">var</span> <a href="surface.html#Surface"><span class="Identifier">Surface</span></a><span class="Other">;</span> <span class="Identifier">filename</span><span class="Other">:</span> <span class="Identifier">string</span><span class="Other">)</span> <span><span class="Other">{</span><span class="Other pragmadots">...</span><span class="Other">}</span></span><span class="pragmawrap"><span class="Other">{.</span><span class="pragma"><span class="Identifier">raises</span><span class="Other">:</span> <span class="Other">[</span><span class="Identifier">Exception</span><span class="Other">,</span> <span class="Identifier">OSError</span><span class="Other">]</span><span class="Other">,</span>
1247 |     <span class="Identifier">tags</span><span class="Other">:</span> <span class="Other">[</span><span class="Identifier">WriteIOEffect</span><span class="Other">]</span></span><span class="Other">.}</span></span></pre></dt>
1248 | <dd>
1249 | Convience function. Saves <tt class="docutils literal"><span class="pre">img</span></tt> into <tt class="docutils literal"><span class="pre">filename</span></tt>
1250 | 
1251 | </dd>
1252 | <dt id="png"><a name="png,Surface"></a><pre><span class="Keyword">proc</span> <a href="#png%2CSurface"><span class="Identifier">png</span></a><span class="Other">(</span><span class="Identifier">sur</span><span class="Other">:</span> <span class="Keyword">var</span> <a href="surface.html#Surface"><span class="Identifier">Surface</span></a><span class="Other">)</span><span class="Other">:</span> <span class="Identifier">PNG</span><span class="Other">[</span><span class="Identifier">string</span><span class="Other">]</span> <span><span class="Other">{</span><span class="Other pragmadots">...</span><span class="Other">}</span></span><span class="pragmawrap"><span class="Other">{.</span><span class="pragma"><span class="Identifier">raises</span><span class="Other">:</span> <span class="Other">[</span><span class="Identifier">PNGError</span><span class="Other">,</span> <span class="Identifier">NZError</span><span class="Other">]</span><span class="Other">,</span> <span class="Identifier">tags</span><span class="Other">:</span> <span class="Other">[</span><span class="Other">]</span></span><span class="Other">.}</span></span></pre></dt>
1253 | <dd>
1254 | 
1255 | 
1256 | </dd>
1257 | 
1258 | </dl></div>
1259 | 
1260 |   </div>
1261 | </div>
1262 | 
1263 |     <div class="row">
1264 |       <div class="twelve-columns footer">
1265 |         <span class="nim-sprite"></span>
1266 |         <br/>
1267 |         <small>Made with Nim. Generated: 2020-08-28 10:44:11 UTC</small>
1268 |       </div>
1269 |     </div>
1270 |   </div>
1271 | </div>
1272 | 
1273 | </body>
1274 | </html>
1275 | 


--------------------------------------------------------------------------------
/docs/src/graph/backendpng.idx:
--------------------------------------------------------------------------------
1 | saveToPng	src/graph/backendpng.html#saveToPng,Surface,string	backendpng: saveToPng(sur: var Surface; filename: string)	
2 | png	src/graph/backendpng.html#png,Surface	backendpng: png(sur: var Surface): PNG[string]	
3 | 


--------------------------------------------------------------------------------
/docs/src/graph/backendsvg.html:
--------------------------------------------------------------------------------
   1 | <?xml version="1.0" encoding="utf-8" ?>
   2 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   3 |   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   4 | <!--  This file is generated by Nim. -->
   5 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   6 | <head>
   7 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   8 | 
   9 | <!-- Favicon -->
  10 | <link rel="shortcut icon" href="data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AAAAAAUAAAAF////AP///wD///8A////AP///wD///8A////AP///wD///8A////AAAAAAIAAABbAAAAlQAAAKIAAACbAAAAmwAAAKIAAACVAAAAWwAAAAL///8A////AP///wD///8A////AAAAABQAAADAAAAAYwAAAA3///8A////AP///wD///8AAAAADQAAAGMAAADAAAAAFP///wD///8A////AP///wAAAACdAAAAOv///wD///8A////AP///wD///8A////AP///wD///8AAAAAOgAAAJ3///8A////AP///wAAAAAnAAAAcP///wAAAAAoAAAASv///wD///8A////AP///wAAAABKAAAAKP///wAAAABwAAAAJ////wD///8AAAAAgQAAABwAAACIAAAAkAAAAJMAAACtAAAAFQAAABUAAACtAAAAkwAAAJAAAACIAAAAHAAAAIH///8A////AAAAAKQAAACrAAAAaP///wD///8AAAAARQAAANIAAADSAAAARf///wD///8AAAAAaAAAAKsAAACk////AAAAADMAAACcAAAAnQAAABj///8A////AP///wAAAAAYAAAAGP///wD///8A////AAAAABgAAACdAAAAnAAAADMAAAB1AAAAwwAAAP8AAADpAAAAsQAAAE4AAAAb////AP///wAAAAAbAAAATgAAALEAAADpAAAA/wAAAMMAAAB1AAAAtwAAAOkAAAD/AAAA/wAAAP8AAADvAAAA3gAAAN4AAADeAAAA3gAAAO8AAAD/AAAA/wAAAP8AAADpAAAAtwAAAGUAAAA/AAAA3wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAADfAAAAPwAAAGX///8A////AAAAAEgAAADtAAAAvwAAAL0AAADGAAAA7wAAAO8AAADGAAAAvQAAAL8AAADtAAAASP///wD///8A////AP///wD///8AAAAAO////wD///8A////AAAAAIcAAACH////AP///wD///8AAAAAO////wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A//8AAP//AAD4HwAA7/cAAN/7AAD//wAAoYUAAJ55AACf+QAAh+EAAAAAAADAAwAA4AcAAP5/AAD//wAA//8AAA=="/>
  11 | 
  12 | <!-- Google fonts -->
  13 | <link href='http://fonts.googleapis.com/css?family=Raleway:400,600,900' rel='stylesheet' type='text/css'/>
  14 | <link href='http://fonts.googleapis.com/css?family=Source+Code+Pro:400,500,600' rel='stylesheet' type='text/css'/>
  15 | 
  16 | <!-- CSS -->
  17 | <title>src/graph/backendsvg</title>
  18 | <style type="text/css" >
  19 | /*
  20 | Stylesheet for use with Docutils/rst2html.
  21 | 
  22 | See http://docutils.sf.net/docs/howto/html-stylesheets.html for how to
  23 | customize this style sheet.
  24 | 
  25 | Modified from Chad Skeeters' rst2html-style
  26 | https://bitbucket.org/cskeeters/rst2html-style/
  27 | 
  28 | Modified by Boyd Greenfield
  29 | */
  30 | /* SCSS variables */
  31 | /* Text weights */
  32 | /* Body colors */
  33 | /* Text colors */
  34 | /* Link colors */
  35 | /* Syntax highlighting colors */
  36 | /* Pct changes */
  37 | /* Mixins */
  38 | /* Body/layout */
  39 | html {
  40 |   font-size: 100%;
  41 |   -webkit-text-size-adjust: 100%;
  42 |   -ms-text-size-adjust: 100%; }
  43 | 
  44 | /* Where we want fancier font if available */
  45 | h1, h2, h3, h4, h5, h6, p.module-desc, table.docinfo + blockquote p, table.docinfo blockquote p, h1 + blockquote p {
  46 |   font-family: "Raleway", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif !important; }
  47 | 
  48 | h1.title {
  49 |   font-weight: 900; }
  50 | 
  51 | body {
  52 |   font-family: "Helvetica Neue", "HelveticaNeue", "Raleway", Helvetica, Arial, sans-serif;
  53 |   font-weight: 400;
  54 |   font-size: 14px;
  55 |   line-height: 20px;
  56 |   color: #666;
  57 |   background-color: rgba(252, 248, 244, 0.75); }
  58 | 
  59 | /* Skeleton grid */
  60 | .container {
  61 |   position: relative;
  62 |   width: 100%;
  63 |   max-width: 960px;
  64 |   margin: 0 auto;
  65 |   padding: 0 20px;
  66 |   box-sizing: border-box; }
  67 | 
  68 | .column,
  69 | .columns {
  70 |   width: 100%;
  71 |   float: left;
  72 |   box-sizing: border-box; }
  73 | 
  74 | /* For devices larger than 400px */
  75 | @media (min-width: 400px) {
  76 |   .container {
  77 |     width: 100%;
  78 |     padding: 0; } }
  79 | /* For devices larger than 650px */
  80 | @media (min-width: 650px) {
  81 |   .container {
  82 |     width: 100%; }
  83 | 
  84 |   .column,
  85 |   .columns {
  86 |     margin-left: 4%; }
  87 | 
  88 |   .column:first-child,
  89 |   .columns:first-child {
  90 |     margin-left: 0; }
  91 | 
  92 |   .one.column,
  93 |   .one.columns {
  94 |     width: 4.66666666667%; }
  95 | 
  96 |   .two.columns {
  97 |     width: 13.3333333333%; }
  98 | 
  99 |   .three.columns {
 100 |     width: 22%; }
 101 | 
 102 |   .four.columns {
 103 |     width: 30.6666666667%; }
 104 | 
 105 |   .five.columns {
 106 |     width: 39.3333333333%; }
 107 | 
 108 |   .six.columns {
 109 |     width: 48%; }
 110 | 
 111 |   .seven.columns {
 112 |     width: 56.6666666667%; }
 113 | 
 114 |   .eight.columns {
 115 |     width: 65.3333333333%; }
 116 | 
 117 |   .nine.columns {
 118 |     width: 74.0%; }
 119 | 
 120 |   .ten.columns {
 121 |     width: 82.6666666667%; }
 122 | 
 123 |   .eleven.columns {
 124 |     width: 91.3333333333%; }
 125 | 
 126 |   .twelve.columns {
 127 |     width: 100%;
 128 |     margin-left: 0; }
 129 | 
 130 |   .one-third.column {
 131 |     width: 30.6666666667%; }
 132 | 
 133 |   .two-thirds.column {
 134 |     width: 65.3333333333%; } }
 135 | /* Customer Overrides */
 136 | .footer {
 137 |   text-align: center;
 138 |   color: #969696;
 139 |   padding-top: 10%; }
 140 | 
 141 | p.module-desc {
 142 |   font-size: 1.1em;
 143 |   color: #666666; }
 144 | 
 145 | a.link-seesrc {
 146 |   color: #aec7d2;
 147 |   font-style: italic; }
 148 | 
 149 | a.link-seesrc:hover {
 150 |   color: #6c9aae; }
 151 | 
 152 | #toc-list {
 153 |   word-wrap: break-word; }
 154 | 
 155 | ul.simple-toc {
 156 |   list-style: none; }
 157 | 
 158 | ul.simple-toc a.reference-toplevel {
 159 |   font-weight: bold;
 160 |   color: #0077b3; }
 161 | 
 162 | ul.simple-toc-section {
 163 |   list-style-type: circle;
 164 |   color: #6c9aae; }
 165 | 
 166 | ul.simple-toc-section a.reference {
 167 |   color: #0077b3; }
 168 | 
 169 | cite {
 170 |   font-style: italic !important; }
 171 | 
 172 | dt > pre {
 173 |   border-color: rgba(0, 0, 0, 0.15);
 174 |   background-color: transparent;
 175 |   margin: 15px 0px 5px; }
 176 | 
 177 | dd > pre {
 178 |   border-color: rgba(0, 0, 0, 0.1);
 179 |   background-color: whitesmoke;
 180 |   margin-top: 8px; }
 181 | 
 182 | .item > dd {
 183 |   margin-left: 10px;
 184 |   margin-bottom: 30px; }
 185 | 
 186 | /* Nim line-numbered tables */
 187 | .line-nums-table {
 188 |   width: 100%;
 189 |   table-layout: fixed; }
 190 | 
 191 | table.line-nums-table {
 192 |   border-radius: 4px;
 193 |   border: 1px solid #cccccc;
 194 |   background-color: whitesmoke;
 195 |   border-collapse: separate;
 196 |   margin-top: 15px;
 197 |   margin-bottom: 25px; }
 198 | 
 199 | .line-nums-table tbody {
 200 |   border: none; }
 201 | 
 202 | .line-nums-table td pre {
 203 |   border: none;
 204 |   background-color: transparent; }
 205 | 
 206 | .line-nums-table td.blob-line-nums {
 207 |   width: 28px; }
 208 | 
 209 | .line-nums-table td.blob-line-nums pre {
 210 |   color: #b0b0b0;
 211 |   -webkit-filter: opacity(75%);
 212 |   text-align: right;
 213 |   border-color: transparent;
 214 |   background-color: transparent;
 215 |   padding-left: 0px;
 216 |   margin-left: 0px;
 217 |   padding-right: 0px;
 218 |   margin-right: 0px; }
 219 | 
 220 | /* Docgen styles */
 221 | /* Links */
 222 | a {
 223 |   color: #0077b3;
 224 |   text-decoration: none; }
 225 | 
 226 | a:hover,
 227 | a:focus {
 228 |   color: #00334d;
 229 |   text-decoration: underline; }
 230 | 
 231 | a:visited {
 232 |   color: #00334d; }
 233 | 
 234 | a:focus {
 235 |   outline: thin dotted #2d2d2d;
 236 |   outline: 5px auto -webkit-focus-ring-color;
 237 |   outline-offset: -2px; }
 238 | 
 239 | a:hover,
 240 | a:active {
 241 |   outline: 0; }
 242 | 
 243 | sub,
 244 | sup {
 245 |   position: relative;
 246 |   font-size: 75%;
 247 |   line-height: 0;
 248 |   vertical-align: baseline; }
 249 | 
 250 | sup {
 251 |   top: -0.5em; }
 252 | 
 253 | sub {
 254 |   bottom: -0.25em; }
 255 | 
 256 | img {
 257 |   width: auto;
 258 |   height: auto;
 259 |   max-width: 100%;
 260 |   vertical-align: middle;
 261 |   border: 0;
 262 |   -ms-interpolation-mode: bicubic; }
 263 | 
 264 | @media print {
 265 |   * {
 266 |     color: black !important;
 267 |     text-shadow: none !important;
 268 |     background: transparent !important;
 269 |     box-shadow: none !important; }
 270 | 
 271 |   a,
 272 |   a:visited {
 273 |     text-decoration: underline; }
 274 | 
 275 |   a[href]:after {
 276 |     content: " (" attr(href) ")"; }
 277 | 
 278 |   abbr[title]:after {
 279 |     content: " (" attr(title) ")"; }
 280 | 
 281 |   .ir a:after,
 282 |   a[href^="javascript:"]:after,
 283 |   a[href^="#"]:after {
 284 |     content: ""; }
 285 | 
 286 |   pre,
 287 |   blockquote {
 288 |     border: 1px solid #999;
 289 |     page-break-inside: avoid; }
 290 | 
 291 |   thead {
 292 |     display: table-header-group; }
 293 | 
 294 |   tr,
 295 |   img {
 296 |     page-break-inside: avoid; }
 297 | 
 298 |   img {
 299 |     max-width: 100% !important; }
 300 | 
 301 |   @page {
 302 |     margin: 0.5cm; }
 303 | 
 304 |   h1 {
 305 |     page-break-before: always; }
 306 | 
 307 |   h1.title {
 308 |     page-break-before: avoid; }
 309 | 
 310 |   p,
 311 |   h2,
 312 |   h3 {
 313 |     orphans: 3;
 314 |     widows: 3; }
 315 | 
 316 |   h2,
 317 |   h3 {
 318 |     page-break-after: avoid; } }
 319 | .img-rounded {
 320 |   -webkit-border-radius: 6px;
 321 |   -moz-border-radius: 6px;
 322 |   border-radius: 6px; }
 323 | 
 324 | .img-polaroid {
 325 |   padding: 4px;
 326 |   background-color: rgba(252, 248, 244, 0.75);
 327 |   border: 1px solid #ccc;
 328 |   border: 1px solid rgba(0, 0, 0, 0.2);
 329 |   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 330 |   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 331 |   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
 332 | 
 333 | p {
 334 |   margin: 0 0 12px; }
 335 | 
 336 | small {
 337 |   font-size: 85%; }
 338 | 
 339 | strong {
 340 |   font-weight: 600; }
 341 | 
 342 | em {
 343 |   font-style: italic; }
 344 | 
 345 | cite {
 346 |   font-style: normal; }
 347 | 
 348 | h1,
 349 | h2,
 350 | h3,
 351 | h4,
 352 | h5,
 353 | h6 {
 354 |   font-family: "Helvetica Neue", "HelveticaNeue", "Raleway", Helvetica, Arial, sans-serif;
 355 |   font-weight: 600;
 356 |   line-height: 20px;
 357 |   color: inherit;
 358 |   text-rendering: optimizelegibility; }
 359 | 
 360 | h1 {
 361 |   font-size: 2em;
 362 |   padding-bottom: .15em;
 363 |   border-bottom: 1px solid #aaaaaa;
 364 |   margin-top: 1.0em;
 365 |   line-height: 1.2em; }
 366 | 
 367 | h1.title {
 368 |   padding-bottom: 1em;
 369 |   border-bottom: 0px;
 370 |   font-size: 2.75em; }
 371 | 
 372 | h2 {
 373 |   font-size: 1.5em;
 374 |   margin-top: 1.5em; }
 375 | 
 376 | h3 {
 377 |   font-size: 1.3em;
 378 |   font-style: italic;
 379 |   margin-top: 0.75em; }
 380 | 
 381 | h4 {
 382 |   font-size: 1.3em;
 383 |   margin-top: 0.5em; }
 384 | 
 385 | h5 {
 386 |   font-size: 1.2em;
 387 |   margin-top: 0.25em; }
 388 | 
 389 | h6 {
 390 |   font-size: 1.1em; }
 391 | 
 392 | ul,
 393 | ol {
 394 |   padding: 0;
 395 |   margin: 0 0 0px 15px; }
 396 | 
 397 | ul ul,
 398 | ul ol,
 399 | ol ol,
 400 | ol ul {
 401 |   margin-bottom: 0; }
 402 | 
 403 | li {
 404 |   line-height: 20px; }
 405 | 
 406 | dl {
 407 |   margin-bottom: 20px; }
 408 | 
 409 | dt,
 410 | dd {
 411 |   line-height: 20px; }
 412 | 
 413 | dt {
 414 |   font-weight: bold; }
 415 | 
 416 | dd {
 417 |   margin-left: 10px;
 418 |   margin-bottom: 26px; }
 419 | 
 420 | hr {
 421 |   margin: 20px 0;
 422 |   border: 0;
 423 |   border-top: 1px solid #eeeeee;
 424 |   border-bottom: 1px solid #ffffff; }
 425 | 
 426 | abbr[title],
 427 | abbr[data-original-title] {
 428 |   cursor: help;
 429 |   border-bottom: 1px dotted #999999; }
 430 | 
 431 | abbr.initialism {
 432 |   font-size: 90%;
 433 |   text-transform: uppercase; }
 434 | 
 435 | blockquote {
 436 |   padding: 0 0 0 15px;
 437 |   margin: 0 0 20px;
 438 |   border-left: 5px solid #EFEBE0; }
 439 | 
 440 | table.docinfo + blockquote, table.docinfo blockquote, h1 + blockquote {
 441 |   border-left: 5px solid #c9c9c9;
 442 | }
 443 | 
 444 | table.docinfo + blockquote p, table.docinfo blockquote p, h1 + blockquote p {
 445 |   margin-bottom: 0;
 446 |   font-size: 15px;
 447 |   font-weight: 200;
 448 |   line-height: 1.5;
 449 |   font-style: italic; }
 450 | 
 451 | q:before,
 452 | q:after,
 453 | blockquote:before,
 454 | blockquote:after {
 455 |   content: ""; }
 456 | 
 457 | address {
 458 |   display: block;
 459 |   margin-bottom: 20px;
 460 |   font-style: normal;
 461 |   line-height: 20px; }
 462 | 
 463 | code,
 464 | pre {
 465 |   font-family: "Source Code Pro", Monaco, Menlo, Consolas, "Courier New", monospace;
 466 |   padding: 0 3px 2px;
 467 |   font-weight: 500;
 468 |   font-size: 12px;
 469 |   color: #444444;
 470 |   -webkit-border-radius: 3px;
 471 |   -moz-border-radius: 3px;
 472 |   border-radius: 3px; }
 473 | 
 474 | .pre {
 475 |   font-family: "Source Code Pro", Monaco, Menlo, Consolas, "Courier New", monospace;
 476 |   font-weight: 600;
 477 |   /*color: #504da6;*/
 478 | }
 479 | 
 480 | code {
 481 |   padding: 2px 4px;
 482 |   color: #444444;
 483 |   white-space: nowrap;
 484 |   background-color: white;
 485 |   border: 1px solid #777777; }
 486 | 
 487 | pre {
 488 |   display: inline-block;
 489 |   box-sizing: border-box;
 490 |   min-width: calc(100% - 19.5px);
 491 |   padding: 9.5px;
 492 |   margin: 0.25em 10px 0.25em 10px;
 493 |   font-size: 14px;
 494 |   line-height: 20px;
 495 |   white-space: pre !important;
 496 |   overflow-y: hidden;
 497 |   overflow-x: visible;
 498 |   background-color: whitesmoke;
 499 |   border: 1px solid #cccccc;
 500 |   -webkit-border-radius: 4px;
 501 |   -moz-border-radius: 4px;
 502 |   border-radius: 4px; }
 503 | 
 504 | pre.prettyprint {
 505 |   margin-bottom: 20px; }
 506 | 
 507 | pre code {
 508 |   padding: 0;
 509 |   color: inherit;
 510 |   white-space: pre;
 511 |   overflow-x: visible;
 512 |   background-color: transparent;
 513 |   border: 0; }
 514 | 
 515 | .pre-scrollable {
 516 |   max-height: 340px;
 517 |   overflow-y: scroll; }
 518 | 
 519 | table {
 520 |   max-width: 100%;
 521 |   background-color: transparent;
 522 |   border-collapse: collapse;
 523 |   border-spacing: 0; }
 524 | 
 525 | table th, table td {
 526 |   padding: 0px 8px 0px;
 527 | }
 528 | 
 529 | .table {
 530 |   width: 100%;
 531 |   margin-bottom: 20px; }
 532 | 
 533 | .table th,
 534 | .table td {
 535 |   padding: 8px;
 536 |   line-height: 20px;
 537 |   text-align: left;
 538 |   vertical-align: top;
 539 |   border-top: 1px solid #444444; }
 540 | 
 541 | .table th {
 542 |   font-weight: bold; }
 543 | 
 544 | .table thead th {
 545 |   vertical-align: bottom; }
 546 | 
 547 | .table caption + thead tr:first-child th,
 548 | .table caption + thead tr:first-child td,
 549 | .table colgroup + thead tr:first-child th,
 550 | .table colgroup + thead tr:first-child td,
 551 | .table thead:first-child tr:first-child th,
 552 | .table thead:first-child tr:first-child td {
 553 |   border-top: 0; }
 554 | 
 555 | .table tbody + tbody {
 556 |   border-top: 2px solid #444444; }
 557 | 
 558 | .table .table {
 559 |   background-color: rgba(252, 248, 244, 0.75); }
 560 | 
 561 | .table-condensed th,
 562 | .table-condensed td {
 563 |   padding: 4px 5px; }
 564 | 
 565 | .table-bordered {
 566 |   border: 1px solid #444444;
 567 |   border-collapse: separate;
 568 |   *border-collapse: collapse;
 569 |   border-left: 0;
 570 |   -webkit-border-radius: 4px;
 571 |   -moz-border-radius: 4px;
 572 |   border-radius: 4px; }
 573 | 
 574 | .table-bordered th,
 575 | .table-bordered td {
 576 |   border-left: 1px solid #444444; }
 577 | 
 578 | .table-bordered caption + thead tr:first-child th,
 579 | .table-bordered caption + tbody tr:first-child th,
 580 | .table-bordered caption + tbody tr:first-child td,
 581 | .table-bordered colgroup + thead tr:first-child th,
 582 | .table-bordered colgroup + tbody tr:first-child th,
 583 | .table-bordered colgroup + tbody tr:first-child td,
 584 | .table-bordered thead:first-child tr:first-child th,
 585 | .table-bordered tbody:first-child tr:first-child th,
 586 | .table-bordered tbody:first-child tr:first-child td {
 587 |   border-top: 0; }
 588 | 
 589 | .table-bordered thead:first-child tr:first-child > th:first-child,
 590 | .table-bordered tbody:first-child tr:first-child > td:first-child,
 591 | .table-bordered tbody:first-child tr:first-child > th:first-child {
 592 |   -webkit-border-top-left-radius: 4px;
 593 |   border-top-left-radius: 4px;
 594 |   -moz-border-radius-topleft: 4px; }
 595 | 
 596 | .table-bordered thead:first-child tr:first-child > th:last-child,
 597 | .table-bordered tbody:first-child tr:first-child > td:last-child,
 598 | .table-bordered tbody:first-child tr:first-child > th:last-child {
 599 |   -webkit-border-top-right-radius: 4px;
 600 |   border-top-right-radius: 4px;
 601 |   -moz-border-radius-topright: 4px; }
 602 | 
 603 | .table-bordered thead:last-child tr:last-child > th:first-child,
 604 | .table-bordered tbody:last-child tr:last-child > td:first-child,
 605 | .table-bordered tbody:last-child tr:last-child > th:first-child,
 606 | .table-bordered tfoot:last-child tr:last-child > td:first-child,
 607 | .table-bordered tfoot:last-child tr:last-child > th:first-child {
 608 |   -webkit-border-bottom-left-radius: 4px;
 609 |   border-bottom-left-radius: 4px;
 610 |   -moz-border-radius-bottomleft: 4px; }
 611 | 
 612 | .table-bordered thead:last-child tr:last-child > th:last-child,
 613 | .table-bordered tbody:last-child tr:last-child > td:last-child,
 614 | .table-bordered tbody:last-child tr:last-child > th:last-child,
 615 | .table-bordered tfoot:last-child tr:last-child > td:last-child,
 616 | .table-bordered tfoot:last-child tr:last-child > th:last-child {
 617 |   -webkit-border-bottom-right-radius: 4px;
 618 |   border-bottom-right-radius: 4px;
 619 |   -moz-border-radius-bottomright: 4px; }
 620 | 
 621 | .table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
 622 |   -webkit-border-bottom-left-radius: 0;
 623 |   border-bottom-left-radius: 0;
 624 |   -moz-border-radius-bottomleft: 0; }
 625 | 
 626 | .table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
 627 |   -webkit-border-bottom-right-radius: 0;
 628 |   border-bottom-right-radius: 0;
 629 |   -moz-border-radius-bottomright: 0; }
 630 | 
 631 | .table-bordered caption + thead tr:first-child th:first-child,
 632 | .table-bordered caption + tbody tr:first-child td:first-child,
 633 | .table-bordered colgroup + thead tr:first-child th:first-child,
 634 | .table-bordered colgroup + tbody tr:first-child td:first-child {
 635 |   -webkit-border-top-left-radius: 4px;
 636 |   border-top-left-radius: 4px;
 637 |   -moz-border-radius-topleft: 4px; }
 638 | 
 639 | .table-bordered caption + thead tr:first-child th:last-child,
 640 | .table-bordered caption + tbody tr:first-child td:last-child,
 641 | .table-bordered colgroup + thead tr:first-child th:last-child,
 642 | .table-bordered colgroup + tbody tr:first-child td:last-child {
 643 |   -webkit-border-top-right-radius: 4px;
 644 |   border-top-right-radius: 4px;
 645 |   -moz-border-radius-topright: 4px; }
 646 | 
 647 | table.docutils th {
 648 |   background-color: #e8e8e8; }
 649 | 
 650 | table.docutils tr:hover {
 651 |   background-color: whitesmoke; }
 652 | 
 653 | .table-striped tbody > tr:nth-child(odd) > td,
 654 | .table-striped tbody > tr:nth-child(odd) > th {
 655 |   background-color: rgba(252, 248, 244, 0.75); }
 656 | 
 657 | .table-hover tbody tr:hover > td,
 658 | .table-hover tbody tr:hover > th {
 659 |   background-color: rgba(241, 222, 204, 0.75); }
 660 | 
 661 | table td[class*="span"],
 662 | table th[class*="span"],
 663 | .row-fluid table td[class*="span"],
 664 | .row-fluid table th[class*="span"] {
 665 |   display: table-cell;
 666 |   float: none;
 667 |   margin-left: 0; }
 668 | 
 669 | .hero-unit {
 670 |   padding: 60px;
 671 |   margin-bottom: 30px;
 672 |   font-size: 18px;
 673 |   font-weight: 200;
 674 |   line-height: 30px;
 675 |   color: inherit;
 676 |   background-color: rgba(230, 197, 164, 0.75);
 677 |   -webkit-border-radius: 6px;
 678 |   -moz-border-radius: 6px;
 679 |   border-radius: 6px; }
 680 | 
 681 | .hero-unit h1 {
 682 |   margin-bottom: 0;
 683 |   font-size: 60px;
 684 |   line-height: 1;
 685 |   letter-spacing: -1px;
 686 |   color: inherit; }
 687 | 
 688 | .hero-unit li {
 689 |   line-height: 30px; }
 690 | 
 691 | /* rst2html default used to remove borders from tables and images */
 692 | .borderless, table.borderless td, table.borderless th {
 693 |   border: 0; }
 694 | 
 695 | table.borderless td, table.borderless th {
 696 |   /* Override padding for "table.docutils td" with "! important".
 697 |      The right padding separates the table cells. */
 698 |   padding: 0 0.5em 0 0 !important; }
 699 | 
 700 | .first {
 701 |   /* Override more specific margin styles with "! important". */
 702 |   margin-top: 0 !important; }
 703 | 
 704 | .last, .with-subtitle {
 705 |   margin-bottom: 0 !important; }
 706 | 
 707 | .hidden {
 708 |   display: none; }
 709 | 
 710 | a.toc-backref {
 711 |   text-decoration: none;
 712 |   color: #444444; }
 713 | 
 714 | blockquote.epigraph {
 715 |   margin: 2em 5em; }
 716 | 
 717 | dl.docutils dd {
 718 |   margin-bottom: 0.5em; }
 719 | 
 720 | object[type="image/svg+xml"], object[type="application/x-shockwave-flash"] {
 721 |   overflow: hidden; }
 722 | 
 723 | /* Uncomment (and remove this text!) to get bold-faced definition list terms
 724 | dl.docutils dt {
 725 |   font-weight: bold }
 726 | */
 727 | div.abstract {
 728 |   margin: 2em 5em; }
 729 | 
 730 | div.abstract p.topic-title {
 731 |   font-weight: bold;
 732 |   text-align: center; }
 733 | 
 734 | div.admonition, div.attention, div.caution, div.danger, div.error,
 735 | div.hint, div.important, div.note, div.tip, div.warning {
 736 |   margin: 2em;
 737 |   border: medium outset;
 738 |   padding: 1em; }
 739 | 
 740 | div.note, div.warning {
 741 |   margin: 1.5em 0px;
 742 |   border: none; }
 743 | 
 744 | div.note p.admonition-title,
 745 | div.warning p.admonition-title {
 746 |   display: none; }
 747 | 
 748 | /* Clearfix
 749 |  * http://css-tricks.com/snippets/css/clear-fix/
 750 |  */
 751 | div.note:after,
 752 | div.warning:after {
 753 |   content: "";
 754 |   display: table;
 755 |   clear: both; }
 756 | 
 757 | div.note p:before,
 758 | div.warning p:before {
 759 |   display: block;
 760 |   float: left;
 761 |   font-size: 4em;
 762 |   line-height: 1em;
 763 |   margin-right: 20px;
 764 |   margin-left: 0em;
 765 |   margin-top: -10px;
 766 |   content: '\0270D';
 767 |   /*handwriting*/ }
 768 | 
 769 | div.warning p:before {
 770 |   content: '\026A0';
 771 |   /*warning*/ }
 772 | 
 773 | div.admonition p.admonition-title, div.hint p.admonition-title,
 774 | div.important p.admonition-title, div.note p.admonition-title,
 775 | div.tip p.admonition-title {
 776 |   font-weight: bold;
 777 |   font-family: "Helvetica Neue", "HelveticaNeue", "Raleway", Helvetica, Arial, sans-serif; }
 778 | 
 779 | div.attention p.admonition-title, div.caution p.admonition-title,
 780 | div.danger p.admonition-title, div.error p.admonition-title,
 781 | div.warning p.admonition-title, .code .error {
 782 |   color: #b30000;
 783 |   font-weight: bold;
 784 |   font-family: "Helvetica Neue", "HelveticaNeue", "Raleway", Helvetica, Arial, sans-serif; }
 785 | 
 786 | /* Uncomment (and remove this text!) to get reduced vertical space in
 787 |    compound paragraphs.
 788 | div.compound .compound-first, div.compound .compound-middle {
 789 |   margin-bottom: 0.5em }
 790 | 
 791 | div.compound .compound-last, div.compound .compound-middle {
 792 |   margin-top: 0.5em }
 793 | */
 794 | div.dedication {
 795 |   margin: 2em 5em;
 796 |   text-align: center;
 797 |   font-style: italic; }
 798 | 
 799 | div.dedication p.topic-title {
 800 |   font-weight: bold;
 801 |   font-style: normal; }
 802 | 
 803 | div.figure {
 804 |   margin-left: 2em;
 805 |   margin-right: 2em; }
 806 | 
 807 | div.footer, div.header {
 808 |   clear: both;
 809 |   font-size: smaller; }
 810 | 
 811 | div.line-block {
 812 |   display: block;
 813 |   margin-top: 1em;
 814 |   margin-bottom: 1em; }
 815 | 
 816 | div.line-block div.line-block {
 817 |   margin-top: 0;
 818 |   margin-bottom: 0;
 819 |   margin-left: 1.5em; }
 820 | 
 821 | div.sidebar {
 822 |   margin: 0 0 0.5em 1em;
 823 |   border: medium outset;
 824 |   padding: 1em;
 825 |   background-color: rgba(252, 248, 244, 0.75);
 826 |   width: 40%;
 827 |   float: right;
 828 |   clear: right; }
 829 | 
 830 | div.sidebar p.rubric {
 831 |   font-family: "Helvetica Neue", "HelveticaNeue", "Raleway", Helvetica, Arial, sans-serif;
 832 |   font-size: medium; }
 833 | 
 834 | div.system-messages {
 835 |   margin: 5em; }
 836 | 
 837 | div.system-messages h1 {
 838 |   color: #b30000; }
 839 | 
 840 | div.system-message {
 841 |   border: medium outset;
 842 |   padding: 1em; }
 843 | 
 844 | div.system-message p.system-message-title {
 845 |   color: #b30000;
 846 |   font-weight: bold; }
 847 | 
 848 | div.topic {
 849 |   margin: 2em; }
 850 | 
 851 | h1.section-subtitle, h2.section-subtitle, h3.section-subtitle,
 852 | h4.section-subtitle, h5.section-subtitle, h6.section-subtitle {
 853 |   margin-top: 0.4em; }
 854 | 
 855 | h1.title {
 856 |   text-align: center; }
 857 | 
 858 | h2.subtitle {
 859 |   text-align: center; }
 860 | 
 861 | hr.docutils {
 862 |   width: 75%; }
 863 | 
 864 | img.align-left, .figure.align-left, object.align-left {
 865 |   clear: left;
 866 |   float: left;
 867 |   margin-right: 1em; }
 868 | 
 869 | img.align-right, .figure.align-right, object.align-right {
 870 |   clear: right;
 871 |   float: right;
 872 |   margin-left: 1em; }
 873 | 
 874 | img.align-center, .figure.align-center, object.align-center {
 875 |   display: block;
 876 |   margin-left: auto;
 877 |   margin-right: auto; }
 878 | 
 879 | .align-left {
 880 |   text-align: left; }
 881 | 
 882 | .align-center {
 883 |   clear: both;
 884 |   text-align: center; }
 885 | 
 886 | .align-right {
 887 |   text-align: right; }
 888 | 
 889 | /* reset inner alignment in figures */
 890 | div.align-right {
 891 |   text-align: inherit; }
 892 | 
 893 | /* div.align-center * { */
 894 | /*   text-align: left } */
 895 | 
 896 | ul.simple > li {
 897 |   margin-bottom: 0.5em }
 898 | 
 899 | ol.simple, ul.simple {
 900 |   margin-bottom: 1em; }
 901 | 
 902 | ol.arabic {
 903 |   list-style: decimal; }
 904 | 
 905 | ol.loweralpha {
 906 |   list-style: lower-alpha; }
 907 | 
 908 | ol.upperalpha {
 909 |   list-style: upper-alpha; }
 910 | 
 911 | ol.lowerroman {
 912 |   list-style: lower-roman; }
 913 | 
 914 | ol.upperroman {
 915 |   list-style: upper-roman; }
 916 | 
 917 | p.attribution {
 918 |   text-align: right;
 919 |   margin-left: 50%; }
 920 | 
 921 | p.caption {
 922 |   font-style: italic; }
 923 | 
 924 | p.credits {
 925 |   font-style: italic;
 926 |   font-size: smaller; }
 927 | 
 928 | p.label {
 929 |   white-space: nowrap; }
 930 | 
 931 | p.rubric {
 932 |   font-weight: bold;
 933 |   font-size: larger;
 934 |   color: maroon;
 935 |   text-align: center; }
 936 | 
 937 | p.sidebar-title {
 938 |   font-family: "Helvetica Neue", "HelveticaNeue", "Raleway", Helvetica, Arial, sans-serif;
 939 |   font-weight: bold;
 940 |   font-size: larger; }
 941 | 
 942 | p.sidebar-subtitle {
 943 |   font-family: "Helvetica Neue", "HelveticaNeue", "Raleway", Helvetica, Arial, sans-serif;
 944 |   font-weight: bold; }
 945 | 
 946 | p.topic-title {
 947 |   font-weight: bold; }
 948 | 
 949 | pre.address {
 950 |   margin-bottom: 0;
 951 |   margin-top: 0;
 952 |   font: inherit; }
 953 | 
 954 | pre.literal-block, pre.doctest-block, pre.math, pre.code {
 955 |   margin-left: 2em;
 956 |   margin-right: 2em; }
 957 | 
 958 | pre.code .ln {
 959 |   color: grey; }
 960 | 
 961 | /* line numbers */
 962 | pre.code, code {
 963 |   background-color: #eeeeee; }
 964 | 
 965 | pre.code .comment, code .comment {
 966 |   color: #5c6576; }
 967 | 
 968 | pre.code .keyword, code .keyword {
 969 |   color: #3B0D06;
 970 |   font-weight: bold; }
 971 | 
 972 | pre.code .literal.string, code .literal.string {
 973 |   color: #0c5404; }
 974 | 
 975 | pre.code .name.builtin, code .name.builtin {
 976 |   color: #352b84; }
 977 | 
 978 | pre.code .deleted, code .deleted {
 979 |   background-color: #DEB0A1; }
 980 | 
 981 | pre.code .inserted, code .inserted {
 982 |   background-color: #A3D289; }
 983 | 
 984 | span.classifier {
 985 |   font-family: "Helvetica Neue", "HelveticaNeue", "Raleway", Helvetica, Arial, sans-serif;
 986 |   font-style: oblique; }
 987 | 
 988 | span.classifier-delimiter {
 989 |   font-family: "Helvetica Neue", "HelveticaNeue", "Raleway", Helvetica, Arial, sans-serif;
 990 |   font-weight: bold; }
 991 | 
 992 | span.interpreted {
 993 |   font-family: "Helvetica Neue", "HelveticaNeue", "Raleway", Helvetica, Arial, sans-serif; }
 994 | 
 995 | span.option {
 996 |   white-space: nowrap; }
 997 | 
 998 | span.pre {
 999 |   white-space: pre; }
1000 | 
1001 | span.problematic {
1002 |   color: #b30000; }
1003 | 
1004 | span.section-subtitle {
1005 |   /* font-size relative to parent (h1..h6 element) */
1006 |   font-size: 80%; }
1007 | 
1008 | table.citation {
1009 |   border-left: solid 1px #666666;
1010 |   margin-left: 1px; }
1011 | 
1012 | table.docinfo {
1013 |   margin: 0em;
1014 |   margin-top: 2em;
1015 |   margin-bottom: 2em;
1016 |   font-family: "Raleway", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif !important;
1017 |   color: #444444; }
1018 | 
1019 | table.docutils {
1020 |   margin-top: 0.5em;
1021 |   margin-bottom: 0.5em; }
1022 | 
1023 | table.footnote {
1024 |   border-left: solid 1px #2d2d2d;
1025 |   margin-left: 1px; }
1026 | 
1027 | table.docutils td, table.docutils th,
1028 | table.docinfo td, table.docinfo th {
1029 |   padding-left: 0.5em;
1030 |   padding-right: 0.5em;
1031 |   vertical-align: top; }
1032 | 
1033 | table.docutils th.field-name, table.docinfo th.docinfo-name {
1034 |   font-weight: 700;
1035 |   text-align: left;
1036 |   white-space: nowrap;
1037 |   padding-left: 0; }
1038 | 
1039 | h1 tt.docutils, h2 tt.docutils, h3 tt.docutils,
1040 | h4 tt.docutils, h5 tt.docutils, h6 tt.docutils {
1041 |   font-size: 100%; }
1042 | 
1043 | ul.auto-toc {
1044 |   list-style-type: none; }
1045 | 
1046 | span.DecNumber {
1047 |   color: #252dbe; }
1048 | 
1049 | span.BinNumber {
1050 |   color: #252dbe; }
1051 | 
1052 | span.HexNumber {
1053 |   color: #252dbe; }
1054 | 
1055 | span.OctNumber {
1056 |   color: #252dbe; }
1057 | 
1058 | span.FloatNumber {
1059 |   color: #252dbe; }
1060 | 
1061 | span.Identifier {
1062 |   color: #3b3b3b; }
1063 | 
1064 | span.Keyword {
1065 |   font-weight: 600;
1066 |   color: #5e8f60; }
1067 | 
1068 | span.StringLit {
1069 |   color: #a4255b; }
1070 | 
1071 | span.LongStringLit {
1072 |   color: #a4255b; }
1073 | 
1074 | span.CharLit {
1075 |   color: #a4255b; }
1076 | 
1077 | span.EscapeSequence {
1078 |   color: black; }
1079 | 
1080 | span.Operator {
1081 |   color: black; }
1082 | 
1083 | span.Punctuation {
1084 |   color: black; }
1085 | 
1086 | span.Comment, span.LongComment {
1087 |   font-style: italic;
1088 |   font-weight: 400;
1089 |   color: #484a86; }
1090 | 
1091 | span.RegularExpression {
1092 |   color: darkviolet; }
1093 | 
1094 | span.TagStart {
1095 |   color: darkviolet; }
1096 | 
1097 | span.TagEnd {
1098 |   color: darkviolet; }
1099 | 
1100 | span.Key {
1101 |   color: #252dbe; }
1102 | 
1103 | span.Value {
1104 |   color: #252dbe; }
1105 | 
1106 | span.RawData {
1107 |   color: #a4255b; }
1108 | 
1109 | span.Assembler {
1110 |   color: #252dbe; }
1111 | 
1112 | span.Preprocessor {
1113 |   color: #252dbe; }
1114 | 
1115 | span.Directive {
1116 |   color: #252dbe; }
1117 | 
1118 | span.Command, span.Rule, span.Hyperlink, span.Label, span.Reference,
1119 | span.Other {
1120 |   color: black; }
1121 | 
1122 | /* Pop type, const, proc, and iterator defs in nim def blocks */
1123 | dt pre > span.Identifier, dt pre > span.Operator {
1124 |   color: #155da4;
1125 |   font-weight: 700; }
1126 | 
1127 | dt pre > span.Identifier ~ span.Identifier, dt pre > span.Operator ~ span.Identifier {
1128 |   color: inherit;
1129 |   font-weight: inherit; }
1130 | 
1131 | dt pre > span.Operator ~ span.Identifier, dt pre > span.Operator ~ span.Operator {
1132 |   color: inherit;
1133 |   font-weight: inherit; }
1134 | 
1135 | /* Nim sprite for the footer (taken from main page favicon) */
1136 | .nim-sprite {
1137 |   display: inline-block;
1138 |   height: 12px;
1139 |   width: 12px;
1140 |   background-position: 0 0;
1141 |   background-size: 12px 12px;
1142 |   -webkit-filter: opacity(50%);
1143 |   background-repeat: no-repeat;
1144 |   background-image: url("data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AAAAAAUAAAAF////AP///wD///8A////AP///wD///8A////AP///wD///8A////AAAAAAIAAABbAAAAlQAAAKIAAACbAAAAmwAAAKIAAACVAAAAWwAAAAL///8A////AP///wD///8A////AAAAABQAAADAAAAAYwAAAA3///8A////AP///wD///8AAAAADQAAAGMAAADAAAAAFP///wD///8A////AP///wAAAACdAAAAOv///wD///8A////AP///wD///8A////AP///wD///8AAAAAOgAAAJ3///8A////AP///wAAAAAnAAAAcP///wAAAAAoAAAASv///wD///8A////AP///wAAAABKAAAAKP///wAAAABwAAAAJ////wD///8AAAAAgQAAABwAAACIAAAAkAAAAJMAAACtAAAAFQAAABUAAACtAAAAkwAAAJAAAACIAAAAHAAAAIH///8A////AAAAAKQAAACrAAAAaP///wD///8AAAAARQAAANIAAADSAAAARf///wD///8AAAAAaAAAAKsAAACk////AAAAADMAAACcAAAAnQAAABj///8A////AP///wAAAAAYAAAAGP///wD///8A////AAAAABgAAACdAAAAnAAAADMAAAB1AAAAwwAAAP8AAADpAAAAsQAAAE4AAAAb////AP///wAAAAAbAAAATgAAALEAAADpAAAA/wAAAMMAAAB1AAAAtwAAAOkAAAD/AAAA/wAAAP8AAADvAAAA3gAAAN4AAADeAAAA3gAAAO8AAAD/AAAA/wAAAP8AAADpAAAAtwAAAGUAAAA/AAAA3wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAADfAAAAPwAAAGX///8A////AAAAAEgAAADtAAAAvwAAAL0AAADGAAAA7wAAAO8AAADGAAAAvQAAAL8AAADtAAAASP///wD///8A////AP///wD///8AAAAAO////wD///8A////AAAAAIcAAACH////AP///wD///8AAAAAO////wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A//8AAP//AAD4HwAA7/cAAN/7AAD//wAAoYUAAJ55AACf+QAAh+EAAAAAAADAAwAA4AcAAP5/AAD//wAA//8AAA==");
1145 |   margin-bottom: -5px; }
1146 |   div.pragma {
1147 |     display: none;
1148 |   }
1149 |   span.pragmabegin {
1150 |     cursor: pointer;
1151 |   }
1152 |   span.pragmaend {
1153 |     cursor: pointer;
1154 |   }
1155 | 
1156 | div.search_results {
1157 |   background-color: antiquewhite;
1158 |   margin: 3em;
1159 |   border-style: inset;
1160 |   padding: 1em;
1161 | }
1162 | #searchInput {
1163 | 	width: 100%;
1164 | 	margin-bottom: 0.5em;
1165 | }
1166 | 
1167 | #groupBy {
1168 | 	margin-bottom: 0.5em;	
1169 | }
1170 | </style>
1171 | 
1172 | <script type="text/javascript">
1173 | function togglepragma(d) {
1174 |   if (d.style.display != 'inline')
1175 |     d.style.display = 'inline';
1176 |   else
1177 |     d.style.display = 'none';
1178 | }
1179 | 
1180 | function main() {
1181 |   var elements = document.getElementsByClassName("pragmabegin");
1182 |   for (var i = 0; i < elements.length; ++i) {
1183 |     var e = elements[i];
1184 |     e.onclick = function(event) {
1185 |       togglepragma(event.target.nextSibling);
1186 |     };
1187 |   }
1188 |   var elements = document.getElementsByClassName("pragmaend");
1189 |   for (var i = 0; i < elements.length; ++i) {
1190 |     var e = elements[i];
1191 |     e.onclick = function(event) {
1192 |       togglepragma(event.target.previousSibling);
1193 |     };
1194 |   }
1195 | }
1196 | </script>
1197 | <script>
1198 | 	// Detects shift+f to focuses the search box
1199 | 	document.addEventListener('keydown', function(event) {
1200 | 	  if (event.keyCode == 70 && event.shiftKey) {
1201 | 	  	event.preventDefault() // avoids writing F on the search box
1202 | 	  	var input = document.getElementById("searchInput");
1203 | 			input.focus();
1204 | 	  } 
1205 | 	}, true);
1206 | </script>
1207 | </head>
1208 | <body onload="main()">
1209 | <div class="document" id="documentId">
1210 |   <div class="container">
1211 |     <h1 class="title">src/graph/backendsvg</h1>
1212 |     <div class="row">
1213 |   <div class="three columns">
1214 |   <ul class="simple simple-toc" id="toc-list">
1215 | <li>
1216 |   <a class="reference reference-toplevel" href="#6" id="56">Imports</a>
1217 |   <ul class="simple simple-toc-section">
1218 |     
1219 |   </ul>
1220 | </li>
1221 | <li>
1222 |   <a class="reference reference-toplevel" href="#12" id="62">Procs</a>
1223 |   <ul class="simple simple-toc-section">
1224 |       <li><a class="reference" href="#svg,Surface"
1225 |     title="svg(s: Surface): string"><wbr />svg<span class="attachedType" style="visibility:hidden"></span></a></li>
1226 |   <li><a class="reference" href="#saveToSvg,Surface,string"
1227 |     title="saveToSvg(s: Surface; f: string)"><wbr />save<wbr />To<wbr />Svg<span class="attachedType" style="visibility:hidden"></span></a></li>
1228 | 
1229 |   </ul>
1230 | </li>
1231 | 
1232 | </ul>
1233 | 
1234 |   </div>
1235 |   <div class="nine columns" id="content">
1236 |   <div id="tocRoot"></div>
1237 |   <p class="module-desc"></p>
1238 |   <div class="section" id="6">
1239 | <h1><a class="toc-backref" href="#6">Imports</a></h1>
1240 | <dl class="item">
1241 | <a class="reference external" href="surface.html">surface</a>, <a class="reference external" href="color.html">color</a>
1242 | </dl></div>
1243 | <div class="section" id="12">
1244 | <h1><a class="toc-backref" href="#12">Procs</a></h1>
1245 | <dl class="item">
1246 | <dt id="svg"><a name="svg,Surface"></a><pre><span class="Keyword">proc</span> <a href="#svg%2CSurface"><span class="Identifier">svg</span></a><span class="Other">(</span><span class="Identifier">s</span><span class="Other">:</span> <a href="surface.html#Surface"><span class="Identifier">Surface</span></a><span class="Other">)</span><span class="Other">:</span> <span class="Identifier">string</span> <span><span class="Other">{</span><span class="Other pragmadots">...</span><span class="Other">}</span></span><span class="pragmawrap"><span class="Other">{.</span><span class="pragma"><span class="Identifier">raises</span><span class="Other">:</span> <span class="Other">[</span><span class="Identifier">ValueError</span><span class="Other">]</span><span class="Other">,</span> <span class="Identifier">tags</span><span class="Other">:</span> <span class="Other">[</span><span class="Other">]</span></span><span class="Other">.}</span></span></pre></dt>
1247 | <dd>
1248 | 
1249 | 
1250 | </dd>
1251 | <dt id="saveToSvg"><a name="saveToSvg,Surface,string"></a><pre><span class="Keyword">proc</span> <a href="#saveToSvg%2CSurface%2Cstring"><span class="Identifier">saveToSvg</span></a><span class="Other">(</span><span class="Identifier">s</span><span class="Other">:</span> <a href="surface.html#Surface"><span class="Identifier">Surface</span></a><span class="Other">;</span> <span class="Identifier">f</span><span class="Other">:</span> <span class="Identifier">string</span><span class="Other">)</span> <span><span class="Other">{</span><span class="Other pragmadots">...</span><span class="Other">}</span></span><span class="pragmawrap"><span class="Other">{.</span><span class="pragma"><span class="Identifier">raises</span><span class="Other">:</span> <span class="Other">[</span><span class="Identifier">IOError</span><span class="Other">,</span> <span class="Identifier">ValueError</span><span class="Other">]</span><span class="Other">,</span>
1252 |                                    <span class="Identifier">tags</span><span class="Other">:</span> <span class="Other">[</span><span class="Identifier">WriteIOEffect</span><span class="Other">]</span></span><span class="Other">.}</span></span></pre></dt>
1253 | <dd>
1254 | 
1255 | 
1256 | </dd>
1257 | 
1258 | </dl></div>
1259 | 
1260 |   </div>
1261 | </div>
1262 | 
1263 |     <div class="row">
1264 |       <div class="twelve-columns footer">
1265 |         <span class="nim-sprite"></span>
1266 |         <br/>
1267 |         <small>Made with Nim. Generated: 2020-08-28 10:44:11 UTC</small>
1268 |       </div>
1269 |     </div>
1270 |   </div>
1271 | </div>
1272 | 
1273 | </body>
1274 | </html>
1275 | 


--------------------------------------------------------------------------------
/docs/src/graph/backendsvg.idx:
--------------------------------------------------------------------------------
1 | svg	src/graph/backendsvg.html#svg,Surface	backendsvg: svg(s: Surface): string	
2 | saveToSvg	src/graph/backendsvg.html#saveToSvg,Surface,string	backendsvg: saveToSvg(s: Surface; f: string)	
3 | 


--------------------------------------------------------------------------------
/docs/src/graph/color.idx:
--------------------------------------------------------------------------------
 1 | Color	src/graph/color.html#Color	color: Color	
 2 | Transparent	src/graph/color.html#Transparent	color: Transparent	
 3 | Black	src/graph/color.html#Black	color: Black	
 4 | Blue	src/graph/color.html#Blue	color: Blue	
 5 | Green	src/graph/color.html#Green	color: Green	
 6 | Red	src/graph/color.html#Red	color: Red	
 7 | Purple	src/graph/color.html#Purple	color: Purple	
 8 | Yellow	src/graph/color.html#Yellow	color: Yellow	
 9 | White	src/graph/color.html#White	color: White	
10 | HalfTBlack	src/graph/color.html#HalfTBlack	color: HalfTBlack	
11 | HalfTBlue	src/graph/color.html#HalfTBlue	color: HalfTBlue	
12 | HalfTGreen	src/graph/color.html#HalfTGreen	color: HalfTGreen	
13 | HalfTRed	src/graph/color.html#HalfTRed	color: HalfTRed	
14 | HalftWhite	src/graph/color.html#HalftWhite	color: HalftWhite	
15 | Viridis	src/graph/color.html#Viridis	color: Viridis	
16 | toColor	src/graph/color.html#toColor.c,Viridis	color: toColor(v: Viridis): Color	
17 | color	src/graph/color.html#color,int,int,int,int	color: color(r, g, b, a: int = 0): Color	
18 | withAlpha	src/graph/color.html#withAlpha,Color,int	color: withAlpha(c: Color; a: int = 0): Color	
19 | blend	src/graph/color.html#blend,Color,Color	color: blend(orig: var Color; newc: Color)	
20 | blend	src/graph/color.html#blend,Color,Color_2	color: blend(orig: Color; newc: Color): Color	
21 | `$`	src/graph/color.html#$,Color	color: `$`(c: Color): string	
22 | 


--------------------------------------------------------------------------------
/docs/src/graph/plot.idx:
--------------------------------------------------------------------------------
1 | New way ideas:	src/graph/plot.html#new-way-ideascolon	  New way ideas:	
2 | plot	src/graph/plot.html#plot,Surface,openArray[T],openArray[T],Color	plot: plot[T: SomeFloat](sur: var Surface; x, y: openArray[T]; col: Color = Viridis.orange)	
3 | plot	src/graph/plot.html#plot,Surface,openArray[T],proc(T),Color	plot: plot[T: SomeFloat](sur: var Surface; x: openArray[T]; y: proc (x: T): T;\n                  col: Color = Viridis.orange)	
4 | plot	src/graph/plot.html#plot,openArray[float],openArray[float],Color,Color,tuple[float,float],int,bool,bool	plot: plot(x, y: openArray[float]; lncolor: Color = Viridis.blue; bgColor: Color = White;\n     origin: tuple[x0, y0: float] = (0.0, 0.0); padding = 20; grid: bool = false;\n     box: bool = true; ticks = true; size = [432, 288]): Surface	
5 | 


--------------------------------------------------------------------------------
/docs/src/graph/surface.idx:
--------------------------------------------------------------------------------
 1 | Axis	src/graph/surface.html#Axis	surface: Axis	
 2 | Surface	src/graph/surface.html#Surface	surface: Surface	
 3 | pixelFromVal	src/graph/surface.html#pixelFromVal,Axis,float	surface: pixelFromVal(a: Axis; val: float): int	
 4 | pixelFromVal2	src/graph/surface.html#pixelFromVal2,Axis,float,bool	surface: pixelFromVal2(a: Axis; val: float; invert: bool = false): float	
 5 | `[]`	src/graph/surface.html#[],Surface,int,int	surface: `[]`(sur: Surface; i, j: int): Color	
 6 | `[]=`	src/graph/surface.html#[]=,Surface,int,int,Color	surface: `[]=`(sur: var Surface; i, j: int; color: Color)	
 7 | `[]`	src/graph/surface.html#[],Surface,float,float	surface: `[]`(sur: Surface; x, y: float): Color	
 8 | `[]=`	src/graph/surface.html#[]=,Surface,float,float,Color	surface: `[]=`(sur: var Surface; x, y: float; color: Color)	
 9 | fillWith	src/graph/surface.html#fillWith,Surface,Color	surface: fillWith(sur: var Surface; color: Color = White)	
10 | initAxis	src/graph/surface.html#initAxis,float,float,float,int,int,int	surface: initAxis(v0, v1: float; origin: float = 0.0; p0 = 0; p1: int = 288; padding = 10): Axis	
11 | initSurface	src/graph/surface.html#initSurface,Axis,Axis	surface: initSurface(x, y: Axis): Surface	
12 | initSurface	src/graph/surface.html#initSurface,int,int,int,int	surface: initSurface(x0, w, y0, h: int): Surface	
13 | grid	src/graph/surface.html#grid,Surface	surface: grid(s: var Surface)	
14 | box	src/graph/surface.html#box,Surface	surface: box(s: var Surface; ticks = false)	
15 | 


--------------------------------------------------------------------------------
/examples/example1.nim:
--------------------------------------------------------------------------------
1 | import graph, examples
2 | let xx = linspace(0.0,10,0.1)
3 | var srf = plot(xx,exp(xx),Red,White)
4 | srf.saveTo("example1.png")
5 | srf.saveTo("example1.svg")
6 | 


--------------------------------------------------------------------------------
/examples/example1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/stisa/graph/6b140beb907aa7a7b2555f654894cd94f8b842ca/examples/example1.png


--------------------------------------------------------------------------------
/examples/example1.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" ?>
 2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 3 | <svg width="433pt" height="289pt" fill="#ffffffff" xmlns="http://www.w3.org/2000/svg" version="1.1">
 4 |   <path d="M 43.0 260.0 L 43.0 29.0 L 389.0 29.0 L 389.0 260.0 L 43.0 260.0" stroke="black" fill="transparent"/>
 5 |   <path d="M 71.83333333333334 263.08 L 71.83333333333334 260.0 M 129.5 263.08 L 129.5 260.0 M 187.1666666666667 263.08 L 187.1666666666667 260.0 M 244.8333333333333 263.08 L 244.8333333333333 260.0 M 302.5 263.08 L 302.5 260.0 M 360.1666666666666 263.08 L 360.1666666666666 260.0 " stroke="black" fill="transparent"/>
 6 |   <path d="M 39.54 240.75 L 43.0 240.75 M 39.54 221.5 L 43.0 221.5 M 39.54 202.25 L 43.0 202.25 M 39.54 183.0 L 43.0 183.0 M 39.54 163.75 L 43.0 163.75 M 39.54 144.5 L 43.0 144.5 M 39.54 125.25 L 43.0 125.25 M 39.54 105.9999999999999 L 43.0 105.9999999999999 M 39.54 86.74999999999994 L 43.0 86.74999999999994 M 39.54 67.49999999999994 L 43.0 67.49999999999994 M 39.54 48.24999999999994 L 43.0 48.24999999999994 " stroke="black" fill="transparent"/>
 7 |   <path d="M 71.83333333333334 240.75 L 74.71666666666667 240.7490808184527 L 77.60000000000002 240.7480649657382 L 80.48333333333335 240.746942274861 L 83.36666666666669 240.7457015095536 L 86.25000000000003 240.7443302518197 L 89.13333333333337 240.742814777651 L 92.01666666666671 240.7411399196727 L 94.90000000000005 240.7392889153431 L 97.78333333333339 240.7372432391889 L 100.6666666666667 240.7349824173954 L 103.5500000000001 240.7324838228983 L 106.4333333333334 240.729722448924 L 109.3166666666667 240.7266706587137 L 112.2000000000001 240.7232979089252 L 115.0833333333334 240.719570443945 L 117.9666666666668 240.7154509580508 L 120.8500000000001 240.710898222043 L 123.7333333333335 240.7058666706096 L 126.6166666666668 240.7003059462925 L 129.5000000000001 240.6941603954939 L 132.3833333333335 240.6873685114757 L 135.2666666666668 240.6798623187799 L 138.1500000000002 240.6715666929069 L 141.0333333333335 240.6623986084449 L 143.9166666666668 240.6522663081231 L 146.8000000000002 240.6410683844741 L 149.6833333333335 240.6286927649145 L 152.5666666666668 240.615015590084 L 155.4500000000002 240.59989997422 L 158.3333333333335 240.5831946351582 L 161.2166666666669 240.5647323802505 L 164.1000000000002 240.5443284330445 L 166.9833333333336 240.5217785839784 L 169.8666666666669 240.4968571465835 L 172.7500000000003 240.4693146987381 L 175.6333333333336 240.4388755863668 L 178.5166666666669 240.4052351646019 L 181.4000000000003 240.3680567487956 L 184.2833333333336 240.3269682448663 L 187.1666666666669 240.2815584252564 L 190.0500000000003 240.2313728132285 L 192.9333333333336 240.1759091343095 L 195.8166666666669 240.1146122893586 L 198.7000000000002 240.0468687989492 L 201.5833333333336 239.9720006634597 L 204.4666666666669 239.8892585774262 L 207.3500000000003 239.7978144302411 L 210.2333333333336 239.6967530181438 L 213.1166666666669 239.5850628845543 L 216.0000000000002 239.4616261970751 L 218.8833333333336 239.3252075598496 L 221.7666666666669 239.1744416493044 L 224.6500000000002 239.0078195495327 L 227.5333333333336 238.8236736505563 L 230.4166666666669 238.6201609583247 L 233.3000000000002 238.395244649411 L 236.1833333333335 238.1466736857988 L 239.0666666666669 237.8719602857364 L 241.9500000000002 237.5683550251818 L 244.8333333333335 237.2328193206421 L 247.7166666666669 236.8619950180088 L 250.6000000000002 236.4521707830228 L 253.4833333333335 235.9992449569936 L 256.3666666666668 235.4986845060208 L 259.2500000000001 234.9454796528668 L 262.1333333333334 234.3340937374227 L 265.0166666666668 233.6584078039529 L 267.9000000000002 232.9116593605292 L 270.7833333333335 232.0863746977391 L 273.6666666666668 231.1742940892896 L 276.5500000000001 230.1662891258905 L 279.4333333333335 229.0522713550658 L 282.3166666666668 227.821091312531 L 285.2000000000001 226.4604269346064 L 288.0833333333335 224.9566602348626 L 290.9666666666668 223.2947410107351 L 293.8500000000001 221.4580362160386 L 296.7333333333335 219.42816349185 L 299.6166666666667 217.1848071896817 L 302.5000000000001 214.7055150456435 L 305.3833333333334 211.9654734706392 L 308.2666666666668 208.9372592076261 L 311.1500000000001 205.5905648704423 L 314.0333333333334 201.8918956172982 L 316.9166666666667 197.8042339231428 L 319.8000000000001 193.2866690958305 L 322.6833333333334 188.2939878281634 L 325.5666666666667 182.7762216879167 L 328.4500000000001 176.6781470169735 L 331.3333333333334 169.9387322343934 L 334.2166666666667 162.4905270118368 L 337.1 154.258987208008 L 339.9833333333334 145.1617288058344 L 342.8666666666667 135.1077033855327 L 345.7500000000001 123.996286881422 L 348.6333333333334 111.7162725024532 L 351.5166666666667 98.14475773726596 L 354.4 83.14591430454681 L 357.2833333333333 66.56962873793569 L 360.1666666666666 48.25" stroke="#ff0000ff" fill="transparent" stroke-width="1.5pt"/>
 8 |   <text x="69.16733333333335" y="278.662" fill="#000000ff" font-size="9pt">
 9 |     0
10 |   </text>
11 |   <text x="126.834" y="278.662" fill="#000000ff" font-size="9pt">
12 |     2
13 |   </text>
14 |   <text x="184.5006666666667" y="278.662" fill="#000000ff" font-size="9pt">
15 |     4
16 |   </text>
17 |   <text x="242.1673333333334" y="278.662" fill="#000000ff" font-size="9pt">
18 |     6
19 |   </text>
20 |   <text x="299.834" y="278.662" fill="#000000ff" font-size="9pt">
21 |     8
22 |   </text>
23 |   <text x="357.5006666666666" y="278.662" fill="#000000ff" font-size="9pt">
24 |     10
25 |   </text>
26 |   <text x="3.009999999999998" y="244.749" fill="#000000ff" font-size="9pt">
27 |     +1.0
28 |   </text>
29 |   <text x="3.009999999999998" y="225.499" fill="#000000ff" font-size="9pt">
30 |     +2.2e+03
31 |   </text>
32 |   <text x="3.009999999999998" y="206.249" fill="#000000ff" font-size="9pt">
33 |     +4.4e+03
34 |   </text>
35 |   <text x="3.009999999999998" y="186.999" fill="#000000ff" font-size="9pt">
36 |     +6.6e+03
37 |   </text>
38 |   <text x="3.009999999999998" y="167.749" fill="#000000ff" font-size="9pt">
39 |     +8.8e+03
40 |   </text>
41 |   <text x="3.009999999999998" y="148.499" fill="#000000ff" font-size="9pt">
42 |     +1.1e+04
43 |   </text>
44 |   <text x="3.009999999999998" y="129.249" fill="#000000ff" font-size="9pt">
45 |     +1.3e+04
46 |   </text>
47 |   <text x="3.009999999999998" y="109.9989999999999" fill="#000000ff" font-size="9pt">
48 |     +1.5e+04
49 |   </text>
50 |   <text x="3.009999999999998" y="90.74899999999994" fill="#000000ff" font-size="9pt">
51 |     +1.8e+04
52 |   </text>
53 |   <text x="3.009999999999998" y="71.49899999999994" fill="#000000ff" font-size="9pt">
54 |     +2.0e+04
55 |   </text>
56 |   <text x="3.009999999999998" y="52.24899999999995" fill="#000000ff" font-size="9pt">
57 |     +2.2e+04
58 |   </text>
59 | </svg>
60 | 


--------------------------------------------------------------------------------
/examples/example2.nim:
--------------------------------------------------------------------------------
 1 | import 
 2 |   graph, examples
 3 | import math
 4 | 
 5 | let xx = linspace(0.0, 2*Pi, 0.1) 
 6 | 
 7 | # Create the surface with a plot in blue
 8 | var srf = plot(xx,sin(xx),Viridis.blue)
 9 | 
10 | # Draw a cos over the surface
11 | srf.plot(xx,cos(xx), Purple)
12 | 
13 | # Pass the proc (eg ``sinh``) to be mapped to xx so that yy=sin(xx)
14 | srf.plot(xx, sinh, Viridis.green)
15 | 
16 | # Save to file
17 | srf.saveTo("example2.png")
18 | srf.saveTo("example2.svg")
19 | 


--------------------------------------------------------------------------------
/examples/example2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/stisa/graph/6b140beb907aa7a7b2555f654894cd94f8b842ca/examples/example2.png


--------------------------------------------------------------------------------
/examples/example2.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" ?>
 2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 3 | <svg width="433pt" height="289pt" fill="#ffffffff" xmlns="http://www.w3.org/2000/svg" version="1.1">
 4 |   <path d="M 43.0 260.0 L 43.0 29.0 L 389.0 29.0 L 389.0 260.0 L 43.0 260.0" stroke="black" fill="transparent"/>
 5 |   <path d="M 71.83333333333334 263.08 L 71.83333333333334 260.0 M 129.5 263.08 L 129.5 260.0 M 187.1666666666667 263.08 L 187.1666666666667 260.0 M 244.8333333333334 263.08 L 244.8333333333334 260.0 M 302.5000000000001 263.08 L 302.5000000000001 260.0 M 360.1666666666667 263.08 L 360.1666666666667 260.0 " stroke="black" fill="transparent"/>
 6 |   <path d="M 39.54 240.75 L 43.0 240.75 M 39.54 221.5 L 43.0 221.5 M 39.54 202.25 L 43.0 202.25 M 39.54 183.0 L 43.0 183.0 M 39.54 163.75 L 43.0 163.75 M 39.54 144.4999999999999 L 43.0 144.4999999999999 M 39.54 125.25 L 43.0 125.25 M 39.54 106.0 L 43.0 106.0 M 39.54 86.74999999999994 L 43.0 86.74999999999994 M 39.54 67.49999999999994 L 43.0 67.49999999999994 M 39.54 48.24999999999994 L 43.0 48.24999999999994 " stroke="black" fill="transparent"/>
 7 |   <path d="M 71.83333333333334 144.4831686418404 L 76.48387096774195 134.8717843565489 L 81.13440860215056 125.3564338459348 L 85.78494623655917 116.0321913469434 L 90.43548387096777 106.9922216084399 L 95.08602150537638 98.32684901983481 L 99.73655913978497 90.12265511964199 L 104.3870967741936 82.46161350136623 L 109.0376344086022 75.42027076045375 L 113.6881720430108 69.06898166601323 L 118.3387096774194 63.47120619921935 L 122.989247311828 58.68287548215764 L 127.6397849462366 54.75183293254139 L 132.2903225806452 51.71735622809638 L 136.9408602150538 49.60976485698888 L 141.5913978494625 48.45011717552183 L 146.2419354838711 48.24999999999997 L 150.8924731182797 49.01141283509114 L 155.5430107526883 50.72674789543666 L 160.1935483870969 53.37886612012804 L 164.8440860215055 56.94126842053782 L 169.4946236559141 61.37836045045398 L 174.1451612903227 66.64580825302127 L 178.7956989247313 72.69098123098303 L 183.44623655914 79.45347801421218 L 188.0967741935486 86.86572997023475 L 192.7473118279572 94.853676327671 L 197.3978494623658 103.3375041669814 L 202.0483870967744 112.2324458847763 L 206.698924731183 121.4496261636881 L 211.3494623655916 130.8969499851648 L 216.0000000000002 140.4800228124522 L 220.6505376344088 150.1030937496028 L 225.3010752688174 159.6700122527768 L 229.9516129032261 169.0851888346934 L 234.6021505376347 178.2545501631897 L 239.2526881720433 187.0864790108592 L 243.9032258064518 195.4927296641035 L 248.5537634408605 203.3893096451325 L 253.2043010752691 210.697318937038 L 257.8548387096777 217.3437383266818 L 262.5053763440863 223.262158988537 L 267.1559139784948 228.39344601972 L 271.8064516129035 232.6863292963931 L 276.456989247312 236.0979157478946 L 281.1075268817207 238.5941179301213 L 285.7580645161293 240.1499946160035 L 290.4086021505378 240.75 L 295.0591397849464 240.3881390266495 L 299.709677419355 239.0680272911823 L 304.3602150537636 236.8028549136882 L 309.0107526881722 233.6152547477969 L 313.6612903225808 229.5370762406853 L 318.3118279569894 224.6090672039299 L 322.9623655913979 218.8804666748428 L 327.6129032258065 212.408512936287 L 332.2634408602152 205.2578716106747 L 336.9139784946237 197.4999895424437 L 341.5645161290323 189.2123809248048 L 346.2150537634409 180.4778528035463 L 350.8655913978495 171.3836776964048 L 355.5161290322581 162.0207215949161 L 360.1666666666667 152.4825360614645" stroke="#1f77b4ff" fill="transparent" stroke-width="1.5pt"/>
 8 |   <path d="M 71.83333333333334 48.20894896554853 L 76.48387096774195 48.68991905503836 L 81.13440860215056 50.12802362936108 L 85.78494623655917 52.50889362298437 L 90.43548387096777 55.80874016994289 L 95.08602150537638 59.99459229432364 L 99.73655913978497 65.02462634535863 L 104.3870967741936 70.84858388551797 L 109.0376344086022 77.40827385620497 L 113.6881720430108 84.63815400357763 L 118.3387096774194 92.46598575508406 L 122.989247311828 100.8135560034004 L 127.6397849462366 109.5974585859453 L 132.2903225806452 118.7299276516861 L 136.9408602150538 128.1197145885109 L 141.5913978494625 137.6729997491979 L 146.2419354838711 147.2943298663175 L 150.8924731182797 156.8875717897285 L 155.5430107526883 166.3568730172364 L 160.1935483870969 175.6076194211106 L 164.8440860215055 184.5473806011739 L 169.4946236559141 193.0868334188073 L 174.1451612903227 201.1406544842248 L 178.7956989247313 208.6283726795799 L 183.44623655914 215.4751731997754 L 188.0967741935486 221.6126450772646 L 192.7473118279572 226.9794647218263 L 197.3978494623658 231.5220086456067 L 202.0483870967744 235.1948892512847 L 206.698924731183 237.9614083299414 L 211.3494623655916 239.7939237374323 L 216.0000000000002 240.674125585555 L 220.6505376344088 240.593219188399 L 225.3010752688174 239.5520129359406 L 229.9516129032261 237.5609102168773 L 234.6021505376347 234.639805471407 L 239.2526881720433 230.8178854125576 L 243.9032258064518 226.1333374021982 L 248.5537634408605 220.6329678955428 L 253.2043010752691 214.3717347665213 L 257.8548387096777 207.4121981868705 L 262.5053763440863 199.8238955455772 L 267.1559139784948 191.6826466542741 L 271.8064516129035 183.0697961807438 L 276.456989247312 174.071400879888 L 281.1075268817207 164.7773697430789 L 285.7580645161293 155.2805656572371 L 290.4086021505378 145.6758775495624 L 295.0591397849464 136.059272288739 L 299.709677419355 126.5268358157058 L 304.3602150537636 117.1738130846969 L 309.0107526881722 108.0936564071422 L 313.6612903225808 99.37709170706307 L 318.3118279569894 91.11121201762961 L 322.9623655913979 83.378607276362 L 327.6129032258065 76.25653911377569 L 332.2634408602152 69.81616888070857 L 336.9139784946237 64.12184662762604 L 341.5645161290323 59.23046814018821 L 346.2150537634409 55.19090645536681 L 350.8655913978495 52.04352353821508 L 355.5161290322581 49.81976699845461 L 360.1666666666667 48.54185587635467" stroke="#ff00ffff" fill="transparent" stroke-width="1.5pt"/>
 9 |   <path d="M 71.83333333333334 144.4831686418404 L 76.48387096774195 134.8396929461697 L 81.13440860215056 125.0997021044527 L 85.78494623655917 115.1657150146213 L 90.43548387096777 104.9383089949523 L 95.08602150537638 94.31512472845094 L 99.73655913978497 83.18984181640249 L 104.3870967741936 71.45111468808648 L 109.0376344086022 58.98145821688027 L 113.6881720430108 45.65607188962375 L 118.3387096774194 31.34159076113667 L 122.989247311828 15.89475069302199 L 127.6397849462366 -0.8390454819843285 L 132.2903225806452 -19.02727522042488 L 136.9408602150538 -38.85197243879702 L 141.5913978494625 -60.5115493701731 L 146.2419354838711 -84.2227823405176 L 150.8924731182797 -110.2229813390183 L 155.5430107526883 -138.7723650962207 L 160.1935483870969 -170.1566654405465 L 164.8440860215055 -204.6899869984691 L 169.4946236559141 -242.7179508591905 L 174.1451612903227 -284.6211536666688 L 178.7956989247313 -330.8189767587542 L 183.44623655914 -381.7737834765765 L 188.0967741935486 -437.9955466522699 L 192.7473118279572 -500.046952588484 L 197.3978494623658 -568.5490326120263 L 202.0483870967744 -644.1873785641163 L 206.698924731183 -727.7190044339689 L 211.3494623655916 -819.9799228092381 L 216.0000000000002 -921.8935119709897 L 220.6505376344088 -1034.479757373895 L 225.3010752688174 -1158.865460003488 L 229.9516129032261 -1296.295513779167 L 234.6021505376347 -1448.145364870954 L 239.2526881720433 -1615.934777627073 L 243.9032258064518 -1801.343044886357 L 248.5537634408605 -2006.225794905407 L 253.2043010752691 -2232.633563109884 L 257.8548387096777 -2482.832314542256 L 262.5053763440863 -2759.326122401565 L 267.1559139784948 -3064.882229649643 L 271.8064516129035 -3402.558744508784 L 276.456989247312 -3775.735247036695 L 281.1075268817207 -4188.146613099629 L 285.7580645161293 -4643.92039426539 L 290.4086021505378 -5147.618127726744 L 295.0591397849464 -5704.280989698826 L 299.709677419355 -6319.480249205102 L 304.3602150537636 -6999.373027210324 L 309.0107526881722 -7750.763919156622 L 313.6612903225808 -8581.173097641791 L 318.3118279569894 -9498.911576834282 L 322.9623655913979 -10513.1643918964 L 327.6129032258065 -11634.08252590344 L 332.2634408602152 -12872.88450429413 L 336.9139784946237 -14241.96867364394 L 341.5645161290323 -15755.03728848478 L 346.2150537634409 -17427.23364807393 L 350.8655913978495 -19275.29365562274 L 355.5161290322581 -21317.7133168412 L 360.1666666666667 -23574.93385417972" stroke="#2ca02cff" fill="transparent" stroke-width="1.5pt"/>
10 |   <text x="69.16733333333335" y="278.662" fill="#000000ff" font-size="9pt">
11 |     0
12 |   </text>
13 |   <text x="126.834" y="278.662" fill="#000000ff" font-size="9pt">
14 |     1.24
15 |   </text>
16 |   <text x="184.5006666666667" y="278.662" fill="#000000ff" font-size="9pt">
17 |     2.48
18 |   </text>
19 |   <text x="242.1673333333334" y="278.662" fill="#000000ff" font-size="9pt">
20 |     3.72
21 |   </text>
22 |   <text x="299.8340000000001" y="278.662" fill="#000000ff" font-size="9pt">
23 |     4.96
24 |   </text>
25 |   <text x="357.5006666666667" y="278.662" fill="#000000ff" font-size="9pt">
26 |     6.2
27 |   </text>
28 |   <text x="3.009999999999998" y="244.749" fill="#000000ff" font-size="9pt">
29 |     -1.0
30 |   </text>
31 |   <text x="3.009999999999998" y="225.499" fill="#000000ff" font-size="9pt">
32 |     -0.80
33 |   </text>
34 |   <text x="3.009999999999998" y="206.249" fill="#000000ff" font-size="9pt">
35 |     -0.60
36 |   </text>
37 |   <text x="3.009999999999998" y="186.999" fill="#000000ff" font-size="9pt">
38 |     -0.40
39 |   </text>
40 |   <text x="3.009999999999998" y="167.749" fill="#000000ff" font-size="9pt">
41 |     -0.20
42 |   </text>
43 |   <text x="3.009999999999998" y="148.4989999999999" fill="#000000ff" font-size="9pt">
44 |     -0.00017
45 |   </text>
46 |   <text x="3.009999999999998" y="129.249" fill="#000000ff" font-size="9pt">
47 |     +0.20
48 |   </text>
49 |   <text x="3.009999999999998" y="109.999" fill="#000000ff" font-size="9pt">
50 |     +0.40
51 |   </text>
52 |   <text x="3.009999999999998" y="90.74899999999994" fill="#000000ff" font-size="9pt">
53 |     +0.60
54 |   </text>
55 |   <text x="3.009999999999998" y="71.49899999999994" fill="#000000ff" font-size="9pt">
56 |     +0.80
57 |   </text>
58 |   <text x="3.009999999999998" y="52.24899999999995" fill="#000000ff" font-size="9pt">
59 |     +1.0
60 |   </text>
61 | </svg>
62 | 


--------------------------------------------------------------------------------
/examples/examples.nim:
--------------------------------------------------------------------------------
 1 | import sequtils,math
 2 | 
 3 | iterator linsp*[T](fm,to,step:T):T =
 4 |     if fm<to:
 5 |       var res: T = T(fm)
 6 |       while res<=to:
 7 |         yield res
 8 |         res+=step
 9 |     elif fm>to:
10 |       var res: T = T(fm)
11 |       while res>=to:
12 |         yield res
13 |         res-=step
14 |     else:
15 |       yield fm
16 |     
17 | 
18 | proc linspace* [T](fm,to,step:T):seq[T] = toSeq(linsp(fm, to, step)) # Result and step should be same type, not all 4
19 | 
20 | proc sin* (x:openarray[float]):seq[float] =
21 |   result = map(x) do (x:float)->float : 
22 |     sin(x)
23 | 
24 | proc exp*(a:openarray[float]):seq[float] =
25 |   result = newSeq[float](a.len)
26 |   for i,r in result.mpairs : r = exp(a[i])  
27 |   
28 | proc cos* (x:openarray[float]):seq[float] =
29 |   result = map(x) do (x:float)->float : 
30 |     cos(x)
31 | 


--------------------------------------------------------------------------------
/examples/nim.cfg:
--------------------------------------------------------------------------------
1 | --path="../src/"


--------------------------------------------------------------------------------
/graph.nimble:
--------------------------------------------------------------------------------
 1 | # Package
 2 | 
 3 | version       = "0.4.0"
 4 | author        = "stisa"
 5 | description   = "Beginning of a 2D plotting library for Nim"
 6 | license       = "MIT"
 7 | 
 8 | srcDir = "src"
 9 | 
10 | # Dependencies
11 | requires "nimPNG"
12 | requires "nimsvg"
13 | requires "nim >= 0.15.2"
14 | 
15 | task examples, "Build examples":
16 |   withDir "examples":
17 |     exec("nim c -r example1.nim")
18 |     exec("nim c -r example2.nim")
19 |     #exec("nim c -r example3.nim")
20 | 
21 | task current, "Build current.png":
22 |   withDir "notes":
23 |     exec("nim c -r current.nim")
24 | 
25 | task docs, "Build docs":
26 |   exec(r"nim doc --docRoot:@pkg --project --outdir:docs .\src\graph.nim")


--------------------------------------------------------------------------------
/notes/current.nim:
--------------------------------------------------------------------------------
 1 | import graph, math, arraymancer
 2 | let 
 3 |   x  = arange(0.0'f64, 10,0.1)
 4 | let 
 5 |   y  = sin(x)
 6 |   y2 = cos(x)
 7 | var srf = plot(x.data,y.data)
 8 | srf.plot(x.data, y2.data)
 9 | srf.grid
10 | # Save to file
11 | srf.saveTo("currentpng.png")
12 | srf.saveTo("currentsvg.svg")


--------------------------------------------------------------------------------
/notes/currentpng.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/stisa/graph/6b140beb907aa7a7b2555f654894cd94f8b842ca/notes/currentpng.png


--------------------------------------------------------------------------------
/notes/currentsvg.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" ?>
 2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 3 | <svg width="433" height="289" fill="#ffffffff" xmlns="http://www.w3.org/2000/svg" version="1.1">
 4 |   <path d="M 43.0 260.0 L 43.0 29.0 L 389.0 29.0 L 389.0 260.0 L 43.0 260.0" stroke="black" fill="transparent"/>
 5 |   <path d="M 71.83333333333334 263.08 L 71.83333333333334 260.0 M 129.5 263.08 L 129.5 260.0 M 187.1666666666667 263.08 L 187.1666666666667 260.0 M 244.8333333333333 263.08 L 244.8333333333333 260.0 M 302.5 263.08 L 302.5 260.0 M 360.1666666666666 263.08 L 360.1666666666666 260.0 " stroke="black" fill="transparent"/>
 6 |   <path d="M 39.54000000000001 240.75 L 43.0 240.75 M 39.54000000000001 221.5 L 43.0 221.5 M 39.54000000000001 202.25 L 43.0 202.25 M 39.54000000000001 183.0 L 43.0 183.0 M 39.54000000000001 163.75 L 43.0 163.75 M 39.54000000000001 144.4999999999999 L 43.0 144.4999999999999 M 39.54000000000001 125.25 L 43.0 125.25 M 39.54000000000001 106.0 L 43.0 106.0 M 39.54000000000001 86.74999999999994 L 43.0 86.74999999999994 M 39.54000000000001 67.49999999999994 L 43.0 67.49999999999994 M 39.54000000000001 48.24999999999994 L 43.0 48.24999999999994 " stroke="black" fill="transparent"/>
 7 |   <path d="M 71.8333 260.0000 L 71.8333 29.0000 M 129.5000 260.0000 L 129.5000 29.0000 M 187.1667 260.0000 L 187.1667 29.0000 M 244.8333 260.0000 L 244.8333 29.0000 M 302.5000 260.0000 L 302.5000 29.0000 M 360.1667 260.0000 L 360.1667 29.0000 " stroke="#bfbfbfff" fill="transparent"/>
 8 |   <path d="M 43.0 240.75 L 389.0 240.75 M 43.0 221.5 L 389.0 221.5 M 43.0 202.25 L 389.0 202.25 M 43.0 183.0 L 389.0 183.0 M 43.0 163.75 L 389.0 163.75 M 43.0 144.4999999999999 L 389.0 144.4999999999999 M 43.0 125.25 L 389.0 125.25 M 43.0 106.0 L 389.0 106.0 M 43.0 86.74999999999994 L 389.0 86.74999999999994 M 43.0 67.49999999999994 L 389.0 67.49999999999994 M 43.0 48.24999999999994 L 389.0 48.24999999999994 " stroke="#bfbfbfff" fill="transparent"/>
 9 |   <path d="M 71.83333333333334 144.4831686418404 L 74.74579124579125 134.8717843565489 L 77.65824915824916 125.3564338459348 L 80.57070707070707 116.0321913469434 L 83.48316498316498 106.9922216084399 L 86.39562289562289 98.32684901983481 L 89.30808080808082 90.12265511964196 L 92.22053872053873 82.46161350136623 L 95.13299663299662 75.42027076045375 L 98.04545454545455 69.06898166601323 L 100.9579124579125 63.47120619921935 L 103.8703703703704 58.68287548215764 L 106.7828282828283 54.75183293254139 L 109.6952861952862 51.71735622809638 L 112.6077441077441 49.60976485698888 L 115.520202020202 48.45011717552183 L 118.4326599326599 48.24999999999997 L 121.3451178451179 49.01141283509114 L 124.2575757575758 50.72674789543666 L 127.1700336700337 53.37886612012801 L 130.0824915824916 56.94126842053782 L 132.9949494949495 61.37836045045395 L 135.9074074074074 66.64580825302122 L 138.8198653198653 72.69098123098303 L 141.7323232323232 79.45347801421212 L 144.6447811447812 86.8657299702347 L 147.5572390572391 94.85367632767094 L 150.469696969697 103.3375041669814 L 153.3821548821549 112.2324458847762 L 156.2946127946128 121.449626163688 L 159.2070707070707 130.8969499851647 L 162.1195286195286 140.480022812452 L 165.0319865319866 150.1030937496026 L 167.9444444444445 159.6700122527766 L 170.8569023569024 169.0851888346933 L 173.7693602693603 178.2545501631896 L 176.6818181818182 187.0864790108591 L 179.5942760942761 195.4927296641034 L 182.506734006734 203.3893096451324 L 185.419191919192 210.6973189370378 L 188.3316498316498 217.3437383266817 L 191.2441077441078 223.262158988537 L 194.1565656565657 228.3934460197199 L 197.0690235690236 232.6863292963931 L 199.9814814814815 236.0979157478946 L 202.8939393939394 238.5941179301213 L 205.8063973063973 240.1499946160035 L 208.7188552188552 240.75 L 211.6313131313131 240.3881390266494 L 214.5437710437711 239.0680272911822 L 217.456228956229 236.8028549136882 L 220.3686868686869 233.6152547477968 L 223.2811447811448 229.5370762406852 L 226.1936026936027 224.6090672039298 L 229.1060606060606 218.8804666748426 L 232.0185185185185 212.4085129362868 L 234.9309764309764 205.2578716106744 L 237.8434343434344 197.4999895424433 L 240.7558922558923 189.2123809248043 L 243.6683501683502 180.4778528035459 L 246.5808080808081 171.3836776964043 L 249.493265993266 162.0207215949155 L 252.4057239057239 152.482536061464 L 255.3181818181818 142.8644234929947 L 258.2306397306397 133.2624848909668 L 261.1430976430976 123.7726596519127 L 264.0555555555555 114.4897669727019 L 266.9680134680135 105.5065584484687 L 269.8804713804714 96.91279132933323 L 272.7929292929293 88.7943316956283 L 275.7053872053872 81.23229651240789 L 278.6178451178451 74.30224313554612 L 281.530303030303 68.07341436761374 L 284.442760942761 62.60804660668268 L 287.3552188552188 57.9607480008099 L 290.2676767676768 54.17795282147253 L 293.1801346801346 51.29745750767668 L 296.0925925925926 49.34804301643271 L 299.0050505050505 48.34918725294631 L 301.9175084175084 48.31087045382844 L 304.8299663299663 49.23347546786999 L 307.7424242424243 51.10778393074341 L 310.6548821548822 53.91506837185168 L 313.5673400673401 57.62727933302395 L 316.479797979798 62.20732562943016 L 319.3922558922559 67.60944495243851 L 322.3047138047138 73.7796611114768 L 325.2171717171718 80.65632334628631 L 328.1296296296296 88.17072232093898 L 331.0420875420875 96.2477766448101 L 333.9545454545454 104.8067830610149 L 336.8670033670034 113.7622228066739 L 339.7794612794613 123.0246160881235 L 342.6919191919192 132.5014161334353 L 345.6043771043771 142.0979338891702 L 348.5168350168351 151.7182841221001 L 351.429292929293 161.2663434727626 L 354.3417508417509 170.6467108882943 L 357.2542087542088 179.7656608382167 L 360.1666666666666 188.5320797889542" stroke="#1f77b4ff" fill="transparent" stroke-width="1.5pt"/>
10 |   <path d="M 71.83333333333334 48.20894896554853 L 74.74579124579125 48.68991905503836 L 77.65824915824916 50.12802362936108 L 80.57070707070707 52.50889362298437 L 83.48316498316498 55.80874016994289 L 86.39562289562289 59.99459229432364 L 89.30808080808082 65.02462634535863 L 92.22053872053873 70.848583885518 L 95.13299663299662 77.408273856205 L 98.04545454545455 84.63815400357763 L 100.9579124579125 92.46598575508406 L 103.8703703703704 100.8135560034004 L 106.7828282828283 109.5974585859453 L 109.6952861952862 118.7299276516861 L 112.6077441077441 128.1197145885109 L 115.520202020202 137.6729997491978 L 118.4326599326599 147.2943298663175 L 121.3451178451179 156.8875717897285 L 124.2575757575758 166.3568730172363 L 127.1700336700337 175.6076194211106 L 130.0824915824916 184.5473806011739 L 132.9949494949495 193.0868334188073 L 135.9074074074074 201.1406544842247 L 138.8198653198653 208.6283726795799 L 141.7323232323232 215.4751731997753 L 144.6447811447812 221.6126450772646 L 147.5572390572391 226.9794647218263 L 150.469696969697 231.5220086456067 L 153.3821548821549 235.1948892512847 L 156.2946127946128 237.9614083299413 L 159.2070707070707 239.7939237374323 L 162.1195286195286 240.674125585555 L 165.0319865319866 240.593219188399 L 167.9444444444445 239.5520129359406 L 170.8569023569024 237.5609102168773 L 173.7693602693603 234.639805471407 L 176.6818181818182 230.8178854125576 L 179.5942760942761 226.1333374021983 L 182.506734006734 220.6329678955428 L 185.419191919192 214.3717347665214 L 188.3316498316498 207.4121981868706 L 191.2441077441078 199.8238955455773 L 194.1565656565657 191.6826466542742 L 197.0690235690236 183.0697961807439 L 199.9814814814815 174.071400879888 L 202.8939393939394 164.7773697430789 L 205.8063973063973 155.280565657237 L 208.7188552188552 145.6758775495624 L 211.6313131313131 136.0592722887388 L 214.5437710437711 126.5268358157057 L 217.456228956229 117.1738130846967 L 220.3686868686869 108.0936564071419 L 223.2811447811448 99.37709170706285 L 226.1936026936027 91.11121201762933 L 229.1060606060606 83.37860727636175 L 232.0185185185185 76.25653911377546 L 234.9309764309764 69.81616888070829 L 237.8434343434344 64.12184662762579 L 240.7558922558923 59.23046814018795 L 243.6683501683502 55.19090645536667 L 246.5808080808081 52.04352353821494 L 249.493265993266 49.81976699845455 L 252.4057239057239 48.54185587635462 L 255.3181818181818 48.22255863742589 L 258.2306397306397 48.86506559413408 L 261.1430976430976 50.46295702935237 L 264.0555555555555 53.00026734005272 L 266.9680134680135 56.4516445603339 L 269.8804713804714 60.78260366988454 L 272.7929292929293 65.94987115690662 L 275.7053872053872 71.90181739274141 L 278.6178451178451 78.57897249805242 L 281.530303030303 85.91462054620121 L 284.442760942761 93.83546616673368 L 287.3552188552188 102.2623668884928 L 290.2676767676768 111.1111239050299 L 293.1801346801346 120.2933233612459 L 296.0925925925926 129.7172197554058 L 299.0050505050505 139.2886526298652 L 301.9175084175084 148.9119873912375 L 304.8299663299663 158.4910708596387 L 307.7424242424243 167.9301919994765 L 310.6548821548822 177.1350382324804 L 313.5673400673401 186.0136377778076 L 316.479797979798 194.4772786036761 L 319.3922558922559 202.4413948086615 L 322.3047138047138 209.8264115762305 L 325.2171717171718 216.5585402600035 L 328.1296296296296 222.5705156555179 L 331.0420875420875 227.8022680919168 L 333.9545454545454 232.2015236282431 L 336.8670033670034 235.7243263573783 L 339.7794612794613 238.3354775989368 L 342.6919191919192 240.0088875928445 L 345.6043771043771 240.7278361795983 L 348.5168350168351 240.4851398625721 L 351.429292929293 239.2832235831409 L 354.3417508417509 237.1340964914681 L 357.2542087542088 234.0592319550467 L 360.1666666666666 230.0893530039095" stroke="#ff7f0eff" fill="transparent" stroke-width="1.5pt"/>
11 |   <text x="69.16733333333335" y="278.662" fill="#000000ff" font-size="9pt">
12 |     0
13 |   </text>
14 |   <text x="126.834" y="278.662" fill="#000000ff" font-size="9pt">
15 |     1.98
16 |   </text>
17 |   <text x="184.5006666666667" y="278.662" fill="#000000ff" font-size="9pt">
18 |     3.96
19 |   </text>
20 |   <text x="242.1673333333334" y="278.662" fill="#000000ff" font-size="9pt">
21 |     5.94
22 |   </text>
23 |   <text x="299.834" y="278.662" fill="#000000ff" font-size="9pt">
24 |     7.92
25 |   </text>
26 |   <text x="357.5006666666666" y="278.662" fill="#000000ff" font-size="9pt">
27 |     9.9
28 |   </text>
29 |   <text x="3.009999999999998" y="244.749" fill="#000000ff" font-size="9pt">
30 |     -1.0
31 |   </text>
32 |   <text x="3.009999999999998" y="225.499" fill="#000000ff" font-size="9pt">
33 |     -0.80
34 |   </text>
35 |   <text x="3.009999999999998" y="206.249" fill="#000000ff" font-size="9pt">
36 |     -0.60
37 |   </text>
38 |   <text x="3.009999999999998" y="186.999" fill="#000000ff" font-size="9pt">
39 |     -0.40
40 |   </text>
41 |   <text x="3.009999999999998" y="167.749" fill="#000000ff" font-size="9pt">
42 |     -0.20
43 |   </text>
44 |   <text x="3.009999999999998" y="148.4989999999999" fill="#000000ff" font-size="9pt">
45 |     -0.00017
46 |   </text>
47 |   <text x="3.009999999999998" y="129.249" fill="#000000ff" font-size="9pt">
48 |     +0.20
49 |   </text>
50 |   <text x="3.009999999999998" y="109.999" fill="#000000ff" font-size="9pt">
51 |     +0.40
52 |   </text>
53 |   <text x="3.009999999999998" y="90.74899999999994" fill="#000000ff" font-size="9pt">
54 |     +0.60
55 |   </text>
56 |   <text x="3.009999999999998" y="71.49899999999994" fill="#000000ff" font-size="9pt">
57 |     +0.80
58 |   </text>
59 |   <text x="3.009999999999998" y="52.24899999999995" fill="#000000ff" font-size="9pt">
60 |     +1.0
61 |   </text>
62 | </svg>
63 | 


--------------------------------------------------------------------------------
/notes/matplotlib-colors.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/stisa/graph/6b140beb907aa7a7b2555f654894cd94f8b842ca/notes/matplotlib-colors.png


--------------------------------------------------------------------------------
/notes/target.md:
--------------------------------------------------------------------------------
 1 | Goals
 2 | ------
 3 | The goal is to have a very simple plotting library for 2d line plots, with an api modeled
 4 | after matlab and matplotlib.
 5 | 
 6 | 
 7 | ## Target  
 8 | 
 9 | The reference style will be matplotlib-like, a goal is to be able to produce something matching:  
10 | 
11 | PNG:  
12 | 
13 | ![targetpng.png](targetpng.png)
14 | 
15 | SVG:  
16 | 
17 | ![targetsvg.svg](targetsvg.svg)
18 | 
19 | Those are produced by
20 | ```python
21 | import matplotlib.pyplot as pp
22 | import numpy as np
23 | x = np.arange(0.0,10,0.1)
24 | y1 = np.sin(x)
25 | y2 = np.cos(x)
26 | fig, ax = pp.subplots()
27 | ax.plot(x,y1,x,y2)
28 | ax.grid()
29 | fig.savefig("targetpng.png")
30 | fig.savefig("targetsvg.svg")
31 | ```
32 | 
33 | ## Current
34 | Currently we have:  
35 | 
36 | PNG:  
37 | 
38 | ![currentpng.png](currentpng.png)
39 | 
40 | SVG:  
41 | 
42 | ![currentsvg.svg](currentsvg.svg)
43 | 
44 | with:
45 | 
46 | ```nim
47 | import graph, math, arraymancer
48 | let 
49 |   x  = arange(0.0'f64, 10,0.1)
50 | let 
51 |   y  = sin(x)
52 |   y2 = cos(x)
53 | var srf = plot(x.data,y.data)
54 | srf.plot(x.data, y2.data)
55 | srf.grid
56 | # Save to file
57 | srf.saveTo("currentpng.png")
58 | srf.saveTo("currentsvg.svg")
59 | ```


--------------------------------------------------------------------------------
/notes/targetpng.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/stisa/graph/6b140beb907aa7a7b2555f654894cd94f8b842ca/notes/targetpng.png


--------------------------------------------------------------------------------
/notes/targetsvg.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8" standalone="no"?>
  2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
  3 |   "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
  4 | <!-- Created with matplotlib (https://matplotlib.org/) -->
  5 | <svg height="288pt" version="1.1" viewBox="0 0 432 288" width="432pt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  6 |  <defs>
  7 |   <style type="text/css">
  8 | *{stroke-linecap:butt;stroke-linejoin:round;}
  9 |   </style>
 10 |  </defs>
 11 |  <g id="figure_1">
 12 |   <g id="patch_1">
 13 |    <path d="M 0 288 
 14 | L 432 288 
 15 | L 432 0 
 16 | L 0 0 
 17 | z
 18 | " style="fill:#ffffff;"/>
 19 |   </g>
 20 |   <g id="axes_1">
 21 |    <g id="patch_2">
 22 |     <path d="M 54 252 
 23 | L 388.8 252 
 24 | L 388.8 34.56 
 25 | L 54 34.56 
 26 | z
 27 | " style="fill:#ffffff;"/>
 28 |    </g>
 29 |    <g id="matplotlib.axis_1">
 30 |     <g id="xtick_1">
 31 |      <g id="line2d_1">
 32 |       <path clip-path="url(#p105d978456)" d="M 69.218182 252 
 33 | L 69.218182 34.56 
 34 | " style="fill:none;stroke:#b0b0b0;stroke-linecap:square;stroke-width:0.8;"/>
 35 |      </g>
 36 |      <g id="line2d_2">
 37 |       <defs>
 38 |        <path d="M 0 0 
 39 | L 0 3.5 
 40 | " id="m20d1071eaf" style="stroke:#000000;stroke-width:0.8;"/>
 41 |       </defs>
 42 |       <g>
 43 |        <use style="stroke:#000000;stroke-width:0.8;" x="69.218182" xlink:href="#m20d1071eaf" y="252"/>
 44 |       </g>
 45 |      </g>
 46 |      <g id="text_1">
 47 |       <!-- 0 -->
 48 |       <defs>
 49 |        <path d="M 31.78125 66.40625 
 50 | Q 24.171875 66.40625 20.328125 58.90625 
 51 | Q 16.5 51.421875 16.5 36.375 
 52 | Q 16.5 21.390625 20.328125 13.890625 
 53 | Q 24.171875 6.390625 31.78125 6.390625 
 54 | Q 39.453125 6.390625 43.28125 13.890625 
 55 | Q 47.125 21.390625 47.125 36.375 
 56 | Q 47.125 51.421875 43.28125 58.90625 
 57 | Q 39.453125 66.40625 31.78125 66.40625 
 58 | z
 59 | M 31.78125 74.21875 
 60 | Q 44.046875 74.21875 50.515625 64.515625 
 61 | Q 56.984375 54.828125 56.984375 36.375 
 62 | Q 56.984375 17.96875 50.515625 8.265625 
 63 | Q 44.046875 -1.421875 31.78125 -1.421875 
 64 | Q 19.53125 -1.421875 13.0625 8.265625 
 65 | Q 6.59375 17.96875 6.59375 36.375 
 66 | Q 6.59375 54.828125 13.0625 64.515625 
 67 | Q 19.53125 74.21875 31.78125 74.21875 
 68 | z
 69 | " id="DejaVuSans-48"/>
 70 |       </defs>
 71 |       <g transform="translate(66.036932 266.598437)scale(0.1 -0.1)">
 72 |        <use xlink:href="#DejaVuSans-48"/>
 73 |       </g>
 74 |      </g>
 75 |     </g>
 76 |     <g id="xtick_2">
 77 |      <g id="line2d_3">
 78 |       <path clip-path="url(#p105d978456)" d="M 130.705785 252 
 79 | L 130.705785 34.56 
 80 | " style="fill:none;stroke:#b0b0b0;stroke-linecap:square;stroke-width:0.8;"/>
 81 |      </g>
 82 |      <g id="line2d_4">
 83 |       <g>
 84 |        <use style="stroke:#000000;stroke-width:0.8;" x="130.705785" xlink:href="#m20d1071eaf" y="252"/>
 85 |       </g>
 86 |      </g>
 87 |      <g id="text_2">
 88 |       <!-- 2 -->
 89 |       <defs>
 90 |        <path d="M 19.1875 8.296875 
 91 | L 53.609375 8.296875 
 92 | L 53.609375 0 
 93 | L 7.328125 0 
 94 | L 7.328125 8.296875 
 95 | Q 12.9375 14.109375 22.625 23.890625 
 96 | Q 32.328125 33.6875 34.8125 36.53125 
 97 | Q 39.546875 41.84375 41.421875 45.53125 
 98 | Q 43.3125 49.21875 43.3125 52.78125 
 99 | Q 43.3125 58.59375 39.234375 62.25 
100 | Q 35.15625 65.921875 28.609375 65.921875 
101 | Q 23.96875 65.921875 18.8125 64.3125 
102 | Q 13.671875 62.703125 7.8125 59.421875 
103 | L 7.8125 69.390625 
104 | Q 13.765625 71.78125 18.9375 73 
105 | Q 24.125 74.21875 28.421875 74.21875 
106 | Q 39.75 74.21875 46.484375 68.546875 
107 | Q 53.21875 62.890625 53.21875 53.421875 
108 | Q 53.21875 48.921875 51.53125 44.890625 
109 | Q 49.859375 40.875 45.40625 35.40625 
110 | Q 44.1875 33.984375 37.640625 27.21875 
111 | Q 31.109375 20.453125 19.1875 8.296875 
112 | z
113 | " id="DejaVuSans-50"/>
114 |       </defs>
115 |       <g transform="translate(127.524535 266.598437)scale(0.1 -0.1)">
116 |        <use xlink:href="#DejaVuSans-50"/>
117 |       </g>
118 |      </g>
119 |     </g>
120 |     <g id="xtick_3">
121 |      <g id="line2d_5">
122 |       <path clip-path="url(#p105d978456)" d="M 192.193388 252 
123 | L 192.193388 34.56 
124 | " style="fill:none;stroke:#b0b0b0;stroke-linecap:square;stroke-width:0.8;"/>
125 |      </g>
126 |      <g id="line2d_6">
127 |       <g>
128 |        <use style="stroke:#000000;stroke-width:0.8;" x="192.193388" xlink:href="#m20d1071eaf" y="252"/>
129 |       </g>
130 |      </g>
131 |      <g id="text_3">
132 |       <!-- 4 -->
133 |       <defs>
134 |        <path d="M 37.796875 64.3125 
135 | L 12.890625 25.390625 
136 | L 37.796875 25.390625 
137 | z
138 | M 35.203125 72.90625 
139 | L 47.609375 72.90625 
140 | L 47.609375 25.390625 
141 | L 58.015625 25.390625 
142 | L 58.015625 17.1875 
143 | L 47.609375 17.1875 
144 | L 47.609375 0 
145 | L 37.796875 0 
146 | L 37.796875 17.1875 
147 | L 4.890625 17.1875 
148 | L 4.890625 26.703125 
149 | z
150 | " id="DejaVuSans-52"/>
151 |       </defs>
152 |       <g transform="translate(189.012138 266.598437)scale(0.1 -0.1)">
153 |        <use xlink:href="#DejaVuSans-52"/>
154 |       </g>
155 |      </g>
156 |     </g>
157 |     <g id="xtick_4">
158 |      <g id="line2d_7">
159 |       <path clip-path="url(#p105d978456)" d="M 253.680992 252 
160 | L 253.680992 34.56 
161 | " style="fill:none;stroke:#b0b0b0;stroke-linecap:square;stroke-width:0.8;"/>
162 |      </g>
163 |      <g id="line2d_8">
164 |       <g>
165 |        <use style="stroke:#000000;stroke-width:0.8;" x="253.680992" xlink:href="#m20d1071eaf" y="252"/>
166 |       </g>
167 |      </g>
168 |      <g id="text_4">
169 |       <!-- 6 -->
170 |       <defs>
171 |        <path d="M 33.015625 40.375 
172 | Q 26.375 40.375 22.484375 35.828125 
173 | Q 18.609375 31.296875 18.609375 23.390625 
174 | Q 18.609375 15.53125 22.484375 10.953125 
175 | Q 26.375 6.390625 33.015625 6.390625 
176 | Q 39.65625 6.390625 43.53125 10.953125 
177 | Q 47.40625 15.53125 47.40625 23.390625 
178 | Q 47.40625 31.296875 43.53125 35.828125 
179 | Q 39.65625 40.375 33.015625 40.375 
180 | z
181 | M 52.59375 71.296875 
182 | L 52.59375 62.3125 
183 | Q 48.875 64.0625 45.09375 64.984375 
184 | Q 41.3125 65.921875 37.59375 65.921875 
185 | Q 27.828125 65.921875 22.671875 59.328125 
186 | Q 17.53125 52.734375 16.796875 39.40625 
187 | Q 19.671875 43.65625 24.015625 45.921875 
188 | Q 28.375 48.1875 33.59375 48.1875 
189 | Q 44.578125 48.1875 50.953125 41.515625 
190 | Q 57.328125 34.859375 57.328125 23.390625 
191 | Q 57.328125 12.15625 50.6875 5.359375 
192 | Q 44.046875 -1.421875 33.015625 -1.421875 
193 | Q 20.359375 -1.421875 13.671875 8.265625 
194 | Q 6.984375 17.96875 6.984375 36.375 
195 | Q 6.984375 53.65625 15.1875 63.9375 
196 | Q 23.390625 74.21875 37.203125 74.21875 
197 | Q 40.921875 74.21875 44.703125 73.484375 
198 | Q 48.484375 72.75 52.59375 71.296875 
199 | z
200 | " id="DejaVuSans-54"/>
201 |       </defs>
202 |       <g transform="translate(250.499742 266.598437)scale(0.1 -0.1)">
203 |        <use xlink:href="#DejaVuSans-54"/>
204 |       </g>
205 |      </g>
206 |     </g>
207 |     <g id="xtick_5">
208 |      <g id="line2d_9">
209 |       <path clip-path="url(#p105d978456)" d="M 315.168595 252 
210 | L 315.168595 34.56 
211 | " style="fill:none;stroke:#b0b0b0;stroke-linecap:square;stroke-width:0.8;"/>
212 |      </g>
213 |      <g id="line2d_10">
214 |       <g>
215 |        <use style="stroke:#000000;stroke-width:0.8;" x="315.168595" xlink:href="#m20d1071eaf" y="252"/>
216 |       </g>
217 |      </g>
218 |      <g id="text_5">
219 |       <!-- 8 -->
220 |       <defs>
221 |        <path d="M 31.78125 34.625 
222 | Q 24.75 34.625 20.71875 30.859375 
223 | Q 16.703125 27.09375 16.703125 20.515625 
224 | Q 16.703125 13.921875 20.71875 10.15625 
225 | Q 24.75 6.390625 31.78125 6.390625 
226 | Q 38.8125 6.390625 42.859375 10.171875 
227 | Q 46.921875 13.96875 46.921875 20.515625 
228 | Q 46.921875 27.09375 42.890625 30.859375 
229 | Q 38.875 34.625 31.78125 34.625 
230 | z
231 | M 21.921875 38.8125 
232 | Q 15.578125 40.375 12.03125 44.71875 
233 | Q 8.5 49.078125 8.5 55.328125 
234 | Q 8.5 64.0625 14.71875 69.140625 
235 | Q 20.953125 74.21875 31.78125 74.21875 
236 | Q 42.671875 74.21875 48.875 69.140625 
237 | Q 55.078125 64.0625 55.078125 55.328125 
238 | Q 55.078125 49.078125 51.53125 44.71875 
239 | Q 48 40.375 41.703125 38.8125 
240 | Q 48.828125 37.15625 52.796875 32.3125 
241 | Q 56.78125 27.484375 56.78125 20.515625 
242 | Q 56.78125 9.90625 50.3125 4.234375 
243 | Q 43.84375 -1.421875 31.78125 -1.421875 
244 | Q 19.734375 -1.421875 13.25 4.234375 
245 | Q 6.78125 9.90625 6.78125 20.515625 
246 | Q 6.78125 27.484375 10.78125 32.3125 
247 | Q 14.796875 37.15625 21.921875 38.8125 
248 | z
249 | M 18.3125 54.390625 
250 | Q 18.3125 48.734375 21.84375 45.5625 
251 | Q 25.390625 42.390625 31.78125 42.390625 
252 | Q 38.140625 42.390625 41.71875 45.5625 
253 | Q 45.3125 48.734375 45.3125 54.390625 
254 | Q 45.3125 60.0625 41.71875 63.234375 
255 | Q 38.140625 66.40625 31.78125 66.40625 
256 | Q 25.390625 66.40625 21.84375 63.234375 
257 | Q 18.3125 60.0625 18.3125 54.390625 
258 | z
259 | " id="DejaVuSans-56"/>
260 |       </defs>
261 |       <g transform="translate(311.987345 266.598437)scale(0.1 -0.1)">
262 |        <use xlink:href="#DejaVuSans-56"/>
263 |       </g>
264 |      </g>
265 |     </g>
266 |     <g id="xtick_6">
267 |      <g id="line2d_11">
268 |       <path clip-path="url(#p105d978456)" d="M 376.656198 252 
269 | L 376.656198 34.56 
270 | " style="fill:none;stroke:#b0b0b0;stroke-linecap:square;stroke-width:0.8;"/>
271 |      </g>
272 |      <g id="line2d_12">
273 |       <g>
274 |        <use style="stroke:#000000;stroke-width:0.8;" x="376.656198" xlink:href="#m20d1071eaf" y="252"/>
275 |       </g>
276 |      </g>
277 |      <g id="text_6">
278 |       <!-- 10 -->
279 |       <defs>
280 |        <path d="M 12.40625 8.296875 
281 | L 28.515625 8.296875 
282 | L 28.515625 63.921875 
283 | L 10.984375 60.40625 
284 | L 10.984375 69.390625 
285 | L 28.421875 72.90625 
286 | L 38.28125 72.90625 
287 | L 38.28125 8.296875 
288 | L 54.390625 8.296875 
289 | L 54.390625 0 
290 | L 12.40625 0 
291 | z
292 | " id="DejaVuSans-49"/>
293 |       </defs>
294 |       <g transform="translate(370.293698 266.598437)scale(0.1 -0.1)">
295 |        <use xlink:href="#DejaVuSans-49"/>
296 |        <use x="63.623047" xlink:href="#DejaVuSans-48"/>
297 |       </g>
298 |      </g>
299 |     </g>
300 |    </g>
301 |    <g id="matplotlib.axis_2">
302 |     <g id="ytick_1">
303 |      <g id="line2d_13">
304 |       <path clip-path="url(#p105d978456)" d="M 54 242.123949 
305 | L 388.8 242.123949 
306 | " style="fill:none;stroke:#b0b0b0;stroke-linecap:square;stroke-width:0.8;"/>
307 |      </g>
308 |      <g id="line2d_14">
309 |       <defs>
310 |        <path d="M 0 0 
311 | L -3.5 0 
312 | " id="m086d060827" style="stroke:#000000;stroke-width:0.8;"/>
313 |       </defs>
314 |       <g>
315 |        <use style="stroke:#000000;stroke-width:0.8;" x="54" xlink:href="#m086d060827" y="242.123949"/>
316 |       </g>
317 |      </g>
318 |      <g id="text_7">
319 |       <!-- −1.00 -->
320 |       <defs>
321 |        <path d="M 10.59375 35.5 
322 | L 73.1875 35.5 
323 | L 73.1875 27.203125 
324 | L 10.59375 27.203125 
325 | z
326 | " id="DejaVuSans-8722"/>
327 |        <path d="M 10.6875 12.40625 
328 | L 21 12.40625 
329 | L 21 0 
330 | L 10.6875 0 
331 | z
332 | " id="DejaVuSans-46"/>
333 |       </defs>
334 |       <g transform="translate(16.354687 245.923168)scale(0.1 -0.1)">
335 |        <use xlink:href="#DejaVuSans-8722"/>
336 |        <use x="83.789062" xlink:href="#DejaVuSans-49"/>
337 |        <use x="147.412109" xlink:href="#DejaVuSans-46"/>
338 |        <use x="179.199219" xlink:href="#DejaVuSans-48"/>
339 |        <use x="242.822266" xlink:href="#DejaVuSans-48"/>
340 |       </g>
341 |      </g>
342 |     </g>
343 |     <g id="ytick_2">
344 |      <g id="line2d_15">
345 |       <path clip-path="url(#p105d978456)" d="M 54 217.41391 
346 | L 388.8 217.41391 
347 | " style="fill:none;stroke:#b0b0b0;stroke-linecap:square;stroke-width:0.8;"/>
348 |      </g>
349 |      <g id="line2d_16">
350 |       <g>
351 |        <use style="stroke:#000000;stroke-width:0.8;" x="54" xlink:href="#m086d060827" y="217.41391"/>
352 |       </g>
353 |      </g>
354 |      <g id="text_8">
355 |       <!-- −0.75 -->
356 |       <defs>
357 |        <path d="M 8.203125 72.90625 
358 | L 55.078125 72.90625 
359 | L 55.078125 68.703125 
360 | L 28.609375 0 
361 | L 18.3125 0 
362 | L 43.21875 64.59375 
363 | L 8.203125 64.59375 
364 | z
365 | " id="DejaVuSans-55"/>
366 |        <path d="M 10.796875 72.90625 
367 | L 49.515625 72.90625 
368 | L 49.515625 64.59375 
369 | L 19.828125 64.59375 
370 | L 19.828125 46.734375 
371 | Q 21.96875 47.46875 24.109375 47.828125 
372 | Q 26.265625 48.1875 28.421875 48.1875 
373 | Q 40.625 48.1875 47.75 41.5 
374 | Q 54.890625 34.8125 54.890625 23.390625 
375 | Q 54.890625 11.625 47.5625 5.09375 
376 | Q 40.234375 -1.421875 26.90625 -1.421875 
377 | Q 22.3125 -1.421875 17.546875 -0.640625 
378 | Q 12.796875 0.140625 7.71875 1.703125 
379 | L 7.71875 11.625 
380 | Q 12.109375 9.234375 16.796875 8.0625 
381 | Q 21.484375 6.890625 26.703125 6.890625 
382 | Q 35.15625 6.890625 40.078125 11.328125 
383 | Q 45.015625 15.765625 45.015625 23.390625 
384 | Q 45.015625 31 40.078125 35.4375 
385 | Q 35.15625 39.890625 26.703125 39.890625 
386 | Q 22.75 39.890625 18.8125 39.015625 
387 | Q 14.890625 38.140625 10.796875 36.28125 
388 | z
389 | " id="DejaVuSans-53"/>
390 |       </defs>
391 |       <g transform="translate(16.354687 221.213129)scale(0.1 -0.1)">
392 |        <use xlink:href="#DejaVuSans-8722"/>
393 |        <use x="83.789062" xlink:href="#DejaVuSans-48"/>
394 |        <use x="147.412109" xlink:href="#DejaVuSans-46"/>
395 |        <use x="179.199219" xlink:href="#DejaVuSans-55"/>
396 |        <use x="242.822266" xlink:href="#DejaVuSans-53"/>
397 |       </g>
398 |      </g>
399 |     </g>
400 |     <g id="ytick_3">
401 |      <g id="line2d_17">
402 |       <path clip-path="url(#p105d978456)" d="M 54 192.703871 
403 | L 388.8 192.703871 
404 | " style="fill:none;stroke:#b0b0b0;stroke-linecap:square;stroke-width:0.8;"/>
405 |      </g>
406 |      <g id="line2d_18">
407 |       <g>
408 |        <use style="stroke:#000000;stroke-width:0.8;" x="54" xlink:href="#m086d060827" y="192.703871"/>
409 |       </g>
410 |      </g>
411 |      <g id="text_9">
412 |       <!-- −0.50 -->
413 |       <g transform="translate(16.354687 196.503089)scale(0.1 -0.1)">
414 |        <use xlink:href="#DejaVuSans-8722"/>
415 |        <use x="83.789062" xlink:href="#DejaVuSans-48"/>
416 |        <use x="147.412109" xlink:href="#DejaVuSans-46"/>
417 |        <use x="179.199219" xlink:href="#DejaVuSans-53"/>
418 |        <use x="242.822266" xlink:href="#DejaVuSans-48"/>
419 |       </g>
420 |      </g>
421 |     </g>
422 |     <g id="ytick_4">
423 |      <g id="line2d_19">
424 |       <path clip-path="url(#p105d978456)" d="M 54 167.993832 
425 | L 388.8 167.993832 
426 | " style="fill:none;stroke:#b0b0b0;stroke-linecap:square;stroke-width:0.8;"/>
427 |      </g>
428 |      <g id="line2d_20">
429 |       <g>
430 |        <use style="stroke:#000000;stroke-width:0.8;" x="54" xlink:href="#m086d060827" y="167.993832"/>
431 |       </g>
432 |      </g>
433 |      <g id="text_10">
434 |       <!-- −0.25 -->
435 |       <g transform="translate(16.354687 171.79305)scale(0.1 -0.1)">
436 |        <use xlink:href="#DejaVuSans-8722"/>
437 |        <use x="83.789062" xlink:href="#DejaVuSans-48"/>
438 |        <use x="147.412109" xlink:href="#DejaVuSans-46"/>
439 |        <use x="179.199219" xlink:href="#DejaVuSans-50"/>
440 |        <use x="242.822266" xlink:href="#DejaVuSans-53"/>
441 |       </g>
442 |      </g>
443 |     </g>
444 |     <g id="ytick_5">
445 |      <g id="line2d_21">
446 |       <path clip-path="url(#p105d978456)" d="M 54 143.283793 
447 | L 388.8 143.283793 
448 | " style="fill:none;stroke:#b0b0b0;stroke-linecap:square;stroke-width:0.8;"/>
449 |      </g>
450 |      <g id="line2d_22">
451 |       <g>
452 |        <use style="stroke:#000000;stroke-width:0.8;" x="54" xlink:href="#m086d060827" y="143.283793"/>
453 |       </g>
454 |      </g>
455 |      <g id="text_11">
456 |       <!-- 0.00 -->
457 |       <g transform="translate(24.734375 147.083011)scale(0.1 -0.1)">
458 |        <use xlink:href="#DejaVuSans-48"/>
459 |        <use x="63.623047" xlink:href="#DejaVuSans-46"/>
460 |        <use x="95.410156" xlink:href="#DejaVuSans-48"/>
461 |        <use x="159.033203" xlink:href="#DejaVuSans-48"/>
462 |       </g>
463 |      </g>
464 |     </g>
465 |     <g id="ytick_6">
466 |      <g id="line2d_23">
467 |       <path clip-path="url(#p105d978456)" d="M 54 118.573754 
468 | L 388.8 118.573754 
469 | " style="fill:none;stroke:#b0b0b0;stroke-linecap:square;stroke-width:0.8;"/>
470 |      </g>
471 |      <g id="line2d_24">
472 |       <g>
473 |        <use style="stroke:#000000;stroke-width:0.8;" x="54" xlink:href="#m086d060827" y="118.573754"/>
474 |       </g>
475 |      </g>
476 |      <g id="text_12">
477 |       <!-- 0.25 -->
478 |       <g transform="translate(24.734375 122.372972)scale(0.1 -0.1)">
479 |        <use xlink:href="#DejaVuSans-48"/>
480 |        <use x="63.623047" xlink:href="#DejaVuSans-46"/>
481 |        <use x="95.410156" xlink:href="#DejaVuSans-50"/>
482 |        <use x="159.033203" xlink:href="#DejaVuSans-53"/>
483 |       </g>
484 |      </g>
485 |     </g>
486 |     <g id="ytick_7">
487 |      <g id="line2d_25">
488 |       <path clip-path="url(#p105d978456)" d="M 54 93.863714 
489 | L 388.8 93.863714 
490 | " style="fill:none;stroke:#b0b0b0;stroke-linecap:square;stroke-width:0.8;"/>
491 |      </g>
492 |      <g id="line2d_26">
493 |       <g>
494 |        <use style="stroke:#000000;stroke-width:0.8;" x="54" xlink:href="#m086d060827" y="93.863714"/>
495 |       </g>
496 |      </g>
497 |      <g id="text_13">
498 |       <!-- 0.50 -->
499 |       <g transform="translate(24.734375 97.662933)scale(0.1 -0.1)">
500 |        <use xlink:href="#DejaVuSans-48"/>
501 |        <use x="63.623047" xlink:href="#DejaVuSans-46"/>
502 |        <use x="95.410156" xlink:href="#DejaVuSans-53"/>
503 |        <use x="159.033203" xlink:href="#DejaVuSans-48"/>
504 |       </g>
505 |      </g>
506 |     </g>
507 |     <g id="ytick_8">
508 |      <g id="line2d_27">
509 |       <path clip-path="url(#p105d978456)" d="M 54 69.153675 
510 | L 388.8 69.153675 
511 | " style="fill:none;stroke:#b0b0b0;stroke-linecap:square;stroke-width:0.8;"/>
512 |      </g>
513 |      <g id="line2d_28">
514 |       <g>
515 |        <use style="stroke:#000000;stroke-width:0.8;" x="54" xlink:href="#m086d060827" y="69.153675"/>
516 |       </g>
517 |      </g>
518 |      <g id="text_14">
519 |       <!-- 0.75 -->
520 |       <g transform="translate(24.734375 72.952894)scale(0.1 -0.1)">
521 |        <use xlink:href="#DejaVuSans-48"/>
522 |        <use x="63.623047" xlink:href="#DejaVuSans-46"/>
523 |        <use x="95.410156" xlink:href="#DejaVuSans-55"/>
524 |        <use x="159.033203" xlink:href="#DejaVuSans-53"/>
525 |       </g>
526 |      </g>
527 |     </g>
528 |     <g id="ytick_9">
529 |      <g id="line2d_29">
530 |       <path clip-path="url(#p105d978456)" d="M 54 44.443636 
531 | L 388.8 44.443636 
532 | " style="fill:none;stroke:#b0b0b0;stroke-linecap:square;stroke-width:0.8;"/>
533 |      </g>
534 |      <g id="line2d_30">
535 |       <g>
536 |        <use style="stroke:#000000;stroke-width:0.8;" x="54" xlink:href="#m086d060827" y="44.443636"/>
537 |       </g>
538 |      </g>
539 |      <g id="text_15">
540 |       <!-- 1.00 -->
541 |       <g transform="translate(24.734375 48.242855)scale(0.1 -0.1)">
542 |        <use xlink:href="#DejaVuSans-49"/>
543 |        <use x="63.623047" xlink:href="#DejaVuSans-46"/>
544 |        <use x="95.410156" xlink:href="#DejaVuSans-48"/>
545 |        <use x="159.033203" xlink:href="#DejaVuSans-48"/>
546 |       </g>
547 |      </g>
548 |     </g>
549 |    </g>
550 |    <g id="line2d_31">
551 |     <path clip-path="url(#p105d978456)" d="M 69.218182 143.283793 
552 | L 72.292562 133.416242 
553 | L 75.366942 123.647285 
554 | L 78.441322 114.074529 
555 | L 81.515702 104.793623 
556 | L 84.590083 95.897297 
557 | L 87.664463 87.474442 
558 | L 90.738843 79.609216 
559 | L 93.813223 72.380205 
560 | L 96.887603 65.859638 
561 | L 99.961983 60.112669 
562 | L 103.036364 55.196718 
563 | L 106.110744 51.160904 
564 | L 109.185124 48.045551 
565 | L 112.259504 45.881787 
566 | L 115.333884 44.691232 
567 | L 118.408264 44.485782 
568 | L 121.482645 45.267488 
569 | L 124.557025 47.028541 
570 | L 127.631405 49.751344 
571 | L 130.705785 53.408693 
572 | L 133.780165 57.964044 
573 | L 136.854545 63.371882 
574 | L 139.928926 69.578173 
575 | L 143.003306 76.520906 
576 | L 146.077686 84.130712 
577 | L 149.152066 92.331556 
578 | L 152.226446 101.041498 
579 | L 155.300826 110.173512 
580 | L 158.375207 119.636352 
581 | L 161.449587 129.335469 
582 | L 164.523967 139.173953 
583 | L 167.598347 149.053502 
584 | L 170.672727 158.875402 
585 | L 173.747107 168.541515 
586 | L 176.821488 177.955262 
587 | L 179.895868 187.022582 
588 | L 182.970248 195.65288 
589 | L 186.044628 203.759922 
590 | L 189.119008 211.262707 
591 | L 192.193388 218.08627 
592 | L 195.267769 224.16243 
593 | L 198.342149 229.430478 
594 | L 201.416529 233.837777 
595 | L 204.490909 237.34029 
596 | L 207.565289 239.903022 
597 | L 210.639669 241.500367 
598 | L 213.71405 242.116364 
599 | L 216.78843 241.744858 
600 | L 219.86281 240.389562 
601 | L 222.93719 238.064018 
602 | L 226.01157 234.79146 
603 | L 229.08595 230.604589 
604 | L 232.160331 225.545237 
605 | L 235.234711 219.663955 
606 | L 238.309091 213.019509 
607 | L 241.383471 205.678286 
608 | L 244.457851 197.713638 
609 | L 247.532231 189.205145 
610 | L 250.606612 180.237821 
611 | L 253.680992 170.901264 
612 | L 256.755372 161.288763 
613 | L 259.829752 151.496362 
614 | L 262.904132 141.621904 
615 | L 265.978512 131.764051 
616 | L 269.052893 122.021299 
617 | L 272.127273 112.490996 
618 | L 275.201653 103.268363 
619 | L 278.276033 94.445552 
620 | L 281.350413 86.110716 
621 | L 284.424793 78.347135 
622 | L 287.499174 71.232379 
623 | L 290.573554 64.837537 
624 | L 293.647934 59.226504 
625 | L 296.722314 54.455344 
626 | L 299.796694 50.571728 
627 | L 302.871074 47.614461 
628 | L 305.945455 45.61309 
629 | L 309.019835 44.587612 
630 | L 312.094215 44.548274 
631 | L 315.168595 45.495469 
632 | L 318.242975 47.419732 
633 | L 321.317355 50.301837 
634 | L 324.391736 54.112988 
635 | L 327.466116 58.815103 
636 | L 330.540496 64.361202 
637 | L 333.614876 70.695869 
638 | L 336.689256 77.75581 
639 | L 339.763636 85.470486 
640 | L 342.838017 93.762813 
641 | L 345.912397 102.549937 
642 | L 348.986777 111.744061 
643 | L 352.061157 121.253319 
644 | L 355.135537 130.982698 
645 | L 358.209917 140.834986 
646 | L 361.284298 150.711741 
647 | L 364.358678 160.514279 
648 | L 367.433058 170.144655 
649 | L 370.507438 179.506647 
650 | L 373.581818 188.506712 
651 | " style="fill:none;stroke:#1f77b4;stroke-linecap:square;stroke-width:1.5;"/>
652 |    </g>
653 |    <g id="line2d_32">
654 |     <path clip-path="url(#p105d978456)" d="M 69.218182 44.443636 
655 | L 72.292562 44.937425 
656 | L 75.366942 46.413859 
657 | L 78.441322 48.858185 
658 | L 81.515702 52.24598 
659 | L 84.590083 56.543395 
660 | L 87.664463 61.707491 
661 | L 90.738843 67.686671 
662 | L 93.813223 74.421193 
663 | L 96.887603 81.843766 
664 | L 99.961983 89.880228 
665 | L 103.036364 98.450281 
666 | L 106.110744 107.468296 
667 | L 109.185124 116.844167 
668 | L 112.259504 126.484214 
669 | L 115.333884 136.292117 
670 | L 118.408264 146.169878 
671 | L 121.482645 156.018803 
672 | L 124.557025 165.740483 
673 | L 127.631405 175.237784 
674 | L 130.705785 184.415811 
675 | L 133.780165 193.18286 
676 | L 136.854545 201.451335 
677 | L 139.928926 209.138619 
678 | L 143.003306 216.167903 
679 | L 146.077686 222.468953 
680 | L 149.152066 227.978811 
681 | L 152.226446 232.642424 
682 | L 155.300826 236.413196 
683 | L 158.375207 239.253449 
684 | L 161.449587 241.134806 
685 | L 164.523967 242.038467 
686 | L 167.598347 241.955404 
687 | L 170.672727 240.886447 
688 | L 173.747107 238.842277 
689 | L 176.821488 235.843318 
690 | L 179.895868 231.919535 
691 | L 182.970248 227.110132 
692 | L 186.044628 221.463165 
693 | L 189.119008 215.035055 
694 | L 192.193388 207.89003 
695 | L 195.267769 200.099481 
696 | L 198.342149 191.741249 
697 | L 201.416529 182.898845 
698 | L 204.490909 173.660622 
699 | L 207.565289 164.118882 
700 | L 210.639669 154.368966 
701 | L 213.71405 144.50829 
702 | L 216.78843 134.635379 
703 | L 219.86281 124.848881 
704 | L 222.93719 115.246578 
705 | L 226.01157 105.924413 
706 | L 229.08595 96.975532 
707 | L 232.160331 88.489347 
708 | L 235.234711 80.55065 
709 | L 238.309091 73.238761 
710 | L 241.383471 66.62674 
711 | L 244.457851 60.780651 
712 | L 247.532231 55.758905 
713 | L 250.606612 51.61168 
714 | L 253.680992 48.380411 
715 | L 256.755372 46.097387 
716 | L 259.829752 44.785416 
717 | L 262.904132 44.457609 
718 | L 265.978512 45.11724 
719 | L 269.052893 46.757719 
720 | L 272.127273 49.362655 
721 | L 275.201653 52.906019 
722 | L 278.276033 57.352409 
723 | L 281.350413 62.657396 
724 | L 284.424793 68.767976 
725 | L 287.499174 75.623093 
726 | L 290.573554 83.154254 
727 | L 293.647934 91.286209 
728 | L 296.722314 99.937706 
729 | L 299.796694 109.022304 
730 | L 302.871074 118.449231 
731 | L 305.945455 128.124296 
732 | L 309.019835 137.95083 
733 | L 312.094215 147.83065 
734 | L 315.168595 157.665039 
735 | L 318.242975 167.355735 
736 | L 321.317355 176.805912 
737 | L 324.391736 185.921147 
738 | L 327.466116 194.610364 
739 | L 330.540496 202.786743 
740 | L 333.614876 210.368588 
741 | L 336.689256 217.280144 
742 | L 339.763636 223.452353 
743 | L 342.838017 228.823544 
744 | L 345.912397 233.34005 
745 | L 348.986777 236.956744 
746 | L 352.061157 239.637488 
747 | L 355.135537 241.355499 
748 | L 358.209917 242.093609 
749 | L 361.284298 241.844444 
750 | L 364.358678 240.610494 
751 | L 367.433058 238.404088 
752 | L 370.507438 235.247271 
753 | L 373.581818 231.171585 
754 | " style="fill:none;stroke:#ff7f0e;stroke-linecap:square;stroke-width:1.5;"/>
755 |    </g>
756 |    <g id="patch_3">
757 |     <path d="M 54 252 
758 | L 54 34.56 
759 | " style="fill:none;stroke:#000000;stroke-linecap:square;stroke-linejoin:miter;stroke-width:0.8;"/>
760 |    </g>
761 |    <g id="patch_4">
762 |     <path d="M 388.8 252 
763 | L 388.8 34.56 
764 | " style="fill:none;stroke:#000000;stroke-linecap:square;stroke-linejoin:miter;stroke-width:0.8;"/>
765 |    </g>
766 |    <g id="patch_5">
767 |     <path d="M 54 252 
768 | L 388.8 252 
769 | " style="fill:none;stroke:#000000;stroke-linecap:square;stroke-linejoin:miter;stroke-width:0.8;"/>
770 |    </g>
771 |    <g id="patch_6">
772 |     <path d="M 54 34.56 
773 | L 388.8 34.56 
774 | " style="fill:none;stroke:#000000;stroke-linecap:square;stroke-linejoin:miter;stroke-width:0.8;"/>
775 |    </g>
776 |   </g>
777 |  </g>
778 |  <defs>
779 |   <clipPath id="p105d978456">
780 |    <rect height="217.44" width="334.8" x="54" y="34.56"/>
781 |   </clipPath>
782 |  </defs>
783 | </svg>
784 | 


--------------------------------------------------------------------------------
/src/graph.nim:
--------------------------------------------------------------------------------
 1 | import strutils
 2 | import 
 3 |   ./graph/surface, ./graph/plot, ./graph/color
 4 | 
 5 | export color, plot, surface
 6 | 
 7 | import ./graph/backendpng, ./graph/backendsvg
 8 | 
 9 | export backendpng, backendsvg
10 | 
11 | proc saveTo*(sur: var Surface,filename:string) =
12 |   ## Convience function. Saves `img` into `filename`
13 |   if filename.endsWith("svg"):
14 |     sur.saveToSvg(filename)
15 |   elif filename.endsWith("png"):
16 |     sur.saveToPng(filename)
17 |   else:
18 |     raise newException(ValueError, "Only svg and png outputs are supported")
19 | 
20 | proc saveTo*(sur:Surface,filename:string) =
21 |   ## Convience function. Saves `img` into `filename`
22 |   if filename.endsWith("svg"):
23 |     sur.saveToSvg(filename)
24 |   else:
25 |     raise newException(ValueError, "Only svg and png outputs are supported")
26 | 
27 | when isMainModule:
28 |   runnableExamples:
29 |     import math, arraymancer
30 |     let x = arange(0.0,10,0.1)
31 |     let y = sin(x)
32 |     let y2 = cos(x)
33 |     var rt = plot(x.data,y.data)
34 |     rt.plot(x.data,y2.data, col=Viridis.orange)
35 |     rt.drawgrid = true
36 |     rt.saveTo("tdraw.png")
37 |     rt.saveTo("tdraw.svg")


--------------------------------------------------------------------------------
/src/graph/backendpng.nim:
--------------------------------------------------------------------------------
  1 | import ./surface, nimPNG, ./color
  2 | 
  3 | import math
  4 | 
  5 | proc aaline(srf:var Surface, x0,y0,x1,y1:int, w: float = 1.0, color : Color = Red) =
  6 |   # Anti aliased thick line with a modified bresenham line algorithm
  7 |   # see http://members.chello.at/easyfilter/bresenham.html
  8 |   var 
  9 |     dx = abs(x1-x0)
 10 |     dy = abs(y1-y0)
 11 |     sx = if x0<x1: 1 else: -1
 12 |     sy = if y0<y1: 1 else: -1
 13 |     err = dx-dy  
 14 |     ed = if dx+dy == 0: 1.0 else: sqrt((dx * dx + dy * dy).float)
 15 |     e2, x2, y2: int
 16 |   
 17 |   var 
 18 |     hfw = 0.5*(1+w) # half the width
 19 |     xi = x0
 20 |     yi = y0
 21 |   while true:
 22 |     var ap = 255-(255*(abs(err-dx+dy).float / ed - hfw + 1)).int
 23 |     #echo "first ", ap
 24 |     srf[yi,xi] = srf[yi,xi].blend(color.withAlpha(min(max(0, ap),255)))
 25 |     e2 = err
 26 |     x2 = xi
 27 |     if(2*e2 >= -dx):
 28 |       e2 += dy
 29 |       y2 = yi
 30 |       while e2.float < ed*w and (y1 != y2 or dx > dy):
 31 |         y2 += sy
 32 |         ap = 255-(255*(abs(e2).float/ed - hfw + 1)).int
 33 |         #echo "second ", ap
 34 |         srf[y2,xi] = srf[y2,xi].blend(color.withAlpha(min(max(0, ap),255)))
 35 |         e2 += dx
 36 |       
 37 |       if(xi==x1): break
 38 |       e2 = err
 39 |       err -= dy
 40 |       xi += sx
 41 |     
 42 |     if(2*e2 <= dy):
 43 |       e2 = dx-e2
 44 |       while e2.float < ed*w and (x1 != x2 or dx < dy):
 45 |         x2 += sx
 46 |         ap = 255-(255*(abs(e2).float/ed - hfw + 1)).int
 47 |         #echo "third ", ap
 48 |         srf[yi,x2] = srf[yi,x2].blend(color.withAlpha(min(max(0, ap),255)))
 49 |         e2 += dy
 50 |     
 51 |       if(yi==y1): break
 52 |       err += dx
 53 |       yi += sy
 54 | 
 55 | proc renderLine(srf:var Surface, x1,y1,x2,y2:float, w:float=1.0, color : Color = Red) {.inline.} =
 56 |   srf.aaline(srf.x.pixelFromVal(srf.origin.x0+x1), srf.y.pixelFromVal(srf.origin.y0+y1),
 57 |               srf.x.pixelFromVal(srf.origin.x0+x2),srf.y.pixelFromVal(srf.origin.y0+y2), w, color)
 58 | 
 59 | proc xticks(sur: var Surface, every: float = 0.20, color:Color=Viridis.gray) =
 60 |   ## Plot ticks with `Color`, the distance between ticks is `every` as a percentage.
 61 |   let incr =  (sur.x.unpadded.max-sur.x.unpadded.min)*every
 62 |   var point = sur.x.unpadded.min
 63 |   let ticksize = (sur.y.max.val-sur.y.min.val)*every/15
 64 |   while point <= sur.x.max.val:
 65 |     sur.renderLine(point, sur.y.min.val-ticksize , point, sur.y.min.val, 1.0, color)
 66 |     point += incr
 67 | 
 68 | proc yticks(sur: var Surface, every: float = 0.10, color:Color=Viridis.gray) =
 69 |   ## Plot ticks with `Color`, the distance between ticks is `every` as a percentage.
 70 |   let incr =  (sur.y.unpadded.max-sur.y.unpadded.min)*every
 71 |   var point = sur.y.unpadded.min
 72 |   let ticksize = (sur.x.max.val-sur.x.min.val)*every/10
 73 |   while point <= sur.y.max.val:
 74 |     sur.renderLine(sur.x.min.val-ticksize, point, sur.x.min.val, point, 1.0, color)
 75 |     point += incr
 76 | 
 77 | 
 78 | proc renderBox(sur: var Surface, color:Color=Black, ticks: bool = false) =
 79 |   ## Plot a box around the drawable part of the plot
 80 |   ## ## If `ticks` is true, ticks are also plotted
 81 |   sur.renderLine(sur.x.min.val, sur.y.min.val , sur.x.min.val, sur.y.max.val, 1.0, color)
 82 |   sur.renderLine(sur.x.min.val, sur.y.min.val , sur.x.max.val, sur.y.min.val, 1.0, color)
 83 |   sur.renderLine(sur.x.max.val, sur.y.min.val , sur.x.max.val, sur.y.max.val, 1.0, color)
 84 |   sur.renderLine(sur.x.min.val, sur.y.max.val , sur.x.max.val, sur.y.max.val, 1.0, color)
 85 |   if ticks:
 86 |     sur.xticks(color=color)
 87 |     sur.yticks(color=color)
 88 | 
 89 | proc gridX(sur: var Surface, every: float = 0.10, color:Color=Viridis.gray, ticks:bool=false) =
 90 |   ## Plot a grid with `Color`, the distance between lines is `every` as a percentage.
 91 |   let incr =  (sur.x.unpadded.max-sur.x.unpadded.min)*every
 92 |   var point = sur.x.unpadded.min
 93 |   let ticksize = if not ticks: 0.0 else:(sur.y.max.val-sur.y.min.val)*every/15
 94 |   while point <= sur.x.max.val:
 95 |     sur.renderLine(point, sur.y.min.val-ticksize , point, sur.y.max.val, 1.0, color)
 96 |     point += incr
 97 | 
 98 | proc gridY(sur: var Surface, every: float = 0.10, color:Color=Viridis.gray, ticks:bool=false) =
 99 |   ## Plot a grid with `Color`, the distance between lines is `every` as a percentage.
100 |   let incr =  (sur.y.unpadded.max-sur.y.unpadded.min)*every
101 |   var point = sur.y.unpadded.min
102 |   let ticksize = if not ticks: 0.0 else: (sur.x.max.val-sur.x.min.val)*every/10
103 |   while point <= sur.y.max.val:
104 |     sur.renderLine(sur.x.min.val-ticksize, point, sur.x.max.val, point, 1.0, color)
105 |     point += incr
106 | 
107 | proc renderGrid(sur: var Surface, everyX: float = 0.2, everyY: float = 0.10, color:Color=Viridis.gray, ticks:bool=false) =
108 |   ## Plot a grid with `Color`, the distance between lines is `every` as a percentage.
109 |   ## If `ticks` is true, the lines extend slightly outside
110 |   sur.gridX(everyX, color, ticks)
111 |   sur.gridY(everyY, color, ticks)
112 | 
113 | 
114 | proc render(srf: var Surface) =
115 |   srf.fillWith(srf.bg)
116 |   
117 |   if srf.drawgrid: 
118 |     srf.renderGrid
119 |   if srf.drawbox:
120 |     srf.renderBox(ticks=srf.drawticks)
121 | 
122 |   # color up the lines, FIFO
123 |   for plot in srf.plots.mitems:
124 |     # if done, we don't need to redraw
125 |     if plot.done: continue
126 |     for i in 0..<plot.x.len-1: 
127 |       srf.renderLine(plot.x[i],plot.y[i], plot.x[i+1], plot.y[i+1], 1.5, plot.c)
128 |     plot.done = true
129 | 
130 | proc saveToPng*(sur: var Surface, filename:string) =
131 |   ## Convience function. Saves `img` into `filename`
132 |   sur.render
133 |   var px = ""
134 |   for p in sur.pixels: px.add($p)
135 |   if not savepng32(filename,px,sur.width,sur.height): 
136 |     assert(false,"Error saving")
137 | 
138 | proc png*(sur: var Surface): PNG[string] =
139 |   sur.render
140 |   var px = ""
141 |   for p in sur.pixels: px.add($p)
142 |   result = encodePNG32(px,sur.width,sur.height)


--------------------------------------------------------------------------------
/src/graph/backendsvg.nim:
--------------------------------------------------------------------------------
  1 | import ./surface, nimsvg, ./color, strformat
  2 | 
  3 | proc renderLinePlots(s:Surface): seq[string] =
  4 |   # return a seq[string] containing the svg paths
  5 |   # defined by s.plots 
  6 |   result.setLen(s.plots.len)
  7 |   for i, path in result.mpairs:
  8 |     for j in 0..<len(s.plots[i].x):
  9 |       if j == 0:
 10 |         path.add("M " & $s.x.pixelFromVal2(s.plots[i].x[j]) & 
 11 |                   " " & $s.y.pixelFromVal2(s.plots[i].y[j], true))
 12 |         continue
 13 |       path.add(" L " & $s.x.pixelFromVal2(s.plots[i].x[j]) & 
 14 |                   " " & $s.y.pixelFromVal2(s.plots[i].y[j], true))
 15 | 
 16 | proc xticks(sur: Surface, every: float = 0.20, color:Color=Viridis.gray):string =
 17 |   ## Plot ticks with `Color`, the distance between ticks is `every` as a percentage.
 18 |   let incr =  (sur.x.unpadded.max-sur.x.unpadded.min)*every
 19 |   var point = sur.x.unpadded.min
 20 |   let ticksize = (sur.y.max.val-sur.y.min.val)*every/15
 21 |   result = ""
 22 |   while point <= sur.x.max.val:
 23 |     result.add( "M " & $sur.x.pixelFromVal2(point) & " " & $sur.y.pixelFromVal2((sur.y.min.val-ticksize), true) & " L " & $sur.x.pixelFromVal2(point) & " " & $sur.y.pixelFromVal2(sur.y.min.val, true) & " ")
 24 |     point += incr
 25 | 
 26 | proc yticks(sur: Surface, every: float = 0.10, color:Color=Viridis.gray):string =
 27 |   ## Plot ticks with `Color`, the distance between ticks is `every` as a percentage.
 28 |   let incr =  (sur.y.unpadded.max-sur.y.unpadded.min)*every
 29 |   var point = sur.y.unpadded.min
 30 |   let ticksize = (sur.x.max.val-sur.x.min.val)*every/10
 31 |   result = ""
 32 |   while point <= sur.y.max.val:
 33 |     result.add( "M " & $sur.x.pixelFromVal2(sur.x.min.val-ticksize) & " " & $sur.y.pixelFromVal2(point, true) & " L " & $sur.x.pixelFromVal2(sur.x.min.val) & " " & $sur.y.pixelFromVal2(point, true) & " ")
 34 |     point += incr
 35 |   
 36 | proc renderBox(sur: Surface, color:Color=Black, ticks: bool = false): seq[string] =
 37 |   ## Plot a box around the drawable part of the plot
 38 |   ## ## If `ticks` is true, ticks are also plotted
 39 |   result.add "M " & $sur.x.pixelFromVal2(sur.x.min.val) & " " & $sur.y.pixelFromVal2(sur.y.min.val, true) & " L " &  $sur.x.pixelFromVal2(sur.x.min.val) & " " &  $sur.y.pixelFromVal2(sur.y.max.val, true) & 
 40 |     " L " &  $sur.x.pixelFromVal2(sur.x.max.val) & " " &  $sur.y.pixelFromVal2(sur.y.max.val, true) & " L " &  $sur.x.pixelFromVal2(sur.x.max.val) & " " &  $sur.y.pixelFromVal2(sur.y.min.val, true) & 
 41 |     " L " & $sur.x.pixelFromVal2(sur.x.min.val) & " " & $sur.y.pixelFromVal2(sur.y.min.val, true)
 42 |   if ticks:
 43 |     result.add sur.xticks(color=color)
 44 |     result.add sur.yticks(color=color)
 45 | 
 46 | proc gridX(sur: Surface, every: float = 0.10, color:Color=Viridis.gray, ticks:bool=false): string =
 47 |   ## Plot a grid with `Color`, the distance between lines is `every` as a percentage.
 48 |   let incr =  (sur.x.unpadded.max-sur.x.unpadded.min)*every
 49 |   var point = sur.x.unpadded.min
 50 |   let ticksize = if not ticks: 0.0 else:(sur.y.max.val-sur.y.min.val)*every/15
 51 |   result = ""
 52 |   while point <= sur.x.max.val:
 53 |     result.add( fmt"M {sur.x.pixelFromVal2(point):.4f} {sur.y.pixelFromVal2((sur.y.min.val-ticksize), true):.4f} L {sur.x.pixelFromVal2(point):.4f} {sur.y.pixelFromVal2(sur.y.max.val, true):.4f} ")
 54 |     point += incr
 55 | 
 56 | proc gridY(sur: Surface, every: float = 0.10, color:Color=Viridis.gray, ticks:bool=false): string=
 57 |   ## Plot a grid with `Color`, the distance between lines is `every` as a percentage.
 58 |   let incr =  (sur.y.unpadded.max-sur.y.unpadded.min)*every
 59 |   var point = sur.y.unpadded.min
 60 |   let ticksize = if not ticks: 0.0 else: (sur.x.max.val-sur.x.min.val)*every/10
 61 |   result = ""
 62 |   while point <= sur.y.max.val:
 63 |     result.add( "M " & $sur.x.pixelFromVal2(sur.x.min.val-ticksize) & " " & $sur.y.pixelFromVal2(point, true) & " L " & $sur.x.pixelFromVal2(sur.x.max.val) & " " & $sur.y.pixelFromVal2(point, true) & " ")
 64 |     point += incr
 65 |   
 66 | proc renderGrid(sur: Surface, everyX: float = 0.2, everyY: float = 0.10, color:Color=Viridis.gray, ticks:bool=false) : seq[string] =
 67 |   ## Plot a grid with `Color`, the distance between lines is `every` as a percentage.
 68 |   ## If `ticks` is true, the lines extend slightly outside
 69 |   result = @[sur.gridX(everyX, color, ticks)]
 70 |   result &= sur.gridY(everyY, color, ticks)
 71 | 
 72 | proc xlabels(sur: Surface, every: float = 0.20, color:Color=Black):Nodes =
 73 |   ## Plot ticks with `Color`, the distance between ticks is `every` as a percentage.
 74 |   let incr =  (sur.x.unpadded.max-sur.x.unpadded.min)*every
 75 |   var point = sur.x.unpadded.min
 76 |   let pt = 1.333
 77 |   
 78 |   while point <= sur.x.max.val:
 79 |     let tmp = buildSvg:
 80 |         text( x=sur.x.pixelFromVal2(point)-pt*2, y=sur.y.pixelFromVal2((sur.y.min.val), true)+pt*14, fill = fmt"#{color:08x}", `font-size`= "9pt"):
 81 |           t fmt"{point:g}"
 82 |     result.add(tmp)
 83 |     point += incr
 84 | 
 85 | proc ylabels(sur: Surface, every: float = 0.1, color:Color=Black):Nodes =
 86 |   ## Plot ticks with `Color`, the distance between ticks is `every` as a percentage.
 87 |   let incr =  (sur.y.unpadded.max-sur.y.unpadded.min)*every
 88 |   var point = sur.y.unpadded.min
 89 |   let pt = 1.333
 90 |   while point <= sur.y.max.val:
 91 |     let tmp = buildSvg:
 92 |       text(x=sur.x.pixelFromVal2(sur.x.min.val)-pt*10*3, y=sur.y.pixelFromVal2(point, true)+pt*3, fill = fmt"#{color:08x}", `font-size`= "9pt"):
 93 |         t fmt"{point:+.2g}"
 94 |     result.add(tmp)
 95 |     point += incr
 96 | 
 97 | proc renderLabels(sur:Surface): Nodes =
 98 |   result = sur.xlabels
 99 |   result.add(sur.ylabels)
100 | 
101 | proc svg*(s: Surface):string =
102 |   let paths = s.renderLinePlots
103 |   let grid = if s.drawgrid: s.renderGrid else: @[]
104 |   let box = if s.drawbox: s.renderBox(ticks=s.drawticks) else: @[]
105 |   let svgnodes = buildSvg:
106 |     svg(width= fmt"{s.width}", height= fmt"{s.height}", fill= fmt"#{s.bg:08x}"):
107 |       for b in box:
108 |         path(d=b, stroke="black", fill="transparent")
109 |       for i, g in grid:
110 |         path(d=g, stroke= fmt"#{ord(Viridis.gray):08x}", fill="transparent")
111 |       for i, p in paths:
112 |         path(d=p, stroke= fmt"#{s.plots[i].c:08x}", fill="transparent", `stroke-width` = "1.5pt")
113 |       embed s.renderLabels
114 |   result = svgnodes.render
115 | 
116 | proc saveToSvg*(s:Surface, f:string) =
117 |   writeFile(f, s.svg)


--------------------------------------------------------------------------------
/src/graph/color.nim:
--------------------------------------------------------------------------------
 1 | type
 2 |   Color* = uint32
 3 |   
 4 | const
 5 |   ## Common colors used for testing
 6 |   Transparent* = Color(0x00000000)
 7 |   Black* = Color(0x000000FF)
 8 |   Blue* = Color(0x0000FFFF)
 9 |   Green* = Color(0x00FF00FF)
10 |   Red* = Color(0xFF0000FF)
11 |   Purple* = Color(0xFF00FFFF)
12 |   Yellow* = Color(0xFFFF00FF)
13 |   White* = Color(0xFFFFFFFF)
14 |   HalfTBlack* = Color(0x00000088) ## HalfT<Color> colors are <color> at half alpha
15 |   HalfTBlue* = Color(0x0000FF88)
16 |   HalfTGreen* = Color(0x00FF0088)
17 |   HalfTRed* = Color(0xFF000088)
18 |   HalftWhite* = Color(0xFFFFFF88)
19 | 
20 | type Viridis* {.pure.} = enum
21 |   transp = Color(0x00000000)
22 |   blue = Color(0x1f77b4ff)
23 |   green = Color(0x2ca02cff)
24 |   gray = Color(0xbfbfbfff)
25 |   red = Color(0xd62728ff)
26 |   orange = Color(0xff7f0eff)
27 | 
28 | converter toColor*(v: Viridis): Color {.inline.} = Color(v)
29 | 
30 | proc color* (r,g,b,a:int=0) :Color=
31 |   assert(abs(r)<256, $r)
32 |   assert(abs(g)<256, $g)
33 |   assert(abs(b)<256, $b)
34 |   assert(abs(a)<256, $a)
35 |   result = (r shl 24+g shl 16+b shl 8+a).uint32
36 |   
37 | proc withAlpha* (c:Color, a:int=0): Color=
38 |   assert(abs(a)<256, $a)
39 |   # -cast[uint8](c).uint32 <- this part reset alpha to 0
40 |   result = (c-cast[uint8](c).uint32+a.uint32).uint32
41 | 
42 | proc alpha(c: Color): uint32 {.inline.} = cast[uint8](c)
43 | 
44 | proc blend*( orig: var Color, newc: Color) =
45 |     let 
46 |       alpha = newc.alpha
47 |       inv_alpha = 255 - newc.alpha
48 |     orig = (
49 |       ((alpha * cast[uint8](newc shr 24) + inv_alpha * cast[uint8](orig shr 24)) shr 8) shl 24 +
50 |       ((alpha * cast[uint8](newc shr 16) + inv_alpha * cast[uint8](orig shr 16)) shr 8) shl 16 +
51 |       ((alpha * cast[uint8](newc shr 8) + inv_alpha * cast[uint8](orig shr 8)) shr 8)   shl 8  +
52 |       0xff).uint32
53 | 
54 | proc blend*( orig: Color, newc: Color): Color =
55 |     let 
56 |       alpha = newc.alpha
57 |       inv_alpha = 255 - newc.alpha
58 |     result = (
59 |       ((alpha * cast[uint8](newc shr 24) + inv_alpha * cast[uint8](orig shr 24)) shr 8) shl 24 +
60 |       ((alpha * cast[uint8](newc shr 16) + inv_alpha * cast[uint8](orig shr 16)) shr 8) shl 16 +
61 |       ((alpha * cast[uint8](newc shr 8) + inv_alpha * cast[uint8](orig shr 8)) shr 8)   shl 8  +
62 |       0xff).uint32
63 | 
64 | 
65 | proc `$`*(c:Color):string =
66 |   result = ""
67 |   result.setLen(4)
68 | 
69 |   result[0] = cast[uint8](c shr 24).char
70 |   result[1] = cast[uint8](c shr 16).char
71 |   result[2] = cast[uint8](c shr 8).char
72 |   result[3] = cast[uint8](c shr 0).char
73 |   
74 | when isMainModule:
75 |   echo repr color(255,000,000,255)
76 |   echo repr color(255,000,000,0)
77 |   echo repr Red
78 |   echo repr Red.withAlpha(0)
79 |   echo repr Red.withAlpha(88)
80 |   echo repr cast[uint8](HalfTGreen) 
81 | 


--------------------------------------------------------------------------------
/src/graph/plot.nim:
--------------------------------------------------------------------------------
 1 | import ./surface, ./color
 2 | from sequtils import map, zip
 3 | 
 4 | #[
 5 | proc bresline*(srf:var Surface, x1,y1,x2,y2:int, color : Color = Red) =
 6 |   ## Draws a line between x1,y1 and x2,y2. Uses Bresenham's line algorithm.
 7 |   var dx = x2-x1
 8 |   var dy = y2-y1
 9 |   
10 |   let ix = if dx > 0 : 1 elif dx<0 : -1 else: 0
11 |   let iy = if dy > 0 : 1 elif dy<0 : -1 else: 0
12 | 
13 |   dx = abs(dx) shl 1
14 |   dy = abs(dy) shl 1
15 | 
16 |   var xi = x1
17 |   var yi = y1
18 |   srf[yi,xi] = color
19 |   
20 |   if dx>=dy:
21 |     var err = dy-(dx shr 1)
22 |     while xi != x2:
23 |       if (err >= 0):
24 |         err -= dx
25 |         yi+=iy
26 |       
27 |       err += dy
28 |       xi += ix
29 |       srf[yi,xi] = color
30 |   else:
31 |     var err = dx - (dy shr 1)
32 |     while yi!=y2:
33 |       if err >= 0:
34 |         err -= dy
35 |         xi += ix
36 |       err += dx
37 |       yi += iy
38 |       srf[yi,xi] = color
39 | 
40 | proc drawTicks(sur:var Surface,color:Color=Black,every:float=10.0,yevery:float=10.0) =
41 |   # every is a percentage of the width/height
42 |   var ticks = int(float(sur.x.max.pixel-sur.x.min.pixel)/every)
43 |   var last_at = 0.0
44 |   var ticksize = abs((sur.y.max.val-sur.y.min.val)/float(sur.y.min.pixel-sur.y.max.pixel))*3
45 |   var span = sur.x.max.val-sur.x.min.val
46 | 
47 |   for i in 1..<ticks:
48 |     sur.line(last_at,sur.origin.y0-ticksize,last_at,sur.origin.y0+ticksize, 1.0, color)
49 |     last_at+=(span/every)
50 |   
51 |   ticksize = abs((sur.x.max.val-sur.x.min.val)/float(sur.x.max.pixel-sur.x.min.pixel))*3
52 |   let yev = if yevery!=every: yevery else: every   
53 |   ticks = int(float(sur.y.min.pixel-sur.y.max.pixel)/yev)
54 |   span = sur.y.max.val-sur.y.min.val
55 |   last_at = 0.0
56 | 
57 |   for i in 1..<ticks:
58 |     sur.line(sur.origin.x0-ticksize,last_at,sur.origin.x0+ticksize,last_at, 1.0, color)
59 |     last_at+=(span/yev)
60 | 
61 | proc drawAxis*(sur: var Surface, tickperc,ytickprc:float=10.0,color:Color=Black) =
62 |   sur.line(sur.x.min.val,sur.origin.y0,sur.x.max.val,sur.origin.y0, 1.0, color)
63 |   sur.line(sur.origin.x0,sur.y.min.val,sur.origin.x0,sur.y.max.val, 1.0, color)
64 |   let ystep = if ytickprc!=tickperc : ytickprc else: tickperc
65 |   sur.drawTicks(color,tickperc,ystep)
66 | ]#
67 | 
68 | #### New way ideas:
69 | # instead of directly plotting, save the x,y arrays. When asked to
70 | # show the image, only then draw everything into the surface.
71 | # this avoids problems with overlapping when using grid or box, since
72 | # those are applied directly to the surface.
73 | proc plot* [T:SomeFloat](sur: var Surface, x,y: openArray[T], col: Color=Viridis.orange) =
74 |   assert(x.len == y.len)
75 |   sur.plots.add((@x, @y, col, false))
76 | 
77 | proc plot* [T:SomeFloat](sur: var Surface, x: openArray[T],y:proc(x:T):T, col: Color=Viridis.orange) =
78 |   let yy = map(x) do (x:T)->T:
79 |     y(x)
80 |   sur.plots.add((@x, @yy, col, false))
81 | 
82 | proc plot*(x,y: openarray[float], lncolor: Color = Viridis.blue, bgColor: Color = White,
83 |               origin: tuple[x0,y0: float] = (0.0,0.0), padding= 20, 
84 |               grid:bool=false, box:bool=true, ticks=true, size = [432,288]): Surface =
85 |   ## Inits a surface and append points (x,y) to it. Returns the surface.
86 |   let xa = initAxis(min(x),max(x),origin.x0, 0, size[0], padding)
87 |   let ya = initAxis(min(y),max(y),origin.y0, 0, size[1], padding)
88 | 
89 |   result = initSurface(xa,ya)
90 |   result.bg = bgColor
91 |   if grid:
92 |     result.drawgrid = true
93 |   #result.drawAxis()
94 |   if box:
95 |     result.box(ticks=ticks)
96 |   result.plot(x,y,lncolor)
97 | 


--------------------------------------------------------------------------------
/src/graph/surface.nim:
--------------------------------------------------------------------------------
  1 | import ./color
  2 | import math
  3 | type 
  4 |   Axis* = object
  5 |     max*: tuple[val:float,pixel:int]
  6 |     min*: tuple[val:float,pixel:int]
  7 |     unpadded*: tuple[min:float, max: float]
  8 |     origin: float#tuple[val,pixel:int]
  9 |     padding: int # % of padding
 10 |     #TODO: idea: tickevery: float # every % make a tick, also defines grids
 11 | 
 12 |   Surface* = object
 13 |     width*: int
 14 |     height*: int
 15 |     x*: Axis
 16 |     y*: Axis
 17 |     ratio: float
 18 |     origin*: tuple[x0,y0:float]
 19 |     pixels*: seq[Color]
 20 |     plots*: seq[tuple[x,y:seq[float],c:Color, done:bool]]
 21 |     bg*: Color
 22 |     drawgrid*: bool
 23 |     drawbox*: bool
 24 |     drawticks*: bool
 25 |     drawlabels*: bool
 26 |     #CHECK: other alternatives:
 27 |     #bg: seq[Color] # background pixels (background, grids etc)
 28 |     #fg: seq[Color] # foreground pixels (plot lines)
 29 |     # and then blend on save?
 30 |     #pixelPairs*: seq[tuple[x:int,y:int]] # a seq of pair of pixels values to be connected by a line
 31 |     #pixelsize: int
 32 | 
 33 | proc pixelFromVal*(a:Axis,val:float):int =
 34 |   let 
 35 |     paddedmax = a.max.pixel - (((a.max.pixel-a.min.pixel) * a.padding) div 100).int
 36 |     paddedmin = a.min.pixel + (((a.max.pixel-a.min.pixel) * a.padding) div 200).int
 37 |   #result = ((( (val) - a.min.val)/(a.max.val-a.min.val) * (a.max.pixel-a.min.pixel).float)+(a.min.pixel).float).int 
 38 |   result = (
 39 |     ( # We lose too much precision converting to int here :/
 40 |       (((val) - a.min.val)/(a.max.val-a.min.val)) * 
 41 |       paddedmax.float
 42 |     ) + paddedmin.float
 43 |   ).round.int
 44 | proc pixelFromVal2*(a:Axis,val:float, invert:bool=false):float =
 45 |   let 
 46 |     paddedmax = a.max.pixel - (((a.max.pixel-a.min.pixel) * a.padding) div 100)
 47 |     paddedmin = a.min.pixel + (((a.max.pixel-a.min.pixel) * a.padding) div 200)
 48 |   #result = ((( (val) - a.min.val)/(a.max.val-a.min.val) * (a.max.pixel-a.min.pixel).float)+(a.min.pixel).float).int 
 49 |   if not invert:
 50 |     result = (
 51 |       (
 52 |         ((val) - a.min.val)/(a.max.val-a.min.val) * 
 53 |         paddedmax.float
 54 |       ) + paddedmin.float
 55 |     ) 
 56 |   else:
 57 |     result = a.max.pixel.float - (
 58 |       (
 59 |         ((val) - a.min.val)/(a.max.val-a.min.val) * 
 60 |         paddedmax.float
 61 |       ) + paddedmin.float
 62 |     )
 63 | proc `[]`*(sur:Surface, i,j:int):Color =
 64 |   ## j: position along the horizontal axis
 65 |   ## i: position along the vertical axis
 66 |   ## IN PIXEL
 67 |   if i >= sur.height or i < 0: return
 68 |   if j >= sur.width or j < 0: return
 69 |   result = sur.pixels[(sur.height-1-i)*(sur.width)+j]
 70 | 
 71 | proc `[]=`*(sur: var Surface, i,j:int, color:Color) =  
 72 |   if i >= sur.height or i < 0: return
 73 |   if j >= sur.width or j < 0: return
 74 |   sur.pixels[(sur.height-1-i)*(sur.width)+j] = color
 75 | 
 76 | proc `[]`*(sur:Surface, x,y:float):Color =
 77 |   ## x: position along the horizontal axis
 78 |   ## y: position along the vertical axis
 79 |   ## VALUES NOT IN PIXEL
 80 |   result = sur[sur.x.pixelFromVal(x),sur.y.pixelFromVal(y)]
 81 | 
 82 | proc `[]=`*(sur: var Surface, x,y:float, color:Color) =
 83 |   #echo sur.y.pixelFromVal(y),sur.x.pixelFromVal(x)
 84 |   sur[sur.x.pixelFromVal(x), sur.y.pixelFromVal(y)] = color
 85 | 
 86 | proc fillWith*(sur: var Surface,color:Color=White) =
 87 |   ## Loop over every pixel in `img` and sets its color to `color`
 88 |   #sur.pixels.fill(color) 
 89 |   for pix in sur.pixels.mitems: pix = Color(color)
 90 | 
 91 | proc initAxis*(v0,v1:float,origin:float=0.0,p0=0,p1:int=288, padding=10): Axis =
 92 |   ## padding is a percentage?
 93 |   let padfloat = (v1-v0) * (padding / 200)
 94 |   result.max = (v1+padfloat,p1)
 95 |   result.min = (v0-padfloat,p0)
 96 |   result.padding = padding
 97 |   result.origin = origin
 98 |   result.unpadded = (v0,v1)
 99 | 
100 | proc initSurface*(x,y:Axis) : Surface =
101 |   result.x = x
102 |   result.y = y
103 |   result.width = abs(x.max.pixel-x.min.pixel)+1 #wtf
104 |   result.height = abs(y.max.pixel-y.min.pixel)+1
105 |   result.pixels = newSeq[Color](result.height*result.width)
106 |   result.origin = (x.origin,y.origin)
107 |   result.bg = White
108 |   result.plots = @[]
109 | 
110 | proc initSurface*(x0,w,y0,h:int) : Surface =
111 |   result.x = initAxis(x0.float,w.float, 0, 0, w)
112 |   result.y = initAxis(y0.float,h.float, 0, 0, h)
113 |   result.width = w#abs(x.max.pixel-x.min.pixel)+1 #wtf
114 |   result.height = h#abs(y.max.pixel-y.min.pixel)+1
115 |   result.pixels = newSeq[Color](result.height*result.width)
116 |   result.origin = (result.x.origin,result.y.origin)
117 | 
118 | proc grid*(s: var Surface) = s.drawgrid = true
119 | proc box*(s: var Surface, ticks=false) = 
120 |   s.drawbox = true
121 |   if ticks:
122 |     s.drawticks = true
123 |     s.drawlabels = true


--------------------------------------------------------------------------------