removing Web UI tutorials, updating remaining 4 to current release, + review pass

src/diagrams/tutorials/fetchdata/json-list.graffle

 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 <plist version="1.0">
 <dict>
         <key>ActiveLayerIndex</key>
         <integer>0</integer>
         <key>ApplicationVersion</key>
         <array>
                 <string>com.omnigroup.OmniGrafflePro</string>
-                <string>139.16.0.171715</string>
+                <string>139.18.0.187838</string>
         </array>
         <key>AutoAdjust</key>
         <true/>
         <key>BackgroundGraphic</key>
         <dict>
                 <key>Bounds</key>
                 <string>{{0, 0}, {1152, 733}}</string>
                 <key>Class</key>
                 <string>SolidGraphic</string>
                 <key>ID</key>
@@ skipping 25 matching lines @@
         <key>Creator</key>
         <string>Mary Campione</string>
         <key>DisplayScale</key>
         <string>1 0/72 in = 1.0000 in</string>
         <key>GraphDocumentVersion</key>
         <integer>8</integer>
         <key>GraphicsList</key>
         <array>
                 <dict>
                         <key>Bounds</key>
-                        <string>{{114, 94}, {501, 158}}</string>
+                        <string>{{221, 109}, {501, 158}}</string>
                         <key>Class</key>
                         <string>ShapedGraphic</string>
                         <key>FitText</key>
                         <string>YES</string>
                         <key>Flow</key>
                         <string>Resize</string>
                         <key>FontInfo</key>
                         <dict>
                                 <key>Color</key>
                                 <dict>
@@ skipping 31 matching lines @@
                                         <real>7</real>
                                 </dict>
                         </dict>
                         <key>Text</key>
                         <dict>
                                 <key>Align</key>
                                 <integer>0</integer>
                                 <key>Pad</key>
                                 <integer>2</integer>
                                 <key>Text</key>
-                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf340
+                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
 \cocoascreenfonts1{\fonttbl\f0\fmodern\fcharset0 CourierNewPSMT;}
 {\colortbl;\red255\green255\blue255;}
 \deftab720
 \pard\pardeftab720
 
-\f0\fs24 \cf0 import 'dart:json' as json;\
+\f0\fs24 \cf0 import 'dart:convert';\
 var wordList = query('#wordlist');\
 ...\
 requestComplete(HttpRequest request) \{\
  ...\
-    List&lt;String&gt; portmanteaux = json.parse(request.responseText);\
+    List&lt;String&gt; portmanteaux = JSON.decode(request.responseText);\
     for (int i = 0; i &lt; portmanteaux.length; i++) \{\
       wordList.children.add(new LIElement()..text = portmanteaux[i]);\
     \}\
 ...\
 \}}</string>
                                 <key>VerticalPad</key>
                                 <integer>2</integer>
                         </dict>
                         <key>Wrap</key>
                         <string>NO</string>
                 </dict>
                 <dict>
                         <key>Class</key>
                         <string>LineGraphic</string>
                         <key>Head</key>
                         <dict>
                                 <key>ID</key>
                                 <integer>34214</integer>
                         </dict>
                         <key>ID</key>
                         <integer>34216</integer>
                         <key>Points</key>
                         <array>
-                                <string>{92.250994429391994, 256.125}</string>
-                                <string>{133.98647570687859, 112}</string>
+                                <string>{197, 124.05802783284042}</string>
+                                <string>{224, 123.70478827015557}</string>
                         </array>
                         <key>Style</key>
                         <dict>
                                 <key>stroke</key>
                                 <dict>
                                         <key>HeadArrow</key>
                                         <string>FilledArrow</string>
                                         <key>Legacy</key>
                                         <true/>
                                         <key>TailArrow</key>
                                         <string>0</string>
                                 </dict>
                         </dict>
                         <key>Tail</key>
                         <dict>
                                 <key>ID</key>
                                 <integer>34215</integer>
                         </dict>
                 </dict>
                 <dict>
                         <key>Bounds</key>
