Please note that this “Live Demo” only demonstrate the “read-only mode” as you need “Edit” permission for the page in order to edit the whiteboard. To get an idea about how editing the whiteboard works, please check out our YouTube video here.

{"id":"doc","name":"New Document","version":15.5,"pages":{"page":{"id":"page","name":"Page 1","childIndex":1,"shapes":{"26923681-0fbd-4a20-16c2-e50236348687":{"id":"26923681-0fbd-4a20-16c2-e50236348687","type":"sticky","name":"Sticky","parentId":"page","childIndex":1,"point":[988.52,91.64],"size":[200,200],"text":"This is a sticky note :)","rotation":0,"style":{"color":"black","size":"small","isFilled":false,"dash":"draw","scale":1,"font":"script","textAlign":"middle"}},"6f6a531b-7034-4862-041e-c6241eecab84":{"id":"6f6a531b-7034-4862-041e-c6241eecab84","type":"rectangle","name":"Rectangle","parentId":"page","childIndex":2,"point":[374.46,111.67],"size":[247,126],"rotation":0,"style":{"color":"black","size":"small","isFilled":false,"dash":"draw","scale":1},"label":"","labelPoint":[0.5,0.5]},"c0a6c831-a9f4-472c-0e88-5610df494c6c":{"id":"c0a6c831-a9f4-472c-0e88-5610df494c6c","type":"text","name":"Text","parentId":"page","childIndex":3,"point":[436.78,150.88],"rotation":6.1461173147973085,"text":"Rectangle","style":{"color":"black","size":"small","isFilled":false,"dash":"draw","scale":1.2658359951310807,"font":"script","textAlign":"middle"}},"ead0e9f1-f4c7-40f0-3a63-125390f82303":{"id":"ead0e9f1-f4c7-40f0-3a63-125390f82303","type":"arrow","name":"Arrow","parentId":"page","childIndex":4,"point":[632.47,113.16],"rotation":0,"bend":-0.0000012192563201381854,"handles":{"start":{"id":"start","index":0,"point":[0,14.5],"canBind":true},"end":{"id":"end","index":1,"point":[340.05,0],"canBind":true,"bindingId":"d143a813-b330-4992-0ff5-d99eacc80394"},"bend":{"id":"bend","index":2,"point":[170.03,7.25]}},"decorations":{"end":"arrow"},"style":{"color":"black","size":"small","isFilled":false,"dash":"draw","scale":1},"label":"","labelPoint":[0.5,0.5]},"28bd53f9-749c-4e72-3659-3344b3f86286":{"id":"28bd53f9-749c-4e72-3659-3344b3f86286","type":"triangle","name":"Triangle","parentId":"page","childIndex":5,"point":[669.89,140.54],"size":[173,134],"rotation":0,"style":{"color":"black","size":"small","isFilled":false,"dash":"draw","scale":1},"label":"","labelPoint":[0.5,0.5]},"b7b3bf0e-6835-4a8e-30d7-7dec68a9f344":{"id":"b7b3bf0e-6835-4a8e-30d7-7dec68a9f344","type":"arrow","name":"Arrow","parentId":"page","childIndex":6,"point":[621.46,183.58],"rotation":0,"bend":0,"handles":{"start":{"id":"start","index":0,"point":[102.38,7.39],"canBind":true,"bindingId":"c36fa027-1ffc-4ea1-0a76-d224bf286517"},"end":{"id":"end","index":1,"point":[0,0],"canBind":true,"bindingId":"145741e3-4930-4097-07d1-b92f70c71fed"},"bend":{"id":"bend","index":2,"point":[51.19,3.7]}},"decorations":{"end":"arrow"},"style":{"color":"black","size":"small","isFilled":false,"dash":"draw","scale":1},"label":"","labelPoint":[0.5,0.5]},"28eb50d2-cbe5-4052-1575-69edd69aebe3":{"id":"28eb50d2-cbe5-4052-1575-69edd69aebe3","type":"text","name":"Text","parentId":"page","childIndex":11,"point":[696.38,215.05],"rotation":0,"text":" Triangle","style":{"color":"green","size":"medium","isFilled":false,"dash":"dotted","scale":0.7614798171936765,"font":"script","textAlign":"middle"}},"325e44af-8ca7-4d09-0db7-1039db73d943":{"id":"325e44af-8ca7-4d09-0db7-1039db73d943","type":"draw","name":"Draw","parentId":"page","childIndex":12,"point":[864.92,219.1],"rotation":6.183302476429139,"style":{"color":"violet","size":"medium","isFilled":false,"dash":"dotted","scale":1},"points":[[0,4.345959908941381,0.5],[0.4154424610669724,4.345959908941381,0.5],[1.869491074801376,4.54350354116599,0.5],[3.738982149602752,4.741047173390598,0.5],[5.816194454937614,5.037362621727511,0.5],[8.101127990805962,5.037362621727511,0.5],[9.762897835073852,5.234906253952119,0.5],[12.255552601475685,5.432449886176726,0.5],[14.125043676277063,5.531221702289031,0.5],[16.409977212145414,5.728765334513639,0.5],[18.902631978547245,5.728765334513639,0.5],[23.47249905028394,5.728765334513639,0.5],[27.00375996935321,5.728765334513639,0.5],[30.535020888422473,5.728765334513639,0.5],[34.066281807491734,5.728765334513639,0.5],[36.97437903496054,5.728765334513639,0.5],[39.67475503189586,5.629993518401335,0.5],[42.790573489898165,5.432449886176726,0.5],[46.11411317843394,5.136134437839814,0.5],[49.85309532803669,4.54350354116599,0.5],[52.55347132497201,4.345959908941381,0.5],[55.461568552440816,3.9508726444921654,0.5],[57.95422331884265,3.5557853800429484,0.5],[61.070041776844946,3.0619262994814274,0.5],[61.90092669897889,2.7656108511445154,0.5],[62.93953285164633,2.469295402807602,0.5],[63.56269654324678,2.1729799544706907,0.5],[63.97813900431376,1.9754363222460827,0.5],[64.8090239264477,1.580349057796866,0.5],[65.43218761804815,1.2840336094599536,0.5],[66.05535130964863,1.0864899772353453,0.5],[66.47079377071559,0.9877181611230413,0.5],[67.09395746231604,0.790174528898433,0.5],[67.71712115391651,0.49385908056152067,0.5],[67.71712115391651,0.3950872644492165,0.5],[68.13256361498347,0.19754363222460825,0.5],[68.34028484551698,0.09877181611230412,0.5],[68.34028484551698,0,0.5],[68.54800607605046,0,0.5],[68.75572730658394,0,0.5]],"isComplete":true},"e89ebbe0-690b-41c9-3fa8-55ed39b8cb7c":{"id":"e89ebbe0-690b-41c9-3fa8-55ed39b8cb7c","type":"draw","name":"Draw","parentId":"page","childIndex":13,"point":[903.51,196.87],"rotation":0.45151930521361194,"style":{"color":"violet","size":"medium","isFilled":false,"dash":"dotted","scale":1},"points":[[0,13.13139752322699,0.5],[1.256022722131877,13.13139752322699,0.5],[7.536136332791262,13.13139752322699,0.5],[15.072272665582524,10.942831269355823,0.5],[21.77106051695253,8.754265015484659,0.5],[27.63249988690129,5.836176676989773,0.5],[30.563219571875667,4.3771325077423295,0.5],[32.6565907754288,2.9180883384948864,0.5],[33.07526501613942,2.9180883384948864,0.5],[33.49393925685004,2.1885662538711648,0.5],[33.91261349756068,1.4590441692474432,0.5],[34.3312877382713,1.4590441692474432,0.5],[35.16863621969255,0.7295220846237216,0.5],[36.42465894182443,0,0.5],[36.843333182535055,0,0.5],[37.262007423245684,0,0.5],[37.68068166395631,0,0.5],[37.68068166395631,4.3771325077423295,0.5],[36.843333182535055,10.942831269355823,0.5],[36.0059847011138,16.779007946345597,0.5],[34.3312877382713,24.803750877206536,0.5],[33.91261349756068,30.63992755419631,0.5],[32.6565907754288,35.74658214656236,0.5],[32.237916534718174,38.66467048505725,0.5],[31.819242294007548,40.85323673892841,0.5],[31.819242294007548,42.31228090817585,0.5],[31.819242294007548,43.041802992799575,0.5]],"isComplete":true}},"bindings":{"c36fa027-1ffc-4ea1-0a76-d224bf286517":{"id":"c36fa027-1ffc-4ea1-0a76-d224bf286517","type":"arrow","fromId":"b7b3bf0e-6835-4a8e-30d7-7dec68a9f344","toId":"28bd53f9-749c-4e72-3659-3344b3f86286","handleId":"start","point":[0.41,0.45],"distance":16},"145741e3-4930-4097-07d1-b92f70c71fed":{"id":"145741e3-4930-4097-07d1-b92f70c71fed","type":"arrow","fromId":"b7b3bf0e-6835-4a8e-30d7-7dec68a9f344","toId":"6f6a531b-7034-4862-041e-c6241eecab84","handleId":"end","point":[0.5,0.5],"distance":16},"d143a813-b330-4992-0ff5-d99eacc80394":{"id":"d143a813-b330-4992-0ff5-d99eacc80394","type":"arrow","fromId":"ead0e9f1-f4c7-40f0-3a63-125390f82303","toId":"26923681-0fbd-4a20-16c2-e50236348687","handleId":"end","point":[0.51,0.14],"distance":16}}}},"pageStates":{"page":{"id":"page","selectedIds":[],"camera":{"point":[1,1],"zoom":1},"editingId":null}},"assets":{}}