{"id":0,"registry":{"0":{"submorphs":[{"__isSmartRef__":true,"id":1},{"__isSmartRef__":true,"id":21}],"scripts":[],"id":"6A32D3AD-5850-4356-A263-89ECEB248050","shape":{"__isSmartRef__":true,"id":191},"droppingEnabled":true,"halosEnabled":true,"registeredForMouseEvents":true,"showsHalos":false,"name":"FrameRateGraph","partsBinMetaInfo":{"__isSmartRef__":true,"id":192},"eventHandler":{"__isSmartRef__":true,"id":210},"derivationIds":[127,"F0291F62-F100-480C-AEBF-0230398F7983","AE8B5ED7-E305-45BC-BE4A-1C28A49EE12B","39BA345C-17FA-45A0-BAC2-F0CF5654ACF8","FE91EA31-D8AE-461B-8A49-95DA5FBAE5B4","F38439A3-2F4E-4AC2-BF73-2633C00B1393","6748F5B5-2284-4748-A6EE-F1A261CBAD0B","BBAFB862-93AE-4F89-BCFF-9F1C67B7FE4C","7EC17E78-593A-4CC8-B7E3-859BCBBFE785","BD8BECDB-A9A1-4009-B433-C925F0AFCCFC","F2677A9D-5855-4DF2-B248-94545B34B762","D52188B3-7DC0-410E-96B1-50892AC00A37"],"partTests":{"__isSmartRef__":true,"id":211},"_ClipMode":"visible","moved":true,"__serializedExpressions__":["_Position"],"_Rotation":0,"_Scale":1,"layout":{"__isSmartRef__":true,"id":216},"isInLayoutCycle":false,"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core","_Position":"lively.pt(0.0,0.0)"},"1":{"submorphs":[{"__isSmartRef__":true,"id":2}],"scripts":[{"__isSmartRef__":true,"id":8}],"id":"409C7B32-1A9F-4E0F-80ED-05CD86158556","shape":{"__isSmartRef__":true,"id":9},"droppingEnabled":true,"halosEnabled":true,"registeredForMouseEvents":true,"showsHalos":false,"name":"FPSMorph1","partsBinMetaInfo":{"__isSmartRef__":true,"id":10},"eventHandler":{"__isSmartRef__":true,"id":12},"layout":{"__isSmartRef__":true,"id":13},"scriptAnnotations":{"__isSmartRef__":true,"id":14},"stepsSinceTick":111,"maxLatency":37,"lastMS":1391741986720,"lastTick":46,"derivationIds":[372,"B746F106-0660-4D9F-B3B6-AB620FE0E33D"],"_ClipMode":"visible","connections":{"__isSmartRef__":true,"id":18},"__serializedExpressions__":["_Position"],"owner":{"__isSmartRef__":true,"id":0},"_Rotation":0,"_Scale":1,"attributeConnections":[{"__isSmartRef__":true,"id":20}],"doNotSerialize":["$$fps"],"doNotCopyProperties":["$$fps"],"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":181},"__LivelyClassName__":"lively.morphic.Box","__SourceModuleName__":"Global.lively.morphic.Core","_Position":"lively.pt(10.0,10.0)"},"2":{"submorphs":[],"scripts":[],"id":"29A5E7C7-2911-4FE2-BC24-1543840F52EA","shape":{"__isSmartRef__":true,"id":3},"grabbingEnabled":false,"droppingEnabled":false,"halosEnabled":true,"fixedWidth":true,"fixedHeight":false,"allowsInput":true,"_OverflowMode":"visible","_FontFamily":"Arial, sans-serif","registeredForMouseEvents":true,"_MaxTextWidth":240,"_MaxTextHeight":null,"showsHalos":false,"_FontSize":14,"name":"fpsText","partsBinMetaInfo":{"__isSmartRef__":true,"id":4},"textChunks":[{"__isSmartRef__":true,"id":5}],"charsReplaced":"s","lastFindLoc":6,"prevScroll":[0,0],"eventHandler":{"__isSmartRef__":true,"id":7},"owner":{"__isSmartRef__":true,"id":1},"derivationIds":[412,"00C38227-D603-4000-B20C-15634822F9B6"],"_WhiteSpaceHandling":"pre-wrap","_ClipMode":"visible","__serializedExpressions__":["_Position","textColor","distanceToDragEvent"],"_Rotation":0,"_Scale":1,"__LivelyClassName__":"lively.morphic.Text","__SourceModuleName__":"Global.lively.morphic.TextCore","_Position":"lively.pt(11.0,10.0)","textColor":"Color.rgb(0,0,0)","distanceToDragEvent":"lively.pt(115.0,-24.0)"},"3":{"fill":null,"_BorderWidth":0,"__serializedExpressions__":["_Position","_Extent","_BorderColor","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","_Position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(240.0,44.0)","_BorderColor":"Color.rgb(0,0,0)","_Padding":"lively.rect(0,0,0,0)"},"4":{"partsSpaceName":"PartsBin/Basic/","migrationLevel":2,"comment":"a simple text morph","partName":"Text","__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"5":{"style":{"__isSmartRef__":true,"id":6},"chunkOwner":{"__isSmartRef__":true,"id":2},"_id":"_8135","storedString":"144 frames/sec (7ms avg),\nmax latency 42 ms.","__LivelyClassName__":"lively.morphic.TextChunk","__SourceModuleName__":"Global.lively.morphic.TextCore"},"6":{"__LivelyClassName__":"lively.morphic.TextEmphasis","__SourceModuleName__":"Global.lively.morphic.TextCore"},"7":{"morph":{"__isSmartRef__":true,"id":2},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"8":{"target":{"__isSmartRef__":true,"id":1},"selector":"nextStep","args":[],"stopped":false,"tickTime":1,"suspended":false,"__LivelyClassName__":"lively.morphic.TargetScript","__SourceModuleName__":"Global.lively.morphic.Core"},"9":{"_BorderWidth":1,"_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","__serializedExpressions__":["position","_Extent","_BorderColor","_Fill","_Padding"],"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(256.0,63.0)","_BorderColor":"Color.rgb(0,0,0)","_Fill":"Color.rgb(255,255,255)","_Padding":"lively.rect(0,0,0,0)"},"10":{"partsSpaceName":"PartsBin/Debugging/","comment":"Showing the frames per second","migrationLevel":7,"partName":"FPSMorph","__serializedExpressions__":["lastModifiedDate"],"changes":[{"__isSmartRef__":true,"id":11}],"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin","lastModifiedDate":"new Date(\"Fri Jun 22 2012 06:05:02 GMT-0700 (PDT)\")"},"11":{"__serializedExpressions__":["date"],"author":"robertkrahn","message":"no comment","id":"B160C3BD-FFC7-4E37-993F-B7DF3FAEB1A3","date":"new Date(\"Wed May 01 2013 13:07:23 GMT-0700 (PDT)\")"},"12":{"morph":{"__isSmartRef__":true,"id":1},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"13":{},"14":{"reset":{"__isSmartRef__":true,"id":15},"nextStep":{"__isSmartRef__":true,"id":16},"startSteppingScripts":{"__isSmartRef__":true,"id":17}},"15":{"__serializedExpressions__":["time"],"user":"robertkrahn","time":"new Date(\"Mon Jul 04 2011 05:57:34 GMT-0700 (PDT)\")"},"16":{"__serializedExpressions__":["time"],"user":"robertkrahn","time":"new Date(\"Mon Jul 04 2011 05:57:24 GMT-0700 (PDT)\")"},"17":{"__serializedExpressions__":["time"],"user":"robertkrahn","time":"new Date(\"Mon Jul 04 2011 05:58:21 GMT-0700 (PDT)\")"},"18":{"fps":{"__isSmartRef__":true,"id":19}},"19":{},"20":{"sourceObj":{"__isSmartRef__":true,"id":1},"sourceAttrName":"fps","targetObj":{"__isSmartRef__":true,"id":21},"targetMethodName":"addDataAndRender","varMapping":{"__isSmartRef__":true,"id":180},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings.Core"},"21":{"#startLetters":"","_ClipMode":"visible","_traitConfig_":[{"__isSmartRef__":true,"id":22},{"__isSmartRef__":true,"id":24}],"attributeConnections":[{"__isSmartRef__":true,"id":26},{"__isSmartRef__":true,"id":37}],"derivationIds":[null,"3C1D17F3-0044-4726-B85A-A251A1F703B8","E43FA7DD-9693-40B9-8E88-821D5DCC0811","9FB8D17D-9023-44E8-9410-8AD268E25C75","9BD8C9A7-2A05-43C2-B96B-5EBD5ED44A95","896D4CD6-EB5D-44D4-9AD0-FAADE513A221","A7EDFC3D-B046-4F5A-BE6A-41B6ABC80372","0B609C9D-CCA5-48A2-B47E-7C783531E281","1C9E7B1A-9602-4038-824F-85FE0414ECAF","46ECC3F9-DC8B-4E9F-A714-A144E9167EE9","7390CF6F-D1F4-44D8-9C4B-76076E1CF8DA"],"droppingEnabled":true,"eventHandler":{"__isSmartRef__":true,"id":39},"halosEnabled":true,"id":"201D5AFF-6397-4585-8DF3-2123AFAB6755","isBeingDragged":false,"layout":{"__isSmartRef__":true,"id":40},"name":"ProtovisMorph","partsBinMetaInfo":{"__isSmartRef__":true,"id":41},"prevScroll":[0,0],"scripts":[{"__isSmartRef__":true,"id":46}],"shape":{"__isSmartRef__":true,"id":28},"showsHalos":false,"submorphs":[],"xUnit":"name","yUnit":"","_StyleSheet":".d3Wrapper * {\n background-color: #EEE;\n}\n.d3Wrapper .vertical-rule {\n overflow: visible;\n -webkit-transform: rotate(0eg);\n -webkit-transform-origin: 0px 0px;\n background-color: rgba(0,0,0,0);\n font: 12px Tahoma;\n}\n","_StyleClassNames":["Morph","HtmlWrapperMorph","d3Wrapper"],"doNotSerialize":["$$data"],"doNotCopyProperties":["$$data"],"magnets":[{"__isSmartRef__":true,"id":47},{"__isSmartRef__":true,"id":48},{"__isSmartRef__":true,"id":49},{"__isSmartRef__":true,"id":50},{"__isSmartRef__":true,"id":51},{"__isSmartRef__":true,"id":52},{"__isSmartRef__":true,"id":53},{"__isSmartRef__":true,"id":54}],"connections":{"__isSmartRef__":true,"id":55},"data":[{"__isSmartRef__":true,"id":57},{"__isSmartRef__":true,"id":58},{"__isSmartRef__":true,"id":59},{"__isSmartRef__":true,"id":60},{"__isSmartRef__":true,"id":61},{"__isSmartRef__":true,"id":62},{"__isSmartRef__":true,"id":63},{"__isSmartRef__":true,"id":64},{"__isSmartRef__":true,"id":65},{"__isSmartRef__":true,"id":66},{"__isSmartRef__":true,"id":67},{"__isSmartRef__":true,"id":68},{"__isSmartRef__":true,"id":69},{"__isSmartRef__":true,"id":70},{"__isSmartRef__":true,"id":71},{"__isSmartRef__":true,"id":72},{"__isSmartRef__":true,"id":73},{"__isSmartRef__":true,"id":74},{"__isSmartRef__":true,"id":75},{"__isSmartRef__":true,"id":76},{"__isSmartRef__":true,"id":77},{"__isSmartRef__":true,"id":78},{"__isSmartRef__":true,"id":79},{"__isSmartRef__":true,"id":80},{"__isSmartRef__":true,"id":81},{"__isSmartRef__":true,"id":82},{"__isSmartRef__":true,"id":83},{"__isSmartRef__":true,"id":84},{"__isSmartRef__":true,"id":85},{"__isSmartRef__":true,"id":86},{"__isSmartRef__":true,"id":87},{"__isSmartRef__":true,"id":88},{"__isSmartRef__":true,"id":89},{"__isSmartRef__":true,"id":90},{"__isSmartRef__":true,"id":91},{"__isSmartRef__":true,"id":92},{"__isSmartRef__":true,"id":93},{"__isSmartRef__":true,"id":94},{"__isSmartRef__":true,"id":95},{"__isSmartRef__":true,"id":96},{"__isSmartRef__":true,"id":97},{"__isSmartRef__":true,"id":98},{"__isSmartRef__":true,"id":99},{"__isSmartRef__":true,"id":100},{"__isSmartRef__":true,"id":101},{"__isSmartRef__":true,"id":102},{"__isSmartRef__":true,"id":103},{"__isSmartRef__":true,"id":104},{"__isSmartRef__":true,"id":105},{"__isSmartRef__":true,"id":106},{"__isSmartRef__":true,"id":107},{"__isSmartRef__":true,"id":108},{"__isSmartRef__":true,"id":109},{"__isSmartRef__":true,"id":110},{"__isSmartRef__":true,"id":111},{"__isSmartRef__":true,"id":112},{"__isSmartRef__":true,"id":113},{"__isSmartRef__":true,"id":114},{"__isSmartRef__":true,"id":115},{"__isSmartRef__":true,"id":116},{"__isSmartRef__":true,"id":117},{"__isSmartRef__":true,"id":118},{"__isSmartRef__":true,"id":119},{"__isSmartRef__":true,"id":120},{"__isSmartRef__":true,"id":121},{"__isSmartRef__":true,"id":122},{"__isSmartRef__":true,"id":123},{"__isSmartRef__":true,"id":124},{"__isSmartRef__":true,"id":125},{"__isSmartRef__":true,"id":126},{"__isSmartRef__":true,"id":127},{"__isSmartRef__":true,"id":128},{"__isSmartRef__":true,"id":129},{"__isSmartRef__":true,"id":130},{"__isSmartRef__":true,"id":131},{"__isSmartRef__":true,"id":132},{"__isSmartRef__":true,"id":133},{"__isSmartRef__":true,"id":134},{"__isSmartRef__":true,"id":135},{"__isSmartRef__":true,"id":136},{"__isSmartRef__":true,"id":137},{"__isSmartRef__":true,"id":138},{"__isSmartRef__":true,"id":139},{"__isSmartRef__":true,"id":140},{"__isSmartRef__":true,"id":141},{"__isSmartRef__":true,"id":142},{"__isSmartRef__":true,"id":143},{"__isSmartRef__":true,"id":144},{"__isSmartRef__":true,"id":145},{"__isSmartRef__":true,"id":146},{"__isSmartRef__":true,"id":147},{"__isSmartRef__":true,"id":148},{"__isSmartRef__":true,"id":149},{"__isSmartRef__":true,"id":150},{"__isSmartRef__":true,"id":151},{"__isSmartRef__":true,"id":152},{"__isSmartRef__":true,"id":153},{"__isSmartRef__":true,"id":154},{"__isSmartRef__":true,"id":155},{"__isSmartRef__":true,"id":156},{"__isSmartRef__":true,"id":157}],"owner":{"__isSmartRef__":true,"id":0},"maxDataLength":100,"__serializedExpressions__":["distanceToDragEvent","_Position"],"_Rotation":0,"_Scale":1,"_PreviousBorderWidth":0,"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":158},"__LivelyClassName__":"lively.morphic.HtmlWrapperMorph","__SourceModuleName__":"Global.lively.morphic.AdditionalMorphs","distanceToDragEvent":"lively.pt(332.0,-10.0)","_Position":"lively.pt(10.0,88.0)"},"22":{"options":{"__isSmartRef__":true,"id":23},"traitName":"d3WrapperTrait"},"23":{},"24":{"options":{"__isSmartRef__":true,"id":25},"traitName":"apps.d3Interface.d3WrapperTrait"},"25":{},"26":{"sourceObj":{"__isSmartRef__":true,"id":21},"sourceAttrName":"extent","targetObj":{"__isSmartRef__":true,"id":21},"targetMethodName":"updateDelayed","dependendConnections":[{"__isSmartRef__":true,"id":27}],"attributeConnections":[{"__isSmartRef__":true,"id":30},{"__isSmartRef__":true,"id":32},{"__isSmartRef__":true,"id":34}],"doNotSerialize":["$$converterString","$$updaterString","$$varMapping"],"doNotCopyProperties":["$$converterString","$$updaterString","$$varMapping"],"varMapping":{"__isSmartRef__":true,"id":36},"__LivelyClassName__":"lively.morphic.GeometryConnection","__SourceModuleName__":"Global.lively.bindings.GeometryBindings"},"27":{"sourceObj":{"__isSmartRef__":true,"id":28},"sourceAttrName":"_Extent","targetObj":{"__isSmartRef__":true,"id":21},"targetMethodName":"updateDelayed","dependedBy":{"__isSmartRef__":true,"id":26},"varMapping":{"__isSmartRef__":true,"id":29},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings.Core"},"28":{"_BorderRadius":0,"_BorderStyle":"solid","_BorderWidth":0,"_Opacity":1,"stringifiedShapeNode":"
80
90
100
110
120
130
140
150
160
170
180
190
","_AppearanceStylingMode":true,"_BorderStylingMode":true,"attributeConnections":[{"__isSmartRef__":true,"id":27}],"doNotSerialize":["$$_Extent"],"doNotCopyProperties":["$$_Extent"],"__serializedExpressions__":["_BorderColor","_Fill","_Padding","_Position","extent","_Extent"],"__LivelyClassName__":"lively.morphic.Shapes.External","__SourceModuleName__":"Global.lively.morphic.Shapes","_BorderColor":"Color.rgb(95,94,95)","_Fill":"Color.rgb(255,255,255)","_Padding":"lively.rect(0,0,0,0)","_Position":"lively.pt(0.0,0.0)","extent":"lively.pt(540.0,509.0)","_Extent":"lively.pt(540.0,509.0)"},"29":{"source":{"__isSmartRef__":true,"id":28},"target":{"__isSmartRef__":true,"id":21}},"30":{"sourceObj":{"__isSmartRef__":true,"id":26},"sourceAttrName":"converterString","targetObj":{"__isSmartRef__":true,"id":27},"targetMethodName":"setConverter","varMapping":{"__isSmartRef__":true,"id":31},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings.Core"},"31":{"source":{"__isSmartRef__":true,"id":26},"target":{"__isSmartRef__":true,"id":27}},"32":{"sourceObj":{"__isSmartRef__":true,"id":26},"sourceAttrName":"updaterString","targetObj":{"__isSmartRef__":true,"id":27},"targetMethodName":"setUpdater","varMapping":{"__isSmartRef__":true,"id":33},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings.Core"},"33":{"source":{"__isSmartRef__":true,"id":26},"target":{"__isSmartRef__":true,"id":27}},"34":{"sourceObj":{"__isSmartRef__":true,"id":26},"sourceAttrName":"varMapping","targetObj":{"__isSmartRef__":true,"id":27},"targetMethodName":"varMapping","varMapping":{"__isSmartRef__":true,"id":35},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings.Core"},"35":{"source":{"__isSmartRef__":true,"id":26},"target":{"__isSmartRef__":true,"id":27}},"36":{"source":{"__isSmartRef__":true,"id":21},"target":{"__isSmartRef__":true,"id":21}},"37":{"sourceObj":{"__isSmartRef__":true,"id":21},"sourceAttrName":"data","targetObj":{"__isSmartRef__":true,"id":21},"targetMethodName":"updateDelayed","varMapping":{"__isSmartRef__":true,"id":38},"__LivelyClassName__":"AttributeConnection","__SourceModuleName__":"Global.lively.bindings.Core"},"38":{"source":{"__isSmartRef__":true,"id":21},"target":{"__isSmartRef__":true,"id":21}},"39":{"morph":{"__isSmartRef__":true,"id":21},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"40":{"resizeHeight":true,"resizeWidth":true},"41":{"#startLetters":"","partName":"BarChart","requiredModules":["apps.d3Interface"],"partsSpaceName":"PartsBin/Visualization/","comment":"no comment","changes":[{"__isSmartRef__":true,"id":42},{"__isSmartRef__":true,"id":43},{"__isSmartRef__":true,"id":44},{"__isSmartRef__":true,"id":45}],"migrationLevel":4,"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin"},"42":{"author":"robertkrahn","message":"no comment","id":"6D604E72-CB31-4644-8EDA-C0119A1B025A","__serializedExpressions__":["date"],"date":"new Date(\"Thu Sep 20 2012 14:16:54 GMT-0700 (PDT)\")"},"43":{"author":null,"message":"no comment","id":"72105553-FA1E-4C23-B437-26C943720937","__serializedExpressions__":["date"],"date":"new Date(\"Thu Sep 20 2012 03:53:54 GMT-0700 (PDT)\")"},"44":{"author":"robertkrahn","message":"no comment","id":"2D2226DD-6A1B-4C59-8BBE-D158B8133A68","__serializedExpressions__":["date"],"date":"new Date(\"Thu Sep 20 2012 04:51:39 GMT-0700 (PDT)\")"},"45":{"author":"robertkrahn","message":"no comment","id":"BF652C58-F8C2-4DBF-B6AC-175069F8F689","__serializedExpressions__":["date"],"date":"new Date(\"Sun Sep 30 2012 02:36:10 GMT-0700 (PDT)\")"},"46":{"target":{"__isSmartRef__":true,"id":21},"selector":"updateDelayed","args":[],"stopped":false,"tickTime":1000,"suspended":false,"__LivelyClassName__":"lively.morphic.TargetScript","__SourceModuleName__":"Global.lively.morphic.Core"},"47":{"morph":{"__isSmartRef__":true,"id":21},"connectedControlPoints":[],"__serializedExpressions__":["position","cachedGlobalPosition"],"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors","position":"lively.pt(0.0,0.0)","cachedGlobalPosition":"lively.pt(978.0,562.0)"},"48":{"morph":{"__isSmartRef__":true,"id":21},"connectedControlPoints":[],"__serializedExpressions__":["position","cachedGlobalPosition"],"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors","position":"lively.pt(0.5,0.0)","cachedGlobalPosition":"lively.pt(1223.5,562.0)"},"49":{"morph":{"__isSmartRef__":true,"id":21},"connectedControlPoints":[],"__serializedExpressions__":["position","cachedGlobalPosition"],"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors","position":"lively.pt(1.0,0.0)","cachedGlobalPosition":"lively.pt(1469.0,562.0)"},"50":{"morph":{"__isSmartRef__":true,"id":21},"connectedControlPoints":[],"__serializedExpressions__":["position","cachedGlobalPosition"],"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors","position":"lively.pt(1.0,0.5)","cachedGlobalPosition":"lively.pt(1469.0,724.5)"},"51":{"morph":{"__isSmartRef__":true,"id":21},"connectedControlPoints":[],"__serializedExpressions__":["position","cachedGlobalPosition"],"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors","position":"lively.pt(1.0,1.0)","cachedGlobalPosition":"lively.pt(1469.0,887.0)"},"52":{"morph":{"__isSmartRef__":true,"id":21},"connectedControlPoints":[],"__serializedExpressions__":["position","cachedGlobalPosition"],"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors","position":"lively.pt(0.5,1.0)","cachedGlobalPosition":"lively.pt(1223.5,887.0)"},"53":{"morph":{"__isSmartRef__":true,"id":21},"connectedControlPoints":[],"__serializedExpressions__":["position","cachedGlobalPosition"],"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors","position":"lively.pt(0.0,1.0)","cachedGlobalPosition":"lively.pt(978.0,887.0)"},"54":{"morph":{"__isSmartRef__":true,"id":21},"connectedControlPoints":[],"__serializedExpressions__":["position","cachedGlobalPosition"],"__LivelyClassName__":"lively.morphic.RelativeMagnet","__SourceModuleName__":"Global.lively.morphic.Connectors","position":"lively.pt(0.0,0.5)","cachedGlobalPosition":"lively.pt(978.0,724.5)"},"55":{"data":{"__isSmartRef__":true,"id":56}},"56":{},"57":{"x":0,"y":127},"58":{"x":1,"y":117},"59":{"x":2,"y":169},"60":{"x":3,"y":187},"61":{"x":4,"y":168},"62":{"x":5,"y":157},"63":{"x":6,"y":162},"64":{"x":7,"y":145},"65":{"x":8,"y":145},"66":{"x":9,"y":128},"67":{"x":10,"y":134},"68":{"x":11,"y":153},"69":{"x":12,"y":139},"70":{"x":13,"y":121},"71":{"x":14,"y":130},"72":{"x":15,"y":157},"73":{"x":16,"y":175},"74":{"x":17,"y":147},"75":{"x":18,"y":155},"76":{"x":19,"y":117},"77":{"x":20,"y":165},"78":{"x":21,"y":188},"79":{"x":22,"y":125},"80":{"x":23,"y":148},"81":{"x":24,"y":170},"82":{"x":25,"y":151},"83":{"x":26,"y":186},"84":{"x":27,"y":182},"85":{"x":28,"y":170},"86":{"x":29,"y":170},"87":{"x":30,"y":143},"88":{"x":31,"y":105},"89":{"x":32,"y":84},"90":{"x":33,"y":75},"91":{"x":34,"y":160},"92":{"x":35,"y":114},"93":{"x":36,"y":143},"94":{"x":37,"y":143},"95":{"x":38,"y":129},"96":{"x":39,"y":81},"97":{"x":40,"y":152},"98":{"x":41,"y":199},"99":{"x":42,"y":176},"100":{"x":43,"y":156},"101":{"x":44,"y":150},"102":{"x":45,"y":132},"103":{"x":46,"y":133},"104":{"x":47,"y":73},"105":{"x":48,"y":118},"106":{"x":49,"y":113},"107":{"x":50,"y":127},"108":{"x":51,"y":151},"109":{"x":52,"y":128},"110":{"x":53,"y":80},"111":{"x":54,"y":140},"112":{"x":55,"y":150},"113":{"x":56,"y":151},"114":{"x":57,"y":135},"115":{"x":58,"y":72},"116":{"x":59,"y":104},"117":{"x":60,"y":166},"118":{"x":61,"y":163},"119":{"x":62,"y":173},"120":{"x":63,"y":179},"121":{"x":64,"y":185},"122":{"x":65,"y":185},"123":{"x":66,"y":127},"124":{"x":67,"y":157},"125":{"x":68,"y":152},"126":{"x":69,"y":166},"127":{"x":70,"y":193},"128":{"x":71,"y":182},"129":{"x":72,"y":138},"130":{"x":73,"y":157},"131":{"x":74,"y":158},"132":{"x":75,"y":148},"133":{"x":76,"y":139},"134":{"x":77,"y":139},"135":{"x":78,"y":168},"136":{"x":79,"y":196},"137":{"x":80,"y":167},"138":{"x":81,"y":128},"139":{"x":82,"y":86},"140":{"x":83,"y":121},"141":{"x":84,"y":138},"142":{"x":85,"y":186},"143":{"x":86,"y":123},"144":{"x":87,"y":141},"145":{"x":88,"y":127},"146":{"x":89,"y":180},"147":{"x":90,"y":174},"148":{"x":91,"y":152},"149":{"x":92,"y":133},"150":{"x":93,"y":142},"151":{"x":94,"y":185},"152":{"x":95,"y":195},"153":{"x":96,"y":193},"154":{"x":97,"y":147},"155":{"x":98,"y":155},"156":{"x":99,"y":117},"157":{"x":100,"y":144},"158":{"drawChart":{"__isSmartRef__":true,"id":159},"drawHorizontalRules":{"__isSmartRef__":true,"id":162},"drawVerticalRules":{"__isSmartRef__":true,"id":165},"onLoad":{"__isSmartRef__":true,"id":168},"reset":{"__isSmartRef__":true,"id":171},"addDataAndRender":{"__isSmartRef__":true,"id":174},"render":{"__isSmartRef__":true,"id":177}},"159":{"varMapping":{"__isSmartRef__":true,"id":160},"source":"function drawChart(chart, xScale, yScale) {\n chart.selectAll(\".chartElement\").remove()\n\n var chartElements = chart.selectAll(\".chartElement\")\n .data(this.data)\n\n chartElements.enter()\n .append(\"div\")\n .attr('class', 'chartElement')\n .style('background-color', Color.darkGray.toCSSString())\n\n chartElements\n .style(\"height\", yScale.wrap(function($p, d, i) { return $p(d.y) }))\n .style(\"left\", xScale.wrap(function($p, d, i) { return $p(d.x) + 'px' }))\n .style('width', xScale.rangeBand.wrap(function($p, d, i) { return $p(d.x) + 'px' }))\n .style(\"bottom\", yScale.range()[0])\n .style('text-align', 'center')\n .style('position', 'absolute')\n // .text(function(d) { return d; });\n\n chartElements.exit()\n .remove();\n}","funcProperties":{"__isSmartRef__":true,"id":161},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"160":{"this":{"__isSmartRef__":true,"id":21}},"161":{"user":"robertkrahn","tags":[],"__serializedExpressions__":["timestamp"],"timestamp":"new Date(\"Thu Feb 06 2014 18:17:08 GMT-0800 (PST)\")"},"162":{"varMapping":{"__isSmartRef__":true,"id":163},"source":"function drawHorizontalRules(chart, xScale, yScale) {\n chart.selectAll(\".horizontal-rule\").remove();\n\n var yUnit = this.yUnit;\n\n var hrules = chart.selectAll(\".horizontal-rule\").data(yScale.ticks(10, 10));\n\n hrules.enter()\n .append(\"div\")\n .attr(\"class\", \"horizontal-rule\")\n .append('div') // label at the right\n .style('float', 'right')\n .style('position', 'relative')\n .style('margin-top', '-1em')\n .style('font', '0.6em Tahoma')\n .style('left', 35 + 'px')\n .text(function(d) { return d + ' ' + yUnit});\n\n hrules\n .style('border-top', '1px dashed silver')\n .style('vertical-align', 'top')\n .style(\"bottom\", yScale)\n .style(\"left\", xScale.rangeExtent()[0] + 'px')\n .style(\"height\", '0px')\n .style('width', xScale.rangeExtent()[1] - xScale.rangeExtent()[0] + 'px')\n .style('position', 'absolute')\n\n hrules.exit()\n .remove()\n}","funcProperties":{"__isSmartRef__":true,"id":164},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"163":{"this":{"__isSmartRef__":true,"id":21}},"164":{"user":"robertkrahn","tags":[],"__serializedExpressions__":["timestamp"],"timestamp":"new Date(\"Thu Feb 06 2014 18:32:50 GMT-0800 (PST)\")"},"165":{"varMapping":{"__isSmartRef__":true,"id":166},"source":"function drawVerticalRules(chart, xScale, yScale) {\n chart.selectAll(\".vertical-rule\").remove();\n\n var xUnit = this.xUnit;\n var hrules = chart.selectAll(\".vertical-rule\").data(xScale.domain());\nhrules.remove();\n // hrules.enter()\n // .append(\"div\")\n // .attr(\"class\", \"vertical-rule\")\n // .style(\"position\", \"absolute\")\n // .style(\"left\", function(d) { return xScale(d) + (xScale.rangeBand()/2) + \"px\"; })\n // .style(\"top\", yScale.range()[1])\n // .text(function(d) { return d + ' ' })\n\n // hrules.exit()\n // .remove()\n}","funcProperties":{"__isSmartRef__":true,"id":167},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"166":{"this":{"__isSmartRef__":true,"id":21}},"167":{"user":"robertkrahn","tags":[],"__serializedExpressions__":["timestamp"],"timestamp":"new Date(\"Thu Feb 06 2014 18:31:32 GMT-0800 (PST)\")"},"168":{"varMapping":{"__isSmartRef__":true,"id":169},"source":"function onLoad() {\n this.updateDelayed = Functions.debounce(0.5, this.render.bind(this));\n module('apps.d3').load();\n}","funcProperties":{"__isSmartRef__":true,"id":170},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"169":{"this":{"__isSmartRef__":true,"id":21}},"170":{"user":"robertkrahn","tags":[],"__serializedExpressions__":["timestamp"],"timestamp":"new Date(\"Thu Feb 06 2014 18:17:08 GMT-0800 (PST)\")"},"171":{"varMapping":{"__isSmartRef__":true,"id":172},"source":"function reset() {\n // this.submorphs.invoke('remove');\n this.maxDataLength = 100;\n this.data = Array.range(1,this.maxDataLength).map(function(i) { return {x: i, y: 0}});\n this.startStepping(1000, 'updateDelayed');\n // this.stopStepping();\n this.xUnit = 'name';\n this.yUnit = '';\n\n connect(this, 'extent', this, 'updateDelayed');\n connect(this, 'data', this, 'updateDelayed');\n this.connections = {data: {}};\n // this.stopStepping()\n}","funcProperties":{"__isSmartRef__":true,"id":173},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"172":{"this":{"__isSmartRef__":true,"id":21}},"173":{"user":"robertkrahn","tags":[],"__serializedExpressions__":["timestamp"],"timestamp":"new Date(\"Thu Feb 06 2014 18:33:10 GMT-0800 (PST)\")"},"174":{"varMapping":{"__isSmartRef__":true,"id":175},"source":"function addDataAndRender(data) {\n if (data == null) return;\n if ((typeof data == 'object') && !(data instanceof Array))\n data = [data.x, data.y];\n\n if (!this.data)\n this.data = [data];\n else {\n if (this.maxDataLength)\n this.data = this.data.slice(-this.maxDataLength);\n this.data.push(data);\n }\n this.data = this.data.map(function(ea, i) {\n var d = typeof ea === 'number' ? {x: i, y: ea} : ea;\n d.x = i;\n return d;\n });\n this.render();\n}","funcProperties":{"__isSmartRef__":true,"id":176},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"175":{"this":{"__isSmartRef__":true,"id":21}},"176":{"user":"robertkrahn","tags":[],"__serializedExpressions__":["timestamp"],"timestamp":"new Date(\"Thu Feb 06 2014 18:30:21 GMT-0800 (PST)\")"},"177":{"varMapping":{"__isSmartRef__":true,"id":178},"source":"function render() {\n // this.render();\n if (!Global.d3) { this.stopStepping(); return };\n\n // chart is the shapeNode\n var chart = d3.select(this.renderContext().shapeNode);\n\n if (!this.data || this.data.length === 0) {\n chart.selectAll(\".chartElement\").remove(); return; }\n\n // define the properties used in the viz\n var barsBounds = {\n left: 12, top: this.getExtent().y - 25,\n right: this.getExtent().x - 40, bottom: 25};\n\n // x scale is based on indexes of data, has a 0.1 padding\n var xValues = this.data.pluck('x'),\n xScale = d3.scale.ordinal()\n .domain(xValues)\n .range([barsBounds.left, barsBounds.right])\n .rangeRoundBands([barsBounds.left, barsBounds.right], 0.1);\n\n // y scale is just linear\n var yValues = this.data.pluck('y'),\n yScale = d3.scale.linear()\n .domain([d3.min(yValues), d3.max(yValues)])\n .range([barsBounds.bottom + 'px', barsBounds.top + 'px']);\n // yScale = d3.scale.ordinal()\n // .domain([d3.min(yValues), d3.max(yValues)])\n // .range([barsBounds.bottom + 'px', barsBounds.top + 'px']);\n\n // update / add / remove bars and rules\n this.drawChart(chart, xScale, yScale);\n\n this.drawHorizontalRules(chart, xScale, yScale);\n this.drawVerticalRules(chart, xScale, yScale);\n}","funcProperties":{"__isSmartRef__":true,"id":179},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"178":{"this":{"__isSmartRef__":true,"id":21}},"179":{"user":"robertkrahn","tags":[],"__serializedExpressions__":["timestamp"],"timestamp":"new Date(\"Thu Feb 06 2014 18:25:38 GMT-0800 (PST)\")"},"180":{"source":{"__isSmartRef__":true,"id":1},"target":{"__isSmartRef__":true,"id":21}},"181":{"reset":{"__isSmartRef__":true,"id":182},"nextStep":{"__isSmartRef__":true,"id":185},"startSteppingScripts":{"__isSmartRef__":true,"id":188}},"182":{"varMapping":{"__isSmartRef__":true,"id":183},"source":"function reset(date) {\n date = date || new Date();\n this.lastTick = date.getSeconds();\n this.lastMS = date.getTime();\n this.stepsSinceTick = 0;\n this.maxLatency = 0;\n this.connections = {fps: {}};\n}","funcProperties":{"__isSmartRef__":true,"id":184},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"183":{"this":{"__isSmartRef__":true,"id":1}},"184":{"__serializedExpressions__":["timestamp"],"user":"robertkrahn","tags":[],"timestamp":"new Date(\"Wed May 01 2013 13:06:30 GMT-0700 (PDT)\")"},"185":{"varMapping":{"__isSmartRef__":true,"id":186},"source":"function nextStep() {\n var date = new Date();\n this.stepsSinceTick ++;\n var nowMS = date.getTime();\n this.maxLatency = Math.max(this.maxLatency, nowMS - this.lastMS);\n this.lastMS = nowMS;\n var nowTick = date.getSeconds();\n if (nowTick != this.lastTick) {\n this.lastTick = nowTick;\n var ms = (1000 / Math.max(this. stepsSinceTick,1)).roundTo(1);\n this.get('fpsText').setTextString(this.stepsSinceTick + \" frames/sec (\" + ms + \"ms avg),\\nmax latency \" + this.maxLatency + \" ms.\");\n lively.bindings.signal(this, 'fps', this.stepsSinceTick);\n this.reset(date);\n }\n}","funcProperties":{"__isSmartRef__":true,"id":187},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"186":{"this":{"__isSmartRef__":true,"id":1}},"187":{"__serializedExpressions__":["timestamp"],"user":"robertkrahn","tags":[],"timestamp":"new Date(\"Wed May 01 2013 13:06:11 GMT-0700 (PDT)\")"},"188":{"varMapping":{"__isSmartRef__":true,"id":189},"source":"function startSteppingScripts() {\n this.startStepping(1,'nextStep');\n}","funcProperties":{"__isSmartRef__":true,"id":190},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"189":{"this":{"__isSmartRef__":true,"id":1}},"190":{},"191":{"_BorderWidth":1,"_ClipMode":"visible","_BorderRadius":0,"_Opacity":1,"_BorderStyle":"solid","__serializedExpressions__":["position","_Extent","_BorderColor","_Fill","_Padding"],"_AppearanceStylingMode":false,"_BorderStylingMode":false,"__LivelyClassName__":"lively.morphic.Shapes.Rectangle","__SourceModuleName__":"Global.lively.morphic.Shapes","position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(560.0,607.0)","_BorderColor":"Color.rgb(0,0,0)","_Fill":"Color.rgb(255,255,255)","_Padding":"lively.rect(0,0,0,0)"},"192":{"partsSpaceName":"PartsBin/Demos/","comment":"A plain simple rectangle","migrationLevel":8,"partName":"FrameRateGraph","changes":[{"__isSmartRef__":true,"id":193},{"__isSmartRef__":true,"id":194},{"__isSmartRef__":true,"id":195},{"__isSmartRef__":true,"id":196},{"__isSmartRef__":true,"id":197},{"__isSmartRef__":true,"id":198},{"__isSmartRef__":true,"id":199},{"__isSmartRef__":true,"id":200},{"__isSmartRef__":true,"id":201},{"__isSmartRef__":true,"id":202},{"__isSmartRef__":true,"id":203},{"__isSmartRef__":true,"id":204},{"__isSmartRef__":true,"id":205},{"__isSmartRef__":true,"id":206},{"__isSmartRef__":true,"id":207},{"__isSmartRef__":true,"id":208},{"__isSmartRef__":true,"id":209}],"__serializedExpressions__":["lastModifiedDate"],"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin","lastModifiedDate":"new Date(\"Tue Nov 05 2013 09:48:15 GMT-0800 (PST)\")"},"193":{"author":"robertkrahn","message":"no comment","id":"FBBB9C99-B61C-4D5F-8750-6E2987DF0C9C","__serializedExpressions__":["date"],"date":"new Date(\"Thu Jun 20 2013 15:16:24 GMT-0700 (PDT)\")"},"194":{"author":"robertkrahn","message":"no comment","id":"67FD74CD-7AE4-4050-ADC7-4DF73804258D","__serializedExpressions__":["date"],"date":"new Date(\"Thu May 30 2013 00:18:06 GMT-0700 (PDT)\")"},"195":{"author":"jenslincke","message":"no comment","id":"AEB2F41B-2C88-4BBA-8875-93CD17CBA1C8","__serializedExpressions__":["date"],"date":"new Date(\"Wed Jan 23 2013 03:57:18 GMT-0800 (PST)\")"},"196":{"author":"undefined","message":"whoopsie","id":"3F17A2D2-3C24-424B-B0FA-E43112267D23","__serializedExpressions__":["date"],"date":"new Date(\"Thu May 03 2012 06:51:36 GMT-0700 (PDT)\")"},"197":{"author":"undefined","message":"whoopsie","id":"CEA5DCD5-2DB7-40AD-A776-262A7A0666FC","__serializedExpressions__":["date"],"date":"new Date(\"Thu May 03 2012 06:51:30 GMT-0700 (PDT)\")"},"198":{"author":"undefined","message":"sorry","id":"44B56D2E-9B59-4C67-A305-49A6E10E66C2","__serializedExpressions__":["date"],"date":"new Date(\"Wed Mar 14 2012 02:53:45 GMT-0700 (PDT)\")"},"199":{"author":"fbo","message":"","id":"BD1C654D-9100-4B66-BC62-B15FF2498B2B","__serializedExpressions__":["date"],"date":"new Date(\"Fri Feb 24 2012 17:59:09 GMT-0800 (PST)\")"},"200":{"author":"undefined","message":"css transitions","id":"1004E0FC-D96B-4F40-B3E0-F514A3FCFFD7","__serializedExpressions__":["date"],"date":"new Date(\"Wed Mar 14 2012 02:42:26 GMT-0700 (PDT)\")"},"201":{"author":"undefined","message":"suddenly, the rectangle became a CarDemo","id":"B5083AA8-9BAE-48DD-A6B4-FD7DB3998350","__serializedExpressions__":["date"],"date":"new Date(\"Mon Apr 09 2012 04:42:07 GMT-0700 (PDT)\")"},"202":{"author":"bgnauk","message":"no comment","id":"0124E570-50B7-4CE3-83A1-6E7BA89B5CD8","__serializedExpressions__":["date"],"date":"new Date(\"Mon Jun 18 2012 10:35:08 GMT-0700 (PDT)\")"},"203":{"author":"jenslincke","message":"I want my blue rectangle back!","id":"5AA9291A-869F-4D36-8095-4721B5A5B205","__serializedExpressions__":["date"],"date":"new Date(\"Thu Nov 22 2012 01:35:51 GMT-0800 (PST)\")"},"204":{"author":"jenslincke","message":"no comment","id":"A4B86A7E-A398-4C29-BEE0-4AA045ABABD2","__serializedExpressions__":["date"],"date":"new Date(\"Fri Jan 18 2013 07:42:31 GMT-0800 (PST)\")"},"205":{"author":"jenslincke","message":"added legend","id":"7ADA3049-56C1-4D32-874B-F664A79DDB20","__serializedExpressions__":["date"],"date":"new Date(\"Fri Jan 18 2013 07:47:05 GMT-0800 (PST)\")"},"206":{"author":"SAPLivelyScreen","message":"no comment","id":"EF145198-0649-41BD-A92E-521D98FEC49D","__serializedExpressions__":["date"],"date":"new Date(\"Wed May 29 2013 15:36:50 GMT-0700 (PDT)\")"},"207":{"author":"SAPLivelyScreen","message":"no comment","id":"7A44D8CA-6D5F-42A3-A4B4-4D7F51EECA52","__serializedExpressions__":["date"],"date":"new Date(\"Tue Jun 18 2013 11:49:27 GMT-0700 (PDT)\")"},"208":{"author":"robertkrahn","message":"no comment","id":"A452871F-4EB9-45D1-94B8-6065CBA7B8FD","__serializedExpressions__":["date"],"date":"new Date(\"Mon Jul 29 2013 23:20:51 GMT-0700 (PDT)\")"},"209":{"__serializedExpressions__":["date"],"author":null,"message":"no comment","id":"B5BEE606-E2A8-4CC1-9D81-6348532AE994","date":"new Date(\"Thu Feb 06 2014 18:59:44 GMT-0800 (PST)\")"},"210":{"morph":{"__isSmartRef__":true,"id":0},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"211":{"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":212}},"212":{"test01IsMorph":{"__isSmartRef__":true,"id":213}},"213":{"varMapping":{"__isSmartRef__":true,"id":214},"source":"function test01IsMorph(aPart) {\n this.assert(aPart.isMorph, 'rectangle should be a morph');\n}","funcProperties":{"__isSmartRef__":true,"id":215},"__LivelyClassName__":"lively.Closure","__SourceModuleName__":"Global.lively.lang.Closure"},"214":{"this":{"__isSmartRef__":true,"id":211}},"215":{},"216":{"layouter":{"__isSmartRef__":true,"id":217}},"217":{"borderSize":10,"defaultBorderSize":10,"spacing":15,"defaultSpacing":15,"container":{"__isSmartRef__":true,"id":0},"__LivelyClassName__":"lively.morphic.Layout.VerticalLayout","__SourceModuleName__":"Global.lively.morphic.Layout"},"isSimplifiedRegistry":true}}