-                        <string>{{39, 256.125}, {101, 19}}</string>
+                        <string>{{53, 109}, {144, 32}}</string>
                         <key>Class</key>
                         <string>ShapedGraphic</string>
                         <key>FitText</key>
                         <string>YES</string>
                         <key>Flow</key>
                         <string>Resize</string>
                         <key>FontInfo</key>
                         <dict>
                                 <key>Font</key>
                                 <string>HelveticaNeue</string>
@@ skipping 25 matching lines @@
                                 </dict>
                                 <key>stroke</key>
                                 <dict>
                                         <key>Draws</key>
                                         <string>NO</string>
                                 </dict>
                         </dict>
                         <key>Text</key>
                         <dict>
                                 <key>Align</key>
-                                <integer>0</integer>
+                                <integer>2</integer>
                                 <key>Pad</key>
                                 <integer>2</integer>
                                 <key>Text</key>
-                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf340
+                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;}
 {\colortbl;\red255\green255\blue255;}
-\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
+\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\qr
 
-\f0\fs24 \cf0 import json library}</string>
+\f0\fs24 \cf0 import dart:convert library\
+to get JSON functions}</string>
                                 <key>VerticalPad</key>
                                 <integer>2</integer>
                         </dict>
                         <key>Wrap</key>
                         <string>NO</string>
                 </dict>
                 <dict>
                         <key>Bounds</key>
-                        <string>{{117, 98}, {191, 14}}</string>
+                        <string>{{224, 113}, {158, 14}}</string>
                         <key>Class</key>
                         <string>ShapedGraphic</string>
                         <key>ID</key>
                         <integer>34214</integer>
                         <key>Magnets</key>
                         <array>
                                 <string>{-0.40575916230366482, 0.25}</string>
                         </array>
                         <key>Shape</key>
                         <string>Rectangle</string>
@@ skipping 70 matching lines @@
                                         <string>NO</string>
                                 </dict>
                         </dict>
                         <key>Text</key>
                         <dict>
                                 <key>Align</key>
                                 <integer>0</integer>
                                 <key>Pad</key>
                                 <integer>2</integer>
                                 <key>Text</key>
-                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf340
+                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;}
 {\colortbl;\red255\green255\blue255;\red128\green0\blue0;}
 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
 
 \f0\i\b\fs28 \cf2 Save to $tutorial/httprequest/images/json-parse.png}</string>
                                 <key>VerticalPad</key>
                                 <integer>2</integer>
                         </dict>
                         <key>Wrap</key>
                         <string>NO</string>
@@ skipping 45 matching lines @@
                                         <string>NO</string>
                                 </dict>
                         </dict>
                         <key>Text</key>
                         <dict>
                                 <key>Align</key>
                                 <integer>0</integer>
                                 <key>Pad</key>
                                 <integer>2</integer>
                                 <key>Text</key>
-                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf340
+                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;}
 {\colortbl;\red255\green255\blue255;\red128\green0\blue0;}
 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
 
 \f0\i\b\fs28 \cf2 Save to $tutorial/httprequest/images/json-list.png}</string>
                                 <key>VerticalPad</key>
                                 <integer>2</integer>
                         </dict>
                         <key>Wrap</key>
                         <string>NO</string>
                 </dict>
                 <dict>
                         <key>Class</key>
                         <string>LineGraphic</string>
                         <key>Head</key>
                         <dict>
                                 <key>ID</key>
                                 <integer>34165</integer>
                         </dict>
                         <key>ID</key>
                         <integer>34211</integer>
                         <key>Points</key>
                         <array>
-                                <string>{241.37571869115453, 275.125}</string>
-                                <string>{354.34349274076197, 180}</string>
+                                <string>{319.57011231901618, 285}</string>
+                                <string>{468.70112319016181, 195}</string>
                         </array>
                         <key>Style</key>
                         <dict>
                                 <key>stroke</key>
                                 <dict>
                                         <key>HeadArrow</key>
                                         <string>FilledArrow</string>
                                         <key>Legacy</key>
                                         <true/>
                                         <key>TailArrow</key>
                                         <string>0</string>
                                 </dict>
                         </dict>
                         <key>Tail</key>
                         <dict>
                                 <key>ID</key>
                                 <integer>34210</integer>
                         </dict>
                 </dict>
                 <dict>
                         <key>Bounds</key>
-                        <string>{{39, 275.125}, {381, 20}}</string>
+                        <string>{{107, 285}, {392, 20}}</string>
                         <key>Class</key>
                         <string>ShapedGraphic</string>
                         <key>FitText</key>
                         <string>YES</string>
                         <key>Flow</key>
                         <string>Resize</string>
                         <key>FontInfo</key>
                         <dict>
                                 <key>Font</key>
                                 <string>HelveticaNeue</string>
@@ skipping 29 matching lines @@
                                         <string>NO</string>
                                 </dict>
                         </dict>
                         <key>Text</key>
                         <dict>
                                 <key>Align</key>
                                 <integer>0</integer>
                                 <key>Pad</key>
                                 <integer>2</integer>
                                 <key>Text</key>
-                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf340
+                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;}
 {\colortbl;\red255\green255\blue255;}
 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
 
-\f0\fs26 \cf0 parses the JSON string, creates a List, and populates it with strings}</string>
+\f0\fs26 \cf0 decodes the JSON string, creates a List, and populates it with strings}</string>
                                 <key>VerticalPad</key>
                                 <integer>2</integer>
                         </dict>
                         <key>Wrap</key>
                         <string>NO</string>
                 </dict>
                 <dict>
                         <key>Bounds</key>
-                        <string>{{143, 166}, {431, 14}}</string>
+                        <string>{{250, 181}, {449, 14}}</string>
                         <key>Class</key>
                         <string>ShapedGraphic</string>
                         <key>ID</key>
                         <integer>34165</integer>
                         <key>Magnets</key>
                         <array>
                                 <string>{0.38387096774193563, -0.25}</string>
                                 <string>{0, 0.25}</string>
                         </array>
                         <key>Shape</key>
@@ skipping 62 matching lines @@
                                         <real>7</real>
                                 </dict>
                         </dict>
                         <key>Text</key>
                         <dict>
                                 <key>Align</key>
                                 <integer>0</integer>
                                 <key>Pad</key>
                                 <integer>2</integer>
                                 <key>Text</key>
-                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf340
+                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
 \cocoascreenfonts1{\fonttbl\f0\fmodern\fcharset0 CourierNewPSMT;}
 {\colortbl;\red255\green255\blue255;}
 \deftab720
 \pard\pardeftab720
 
 \f0\fs24 \cf0 [\
   "portmanteau", "fantabulous", "spork", "smog",\
   "spanglish", "gerrymander", "turducken", "stagflation",\
   "brangelina", "freeware", "oxbridge", "palimony",\
   "brunch", "blog", "chortle", "Hassenpfeffer", "Schnitzelbonk"\
@@ skipping 190 matching lines @@
                                         <string>NO</string>
                                 </dict>
                         </dict>
                         <key>Text</key>
                         <dict>
                                 <key>Align</key>
                                 <integer>0</integer>
                                 <key>Pad</key>
                                 <integer>2</integer>
                                 <key>Text</key>
-                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf340
+                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;}
 {\colortbl;\red255\green255\blue255;}
 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
 
 \f0\fs26 \cf0 , separates items in a list}</string>
                                 <key>VerticalPad</key>
                                 <integer>2</integer>
                         </dict>
                         <key>Wrap</key>
                         <string>NO</string>
@@ skipping 124 matching lines @@
                                         <string>NO</string>
                                 </dict>
                         </dict>
                         <key>Text</key>
                         <dict>
                                 <key>Align</key>
                                 <integer>0</integer>
                                 <key>Pad</key>
                                 <integer>2</integer>
                                 <key>Text</key>
-                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf340
+                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;}
 {\colortbl;\red255\green255\blue255;}
 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
 
 \f0\fs26 \cf0 " " denotes a string}</string>
                                 <key>VerticalPad</key>
                                 <integer>2</integer>
                         </dict>
                         <key>Wrap</key>
                         <string>NO</string>
@@ skipping 47 matching lines @@
                                         <string>NO</string>
                                 </dict>
                         </dict>
                         <key>Text</key>
                         <dict>
                                 <key>Align</key>
                                 <integer>0</integer>
                                 <key>Pad</key>
                                 <integer>2</integer>
                                 <key>Text</key>
-                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf340
+                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;}
 {\colortbl;\red255\green255\blue255;}
 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
 
 \f0\fs26 \cf0 [ ] denotes a list (aka array)}</string>
                                 <key>VerticalPad</key>
                                 <integer>2</integer>
                         </dict>
                         <key>Wrap</key>
                         <string>NO</string>
@@ skipping 36 matching lines @@
                                         <string>NO</string>
                                 </dict>
                         </dict>
                         <key>Text</key>
                         <dict>
                                 <key>Align</key>
                                 <integer>0</integer>
                                 <key>Pad</key>
                                 <integer>2</integer>
                                 <key>Text</key>
-                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf340
+                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;}
 {\colortbl;\red255\green255\blue255;}
 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
 
 \f0\b\fs26 \cf0 portmanteaux.json}</string>
                                 <key>VerticalPad</key>
                                 <integer>2</integer>
                         </dict>
                         <key>Wrap</key>
                         <string>NO</string>
                 </dict>
                 <dict>
                         <key>Bounds</key>
-                        <string>{{112, 73}, {253, 20}}</string>
+                        <string>{{219, 88}, {253, 20}}</string>
                         <key>Class</key>
                         <string>ShapedGraphic</string>
                         <key>FitText</key>
                         <string>YES</string>
                         <key>Flow</key>
                         <string>Resize</string>
                         <key>FontInfo</key>
                         <dict>
                                 <key>Font</key>
                                 <string>HelveticaNeue-Bold</string>
@@ skipping 22 matching lines @@
                                         <string>NO</string>
                                 </dict>
                         </dict>
                         <key>Text</key>
                         <dict>
                                 <key>Align</key>
                                 <integer>0</integer>
                                 <key>Pad</key>
                                 <integer>2</integer>
                                 <key>Text</key>
-                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf340
+                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;}
 {\colortbl;\red255\green255\blue255;}
 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
 
 \f0\b\fs26 \cf0 the requestComplete() callback function}</string>
                                 <key>VerticalPad</key>
                                 <integer>2</integer>
                         </dict>
                         <key>Wrap</key>
                         <string>NO</string>
@@ skipping 39 matching lines @@
                 <key>twopiSeparation</key>
                 <real>0.0</real>
         </dict>
         <key>LinksVisible</key>
         <string>NO</string>
         <key>MagnetsVisible</key>
         <string>NO</string>
         <key>MasterSheets</key>
         <array/>
         <key>ModificationDate</key>
-        <string>2013-02-14 00:24:47 +0000</string>
+        <string>2013-10-10 17:02:53 +0000</string>
         <key>Modifier</key>
         <string>Mary Campione</string>
         <key>NotesVisible</key>
         <string>NO</string>
         <key>Orientation</key>
         <integer>2</integer>
         <key>OriginVisible</key>
         <string>NO</string>
         <key>PageBreaks</key>
         <string>YES</string>
@@ skipping 88 matching lines @@
                 <array>
                         <array>
                                 <string>Canvas 1</string>
                                 <real>1</real>
                                 <real>1</real>
                         </array>
                 </array>
         </dict>
 </dict>
 </plist>