Created
July 15, 2019 18:40
-
-
Save staticfloat/37ad22d4885f6df7ca34ab76f0859382 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"cells": [ | |
{ | |
"cell_type": "code", | |
"execution_count": 21, | |
"metadata": {}, | |
"outputs": [], | |
"source": [ | |
"using Zygote, PlotlyJS" | |
] | |
}, | |
{ | |
"cell_type": "code", | |
"execution_count": 22, | |
"metadata": {}, | |
"outputs": [ | |
{ | |
"data": { | |
"text/plain": [ | |
"fakesin (generic function with 1 method)" | |
] | |
}, | |
"execution_count": 22, | |
"metadata": {}, | |
"output_type": "execute_result" | |
} | |
], | |
"source": [ | |
"function fakesin(x)\n", | |
" s = 0.0\n", | |
" sign = -1.0\n", | |
" for i in 1:19\n", | |
" if isodd(i)\n", | |
" sign = -sign\n", | |
" s += sign * x^i/factorial(i)\n", | |
" end\n", | |
" end\n", | |
" return s\n", | |
"end" | |
] | |
}, | |
{ | |
"cell_type": "code", | |
"execution_count": 26, | |
"metadata": {}, | |
"outputs": [ | |
{ | |
"data": { | |
"application/vnd.plotly.v1+json": { | |
"data": [ | |
{ | |
"name": "fakesin", | |
"type": "scatter", | |
"x": [ | |
0, | |
0.1282282715750936, | |
0.2564565431501872, | |
0.38468481472528077, | |
0.5129130863003744, | |
0.641141357875468, | |
0.7693696294505615, | |
0.8975979010256552, | |
1.0258261726007487, | |
1.1540544441758425, | |
1.282282715750936, | |
1.4105109873260295, | |
1.538739258901123, | |
1.6669675304762168, | |
1.7951958020513104, | |
1.9234240736264039, | |
2.0516523452014974, | |
2.179880616776591, | |
2.308108888351685, | |
2.4363371599267785, | |
2.564565431501872, | |
2.6927937030769655, | |
2.821021974652059, | |
2.9492502462271526, | |
3.077478517802246, | |
3.20570678937734, | |
3.3339350609524336, | |
3.462163332527527, | |
3.5903916041026207, | |
3.7186198756777142, | |
3.8468481472528078, | |
3.9750764188279013, | |
4.103304690402995, | |
4.231532961978089, | |
4.359761233553182, | |
4.487989505128276, | |
4.61621777670337, | |
4.744446048278463, | |
4.872674319853557, | |
5.00090259142865, | |
5.129130863003744, | |
5.257359134578837, | |
5.385587406153931, | |
5.513815677729025, | |
5.642043949304118, | |
5.770272220879212, | |
5.898500492454305, | |
6.026728764029399, | |
6.154957035604492, | |
6.283185307179586 | |
], | |
"y": [ | |
0, | |
0.12787716168450602, | |
0.25365458390950735, | |
0.3752670048793741, | |
0.49071755200393785, | |
0.598110530491216, | |
0.6956825506034863, | |
0.7818314824680298, | |
0.8551427630053462, | |
0.9144126230158126, | |
0.9586678530366607, | |
0.9871817834144501, | |
0.9994862162006879, | |
0.9953791129491973, | |
0.9749279121818195, | |
0.9384684220497426, | |
0.8865993063729307, | |
0.8201722545967081, | |
0.7402779970744925, | |
0.6482283953052294, | |
0.5455349012030444, | |
0.43388373909667854, | |
0.31510821796823507, | |
0.1911586285607095, | |
0.06407021963741275, | |
-0.0640702207884992, | |
-0.19115863053912704, | |
-0.31510822207637185, | |
-0.43388374780048644, | |
-0.5455349193204289, | |
-0.6482284321450457, | |
-0.7402780702723176, | |
-0.8201723968880146, | |
-0.8865995773452419, | |
-0.9384689281856151, | |
-0.9749288404863351, | |
-0.995380786503299, | |
-0.9994891846067253, | |
-0.9871869680325283, | |
-0.9586767771801031, | |
-0.9144277723210102, | |
-0.8551681430088787, | |
-0.7818734717457744, | |
-0.69575119237224, | |
-0.598221468359955, | |
-0.49089490330786145, | |
-0.37554758666225996, | |
-0.2540940739222168, | |
-0.12855900518546204, | |
-0.001048182796038511 | |
] | |
} | |
], | |
"layout": { | |
"margin": { | |
"b": 50, | |
"l": 50, | |
"r": 50, | |
"t": 60 | |
} | |
} | |
}, | |
"application/vnd.webio.node+json": { | |
"children": [ | |
{ | |
"children": [], | |
"instanceArgs": { | |
"namespace": "html", | |
"tag": "div" | |
}, | |
"nodeType": "DOM", | |
"props": { | |
"id": "plot-b2a151f3-5793-4a11-9a05-097e7d2269cb" | |
}, | |
"type": "node" | |
} | |
], | |
"instanceArgs": { | |
"handlers": { | |
"__get_gd_contents": [ | |
"(function (prop){prop==\"data\" ? (WebIO.setval({\"name\":\"__gd_contents\",\"scope\":\"12453617049454056749\",\"id\":\"ob_26\",\"type\":\"observable\"},this.plotElem.data)) : undefined; return prop==\"layout\" ? (WebIO.setval({\"name\":\"__gd_contents\",\"scope\":\"12453617049454056749\",\"id\":\"ob_26\",\"type\":\"observable\"},this.plotElem.layout)) : undefined})" | |
], | |
"_commands": [ | |
"(function (args){var fn=args.shift(); var elem=this.plotElem; var Plotly=this.Plotly; args.unshift(elem); return Plotly[fn].apply(this,args)})" | |
], | |
"_downloadImage": [ | |
"(function (options){return this.Plotly.downloadImage(this.plotElem,options)})" | |
], | |
"_toImage": [ | |
"(function (options){return this.Plotly.toImage(this.plotElem,options).then((function (data){return WebIO.setval({\"name\":\"image\",\"scope\":\"12453617049454056749\",\"id\":\"ob_25\",\"type\":\"observable\"},data)}))})" | |
] | |
}, | |
"id": "12453617049454056749", | |
"imports": { | |
"data": [ | |
{ | |
"name": "Plotly", | |
"type": "js", | |
"url": "/assetserver/464a31a6b6a17d15fd7ad33b7dd44095053b9b88-plotly-latest.min.js" | |
}, | |
{ | |
"name": null, | |
"type": "js", | |
"url": "/assetserver/eb17e349d07daf3ab515beea41cd4a389faa7a24-plotly_webio.bundle.js" | |
} | |
], | |
"type": "async_block" | |
}, | |
"mount_callbacks": [ | |
"function () {\n var handler = ((function (Plotly){var gd=this.dom.querySelector(\"#plot-b2a151f3-5793-4a11-9a05-097e7d2269cb\"); this.plotElem=gd; this.Plotly=Plotly; (window.Blink!==undefined) ? (gd.style.width=\"100%\", gd.style.height=\"100vh\", gd.style.marginLeft=\"0%\", gd.style.marginTop=\"0vh\") : undefined; window.onresize=(function (){return Plotly.Plots.resize(gd)}); Plotly.newPlot(gd,[{\"y\":[0.0,0.12787716168450602,0.25365458390950735,0.3752670048793741,0.49071755200393785,0.598110530491216,0.6956825506034863,0.7818314824680298,0.8551427630053462,0.9144126230158126,0.9586678530366607,0.9871817834144501,0.9994862162006879,0.9953791129491973,0.9749279121818195,0.9384684220497426,0.8865993063729307,0.8201722545967081,0.7402779970744925,0.6482283953052294,0.5455349012030444,0.43388373909667854,0.31510821796823507,0.1911586285607095,0.06407021963741275,-0.0640702207884992,-0.19115863053912704,-0.31510822207637185,-0.43388374780048644,-0.5455349193204289,-0.6482284321450457,-0.7402780702723176,-0.8201723968880146,-0.8865995773452419,-0.9384689281856151,-0.9749288404863351,-0.995380786503299,-0.9994891846067253,-0.9871869680325283,-0.9586767771801031,-0.9144277723210102,-0.8551681430088787,-0.7818734717457744,-0.69575119237224,-0.598221468359955,-0.49089490330786145,-0.37554758666225996,-0.2540940739222168,-0.12855900518546204,-0.001048182796038511],\"type\":\"scatter\",\"name\":\"fakesin\",\"x\":[0.0,0.1282282715750936,0.2564565431501872,0.38468481472528077,0.5129130863003744,0.641141357875468,0.7693696294505615,0.8975979010256552,1.0258261726007487,1.1540544441758425,1.282282715750936,1.4105109873260295,1.538739258901123,1.6669675304762168,1.7951958020513104,1.9234240736264039,2.0516523452014974,2.179880616776591,2.308108888351685,2.4363371599267785,2.564565431501872,2.6927937030769655,2.821021974652059,2.9492502462271526,3.077478517802246,3.20570678937734,3.3339350609524336,3.462163332527527,3.5903916041026207,3.7186198756777142,3.8468481472528078,3.9750764188279013,4.103304690402995,4.231532961978089,4.359761233553182,4.487989505128276,4.61621777670337,4.744446048278463,4.872674319853557,5.00090259142865,5.129130863003744,5.257359134578837,5.385587406153931,5.513815677729025,5.642043949304118,5.770272220879212,5.898500492454305,6.026728764029399,6.154957035604492,6.283185307179586]}],{\"margin\":{\"l\":50,\"b\":50,\"r\":50,\"t\":60}},{}); gd.on(\"plotly_hover\",(function (data){var filtered_data=WebIO.PlotlyCommands.filterEventData(gd,data,\"hover\"); return !(filtered_data.isnil) ? (WebIO.setval({\"name\":\"hover\",\"scope\":\"12453617049454056749\",\"id\":\"ob_21\",\"type\":\"observable\"},filtered_data.out)) : undefined})); gd.on(\"plotly_unhover\",(function (){return WebIO.setval({\"name\":\"hover\",\"scope\":\"12453617049454056749\",\"id\":\"ob_21\",\"type\":\"observable\"},{})})); gd.on(\"plotly_selected\",(function (data){var filtered_data=WebIO.PlotlyCommands.filterEventData(gd,data,\"selected\"); return !(filtered_data.isnil) ? (WebIO.setval({\"name\":\"selected\",\"scope\":\"12453617049454056749\",\"id\":\"ob_22\",\"type\":\"observable\"},filtered_data.out)) : undefined})); gd.on(\"plotly_deselect\",(function (){return WebIO.setval({\"name\":\"selected\",\"scope\":\"12453617049454056749\",\"id\":\"ob_22\",\"type\":\"observable\"},{})})); gd.on(\"plotly_relayout\",(function (data){var filtered_data=WebIO.PlotlyCommands.filterEventData(gd,data,\"relayout\"); return !(filtered_data.isnil) ? (WebIO.setval({\"name\":\"relayout\",\"scope\":\"12453617049454056749\",\"id\":\"ob_24\",\"type\":\"observable\"},filtered_data.out)) : undefined})); return gd.on(\"plotly_click\",(function (data){var filtered_data=WebIO.PlotlyCommands.filterEventData(gd,data,\"click\"); return !(filtered_data.isnil) ? (WebIO.setval({\"name\":\"click\",\"scope\":\"12453617049454056749\",\"id\":\"ob_23\",\"type\":\"observable\"},filtered_data.out)) : undefined}))}));\n (WebIO.importBlock({\"data\":[{\"name\":\"Plotly\",\"type\":\"js\",\"url\":\"/assetserver/464a31a6b6a17d15fd7ad33b7dd44095053b9b88-plotly-latest.min.js\"},{\"name\":null,\"type\":\"js\",\"url\":\"/assetserver/eb17e349d07daf3ab515beea41cd4a389faa7a24-plotly_webio.bundle.js\"}],\"type\":\"async_block\"})).then((imports) => handler.apply(this, imports));\n}\n" | |
], | |
"observables": { | |
"__gd_contents": { | |
"id": "ob_26", | |
"sync": false, | |
"value": {} | |
}, | |
"__get_gd_contents": { | |
"id": "ob_30", | |
"sync": false, | |
"value": "" | |
}, | |
"_commands": { | |
"id": "ob_27", | |
"sync": false, | |
"value": [] | |
}, | |
"_downloadImage": { | |
"id": "ob_29", | |
"sync": false, | |
"value": {} | |
}, | |
"_toImage": { | |
"id": "ob_28", | |
"sync": false, | |
"value": {} | |
}, | |
"click": { | |
"id": "ob_23", | |
"sync": false, | |
"value": {} | |
}, | |
"hover": { | |
"id": "ob_21", | |
"sync": false, | |
"value": {} | |
}, | |
"image": { | |
"id": "ob_25", | |
"sync": true, | |
"value": "" | |
}, | |
"relayout": { | |
"id": "ob_24", | |
"sync": false, | |
"value": {} | |
}, | |
"selected": { | |
"id": "ob_22", | |
"sync": false, | |
"value": {} | |
} | |
}, | |
"systemjs_options": null | |
}, | |
"nodeType": "Scope", | |
"props": {}, | |
"type": "node" | |
}, | |
"text/html": [ | |
"<div\n", | |
" class=\"webio-mountpoint\"\n", | |
" data-webio-mountpoint=\"17003875620923172854\"\n", | |
">\n", | |
" <script>\n", | |
" if (window.require && require.defined && require.defined(\"nbextensions/webio/main\")) {\n", | |
" console.log(\"Jupyter WebIO extension detected, not mounting.\");\n", | |
" } else if (window.WebIO) {\n", | |
" WebIO.mount(\n", | |
" document.querySelector('[data-webio-mountpoint=\"17003875620923172854\"]'),\n", | |
" {\"props\":{},\"nodeType\":\"Scope\",\"type\":\"node\",\"instanceArgs\":{\"imports\":{\"data\":[{\"name\":\"Plotly\",\"type\":\"js\",\"url\":\"\\/assetserver\\/464a31a6b6a17d15fd7ad33b7dd44095053b9b88-plotly-latest.min.js\"},{\"name\":null,\"type\":\"js\",\"url\":\"\\/assetserver\\/eb17e349d07daf3ab515beea41cd4a389faa7a24-plotly_webio.bundle.js\"}],\"type\":\"async_block\"},\"id\":\"12453617049454056749\",\"handlers\":{\"_toImage\":[\"(function (options){return this.Plotly.toImage(this.plotElem,options).then((function (data){return WebIO.setval({\\\"name\\\":\\\"image\\\",\\\"scope\\\":\\\"12453617049454056749\\\",\\\"id\\\":\\\"ob_25\\\",\\\"type\\\":\\\"observable\\\"},data)}))})\"],\"__get_gd_contents\":[\"(function (prop){prop==\\\"data\\\" ? (WebIO.setval({\\\"name\\\":\\\"__gd_contents\\\",\\\"scope\\\":\\\"12453617049454056749\\\",\\\"id\\\":\\\"ob_26\\\",\\\"type\\\":\\\"observable\\\"},this.plotElem.data)) : undefined; return prop==\\\"layout\\\" ? (WebIO.setval({\\\"name\\\":\\\"__gd_contents\\\",\\\"scope\\\":\\\"12453617049454056749\\\",\\\"id\\\":\\\"ob_26\\\",\\\"type\\\":\\\"observable\\\"},this.plotElem.layout)) : undefined})\"],\"_downloadImage\":[\"(function (options){return this.Plotly.downloadImage(this.plotElem,options)})\"],\"_commands\":[\"(function (args){var fn=args.shift(); var elem=this.plotElem; var Plotly=this.Plotly; args.unshift(elem); return Plotly[fn].apply(this,args)})\"]},\"systemjs_options\":null,\"mount_callbacks\":[\"function () {\\n var handler = ((function (Plotly){var gd=this.dom.querySelector(\\\"#plot-b2a151f3-5793-4a11-9a05-097e7d2269cb\\\"); this.plotElem=gd; this.Plotly=Plotly; (window.Blink!==undefined) ? (gd.style.width=\\\"100%\\\", gd.style.height=\\\"100vh\\\", gd.style.marginLeft=\\\"0%\\\", gd.style.marginTop=\\\"0vh\\\") : undefined; window.onresize=(function (){return Plotly.Plots.resize(gd)}); Plotly.newPlot(gd,[{\\\"y\\\":[0.0,0.12787716168450602,0.25365458390950735,0.3752670048793741,0.49071755200393785,0.598110530491216,0.6956825506034863,0.7818314824680298,0.8551427630053462,0.9144126230158126,0.9586678530366607,0.9871817834144501,0.9994862162006879,0.9953791129491973,0.9749279121818195,0.9384684220497426,0.8865993063729307,0.8201722545967081,0.7402779970744925,0.6482283953052294,0.5455349012030444,0.43388373909667854,0.31510821796823507,0.1911586285607095,0.06407021963741275,-0.0640702207884992,-0.19115863053912704,-0.31510822207637185,-0.43388374780048644,-0.5455349193204289,-0.6482284321450457,-0.7402780702723176,-0.8201723968880146,-0.8865995773452419,-0.9384689281856151,-0.9749288404863351,-0.995380786503299,-0.9994891846067253,-0.9871869680325283,-0.9586767771801031,-0.9144277723210102,-0.8551681430088787,-0.7818734717457744,-0.69575119237224,-0.598221468359955,-0.49089490330786145,-0.37554758666225996,-0.2540940739222168,-0.12855900518546204,-0.001048182796038511],\\\"type\\\":\\\"scatter\\\",\\\"name\\\":\\\"fakesin\\\",\\\"x\\\":[0.0,0.1282282715750936,0.2564565431501872,0.38468481472528077,0.5129130863003744,0.641141357875468,0.7693696294505615,0.8975979010256552,1.0258261726007487,1.1540544441758425,1.282282715750936,1.4105109873260295,1.538739258901123,1.6669675304762168,1.7951958020513104,1.9234240736264039,2.0516523452014974,2.179880616776591,2.308108888351685,2.4363371599267785,2.564565431501872,2.6927937030769655,2.821021974652059,2.9492502462271526,3.077478517802246,3.20570678937734,3.3339350609524336,3.462163332527527,3.5903916041026207,3.7186198756777142,3.8468481472528078,3.9750764188279013,4.103304690402995,4.231532961978089,4.359761233553182,4.487989505128276,4.61621777670337,4.744446048278463,4.872674319853557,5.00090259142865,5.129130863003744,5.257359134578837,5.385587406153931,5.513815677729025,5.642043949304118,5.770272220879212,5.898500492454305,6.026728764029399,6.154957035604492,6.283185307179586]}],{\\\"margin\\\":{\\\"l\\\":50,\\\"b\\\":50,\\\"r\\\":50,\\\"t\\\":60}},{}); gd.on(\\\"plotly_hover\\\",(function (data){var filtered_data=WebIO.PlotlyCommands.filterEventData(gd,data,\\\"hover\\\"); return !(filtered_data.isnil) ? (WebIO.setval({\\\"name\\\":\\\"hover\\\",\\\"scope\\\":\\\"12453617049454056749\\\",\\\"id\\\":\\\"ob_21\\\",\\\"type\\\":\\\"observable\\\"},filtered_data.out)) : undefined})); gd.on(\\\"plotly_unhover\\\",(function (){return WebIO.setval({\\\"name\\\":\\\"hover\\\",\\\"scope\\\":\\\"12453617049454056749\\\",\\\"id\\\":\\\"ob_21\\\",\\\"type\\\":\\\"observable\\\"},{})})); gd.on(\\\"plotly_selected\\\",(function (data){var filtered_data=WebIO.PlotlyCommands.filterEventData(gd,data,\\\"selected\\\"); return !(filtered_data.isnil) ? (WebIO.setval({\\\"name\\\":\\\"selected\\\",\\\"scope\\\":\\\"12453617049454056749\\\",\\\"id\\\":\\\"ob_22\\\",\\\"type\\\":\\\"observable\\\"},filtered_data.out)) : undefined})); gd.on(\\\"plotly_deselect\\\",(function (){return WebIO.setval({\\\"name\\\":\\\"selected\\\",\\\"scope\\\":\\\"12453617049454056749\\\",\\\"id\\\":\\\"ob_22\\\",\\\"type\\\":\\\"observable\\\"},{})})); gd.on(\\\"plotly_relayout\\\",(function (data){var filtered_data=WebIO.PlotlyCommands.filterEventData(gd,data,\\\"relayout\\\"); return !(filtered_data.isnil) ? (WebIO.setval({\\\"name\\\":\\\"relayout\\\",\\\"scope\\\":\\\"12453617049454056749\\\",\\\"id\\\":\\\"ob_24\\\",\\\"type\\\":\\\"observable\\\"},filtered_data.out)) : undefined})); return gd.on(\\\"plotly_click\\\",(function (data){var filtered_data=WebIO.PlotlyCommands.filterEventData(gd,data,\\\"click\\\"); return !(filtered_data.isnil) ? (WebIO.setval({\\\"name\\\":\\\"click\\\",\\\"scope\\\":\\\"12453617049454056749\\\",\\\"id\\\":\\\"ob_23\\\",\\\"type\\\":\\\"observable\\\"},filtered_data.out)) : undefined}))}));\\n (WebIO.importBlock({\\\"data\\\":[{\\\"name\\\":\\\"Plotly\\\",\\\"type\\\":\\\"js\\\",\\\"url\\\":\\\"\\/assetserver\\/464a31a6b6a17d15fd7ad33b7dd44095053b9b88-plotly-latest.min.js\\\"},{\\\"name\\\":null,\\\"type\\\":\\\"js\\\",\\\"url\\\":\\\"\\/assetserver\\/eb17e349d07daf3ab515beea41cd4a389faa7a24-plotly_webio.bundle.js\\\"}],\\\"type\\\":\\\"async_block\\\"})).then((imports) => handler.apply(this, imports));\\n}\\n\"],\"observables\":{\"_toImage\":{\"sync\":false,\"id\":\"ob_28\",\"value\":{}},\"hover\":{\"sync\":false,\"id\":\"ob_21\",\"value\":{}},\"selected\":{\"sync\":false,\"id\":\"ob_22\",\"value\":{}},\"__gd_contents\":{\"sync\":false,\"id\":\"ob_26\",\"value\":{}},\"click\":{\"sync\":false,\"id\":\"ob_23\",\"value\":{}},\"image\":{\"sync\":true,\"id\":\"ob_25\",\"value\":\"\"},\"__get_gd_contents\":{\"sync\":false,\"id\":\"ob_30\",\"value\":\"\"},\"_downloadImage\":{\"sync\":false,\"id\":\"ob_29\",\"value\":{}},\"relayout\":{\"sync\":false,\"id\":\"ob_24\",\"value\":{}},\"_commands\":{\"sync\":false,\"id\":\"ob_27\",\"value\":[]}}},\"children\":[{\"props\":{\"id\":\"plot-b2a151f3-5793-4a11-9a05-097e7d2269cb\"},\"nodeType\":\"DOM\",\"type\":\"node\",\"instanceArgs\":{\"namespace\":\"html\",\"tag\":\"div\"},\"children\":[]}]},\n", | |
" window,\n", | |
" );\n", | |
" } else {\n", | |
" document\n", | |
" .querySelector('[data-webio-mountpoint=\"17003875620923172854\"]')\n", | |
" .innerHTML = '<strong>WebIO not detected.</strong>';\n", | |
" }\n", | |
" </script>\n", | |
"</div>\n" | |
], | |
"text/plain": [ | |
"data: [\n", | |
" \"scatter with fields name, type, x, and y\"\n", | |
"]\n", | |
"\n", | |
"layout: \"layout with field margin\"\n", | |
"\n" | |
] | |
}, | |
"execution_count": 26, | |
"metadata": { | |
"application/vnd.webio.node+json": { | |
"kernelId": "8d10abd3-d71b-4013-b916-91ff8ec85e95" | |
} | |
}, | |
"output_type": "execute_result" | |
} | |
], | |
"source": [ | |
"plot(fakesin, 0, 2π)" | |
] | |
}, | |
{ | |
"cell_type": "code", | |
"execution_count": 31, | |
"metadata": {}, | |
"outputs": [ | |
{ | |
"data": { | |
"text/plain": [ | |
"1.0" | |
] | |
}, | |
"execution_count": 31, | |
"metadata": {}, | |
"output_type": "execute_result" | |
} | |
], | |
"source": [ | |
"fakesin_gradient(x) = gradient(fakesin, x)[1]\n", | |
"\n", | |
"fakesin_gradient(0)" | |
] | |
}, | |
{ | |
"cell_type": "code", | |
"execution_count": 32, | |
"metadata": {}, | |
"outputs": [ | |
{ | |
"data": { | |
"application/vnd.plotly.v1+json": { | |
"data": [ | |
{ | |
"name": "fakesin", | |
"type": "scatter", | |
"x": [ | |
0, | |
0.1282282715750936, | |
0.2564565431501872, | |
0.38468481472528077, | |
0.5129130863003744, | |
0.641141357875468, | |
0.7693696294505615, | |
0.8975979010256552, | |
1.0258261726007487, | |
1.1540544441758425, | |
1.282282715750936, | |
1.4105109873260295, | |
1.538739258901123, | |
1.6669675304762168, | |
1.7951958020513104, | |
1.9234240736264039, | |
2.0516523452014974, | |
2.179880616776591, | |
2.308108888351685, | |
2.4363371599267785, | |
2.564565431501872, | |
2.6927937030769655, | |
2.821021974652059, | |
2.9492502462271526, | |
3.077478517802246, | |
3.20570678937734, | |
3.3339350609524336, | |
3.462163332527527, | |
3.5903916041026207, | |
3.7186198756777142, | |
3.8468481472528078, | |
3.9750764188279013, | |
4.103304690402995, | |
4.231532961978089, | |
4.359761233553182, | |
4.487989505128276, | |
4.61621777670337, | |
4.744446048278463, | |
4.872674319853557, | |
5.00090259142865, | |
5.129130863003744, | |
5.257359134578837, | |
5.385587406153931, | |
5.513815677729025, | |
5.642043949304118, | |
5.770272220879212, | |
5.898500492454305, | |
6.026728764029399, | |
6.154957035604492, | |
6.283185307179586 | |
], | |
"y": [ | |
0, | |
0.12787716168450602, | |
0.25365458390950735, | |
0.3752670048793741, | |
0.49071755200393785, | |
0.598110530491216, | |
0.6956825506034863, | |
0.7818314824680298, | |
0.8551427630053462, | |
0.9144126230158126, | |
0.9586678530366607, | |
0.9871817834144501, | |
0.9994862162006879, | |
0.9953791129491973, | |
0.9749279121818195, | |
0.9384684220497426, | |
0.8865993063729307, | |
0.8201722545967081, | |
0.7402779970744925, | |
0.6482283953052294, | |
0.5455349012030444, | |
0.43388373909667854, | |
0.31510821796823507, | |
0.1911586285607095, | |
0.06407021963741275, | |
-0.0640702207884992, | |
-0.19115863053912704, | |
-0.31510822207637185, | |
-0.43388374780048644, | |
-0.5455349193204289, | |
-0.6482284321450457, | |
-0.7402780702723176, | |
-0.8201723968880146, | |
-0.8865995773452419, | |
-0.9384689281856151, | |
-0.9749288404863351, | |
-0.995380786503299, | |
-0.9994891846067253, | |
-0.9871869680325283, | |
-0.9586767771801031, | |
-0.9144277723210102, | |
-0.8551681430088787, | |
-0.7818734717457744, | |
-0.69575119237224, | |
-0.598221468359955, | |
-0.49089490330786145, | |
-0.37554758666225996, | |
-0.2540940739222168, | |
-0.12855900518546204, | |
-0.001048182796038511 | |
] | |
}, | |
{ | |
"name": "fakesin_gradient", | |
"type": "scatter", | |
"x": [ | |
0, | |
0.1282282715750936, | |
0.2564565431501872, | |
0.38468481472528077, | |
0.5129130863003744, | |
0.641141357875468, | |
0.7693696294505615, | |
0.8975979010256552, | |
1.0258261726007487, | |
1.1540544441758425, | |
1.282282715750936, | |
1.4105109873260295, | |
1.538739258901123, | |
1.6669675304762168, | |
1.7951958020513104, | |
1.9234240736264039, | |
2.0516523452014974, | |
2.179880616776591, | |
2.308108888351685, | |
2.4363371599267785, | |
2.564565431501872, | |
2.6927937030769655, | |
2.821021974652059, | |
2.9492502462271526, | |
3.077478517802246, | |
3.20570678937734, | |
3.3339350609524336, | |
3.462163332527527, | |
3.5903916041026207, | |
3.7186198756777142, | |
3.8468481472528078, | |
3.9750764188279013, | |
4.103304690402995, | |
4.231532961978089, | |
4.359761233553182, | |
4.487989505128276, | |
4.61621777670337, | |
4.744446048278463, | |
4.872674319853557, | |
5.00090259142865, | |
5.129130863003744, | |
5.257359134578837, | |
5.385587406153931, | |
5.513815677729025, | |
5.642043949304118, | |
5.770272220879212, | |
5.898500492454305, | |
6.026728764029399, | |
6.154957035604492, | |
6.283185307179586 | |
], | |
"y": [ | |
1, | |
0.9917900138232462, | |
0.9672948630390295, | |
0.9269167573460217, | |
0.8713187041233894, | |
0.8014136218679566, | |
0.7183493500977276, | |
0.6234898018587336, | |
0.5183925683105252, | |
0.40478334312239395, | |
0.2845275866310324, | |
0.159599895033379, | |
0.03205157757165311, | |
-0.09602302590769307, | |
-0.2225209339563634, | |
-0.3453650544215032, | |
-0.46253829024154625, | |
-0.572116660124558, | |
-0.6723008902687984, | |
-0.7614459583911675, | |
-0.8380881049532163, | |
-0.9009688680650321, | |
-0.9490557474223547, | |
-0.9815591579910263, | |
-0.9979453950888191, | |
-0.9979453980319057, | |
-0.9815591685429732, | |
-0.9490557715383492, | |
-0.9009689185672958, | |
-0.8380882069017286, | |
-0.7614461589152572, | |
-0.6723012758293052, | |
-0.5721173860872852, | |
-0.46253963058208747, | |
-0.3453674838646492, | |
-0.22252526161254238, | |
-0.09603060953617337, | |
0.03203849272725279, | |
0.15957764733473212, | |
0.284490282530804, | |
0.40472161431727827, | |
0.5182916984771442, | |
0.6233269327280571, | |
0.7180893558563763, | |
0.8010030749348296, | |
0.8706771291453776, | |
0.9259240642317259, | |
0.9657734388230708, | |
0.9894794049052074, | |
0.996521389841142 | |
] | |
} | |
], | |
"layout": { | |
"margin": { | |
"b": 50, | |
"l": 50, | |
"r": 50, | |
"t": 60 | |
} | |
} | |
}, | |
"application/vnd.webio.node+json": { | |
"children": [ | |
{ | |
"children": [], | |
"instanceArgs": { | |
"namespace": "html", | |
"tag": "div" | |
}, | |
"nodeType": "DOM", | |
"props": { | |
"id": "plot-81d0a222-5ed4-4073-99f6-faeae99e428c" | |
}, | |
"type": "node" | |
} | |
], | |
"instanceArgs": { | |
"handlers": { | |
"__get_gd_contents": [ | |
"(function (prop){prop==\"data\" ? (WebIO.setval({\"name\":\"__gd_contents\",\"scope\":\"10419875954292953797\",\"id\":\"ob_76\",\"type\":\"observable\"},this.plotElem.data)) : undefined; return prop==\"layout\" ? (WebIO.setval({\"name\":\"__gd_contents\",\"scope\":\"10419875954292953797\",\"id\":\"ob_76\",\"type\":\"observable\"},this.plotElem.layout)) : undefined})" | |
], | |
"_commands": [ | |
"(function (args){var fn=args.shift(); var elem=this.plotElem; var Plotly=this.Plotly; args.unshift(elem); return Plotly[fn].apply(this,args)})" | |
], | |
"_downloadImage": [ | |
"(function (options){return this.Plotly.downloadImage(this.plotElem,options)})" | |
], | |
"_toImage": [ | |
"(function (options){return this.Plotly.toImage(this.plotElem,options).then((function (data){return WebIO.setval({\"name\":\"image\",\"scope\":\"10419875954292953797\",\"id\":\"ob_75\",\"type\":\"observable\"},data)}))})" | |
] | |
}, | |
"id": "10419875954292953797", | |
"imports": { | |
"data": [ | |
{ | |
"name": "Plotly", | |
"type": "js", | |
"url": "/assetserver/464a31a6b6a17d15fd7ad33b7dd44095053b9b88-plotly-latest.min.js" | |
}, | |
{ | |
"name": null, | |
"type": "js", | |
"url": "/assetserver/eb17e349d07daf3ab515beea41cd4a389faa7a24-plotly_webio.bundle.js" | |
} | |
], | |
"type": "async_block" | |
}, | |
"mount_callbacks": [ | |
"function () {\n var handler = ((function (Plotly){var gd=this.dom.querySelector(\"#plot-81d0a222-5ed4-4073-99f6-faeae99e428c\"); this.plotElem=gd; this.Plotly=Plotly; (window.Blink!==undefined) ? (gd.style.width=\"100%\", gd.style.height=\"100vh\", gd.style.marginLeft=\"0%\", gd.style.marginTop=\"0vh\") : undefined; window.onresize=(function (){return Plotly.Plots.resize(gd)}); Plotly.newPlot(gd,[{\"y\":[0.0,0.12787716168450602,0.25365458390950735,0.3752670048793741,0.49071755200393785,0.598110530491216,0.6956825506034863,0.7818314824680298,0.8551427630053462,0.9144126230158126,0.9586678530366607,0.9871817834144501,0.9994862162006879,0.9953791129491973,0.9749279121818195,0.9384684220497426,0.8865993063729307,0.8201722545967081,0.7402779970744925,0.6482283953052294,0.5455349012030444,0.43388373909667854,0.31510821796823507,0.1911586285607095,0.06407021963741275,-0.0640702207884992,-0.19115863053912704,-0.31510822207637185,-0.43388374780048644,-0.5455349193204289,-0.6482284321450457,-0.7402780702723176,-0.8201723968880146,-0.8865995773452419,-0.9384689281856151,-0.9749288404863351,-0.995380786503299,-0.9994891846067253,-0.9871869680325283,-0.9586767771801031,-0.9144277723210102,-0.8551681430088787,-0.7818734717457744,-0.69575119237224,-0.598221468359955,-0.49089490330786145,-0.37554758666225996,-0.2540940739222168,-0.12855900518546204,-0.001048182796038511],\"type\":\"scatter\",\"name\":\"fakesin\",\"x\":[0.0,0.1282282715750936,0.2564565431501872,0.38468481472528077,0.5129130863003744,0.641141357875468,0.7693696294505615,0.8975979010256552,1.0258261726007487,1.1540544441758425,1.282282715750936,1.4105109873260295,1.538739258901123,1.6669675304762168,1.7951958020513104,1.9234240736264039,2.0516523452014974,2.179880616776591,2.308108888351685,2.4363371599267785,2.564565431501872,2.6927937030769655,2.821021974652059,2.9492502462271526,3.077478517802246,3.20570678937734,3.3339350609524336,3.462163332527527,3.5903916041026207,3.7186198756777142,3.8468481472528078,3.9750764188279013,4.103304690402995,4.231532961978089,4.359761233553182,4.487989505128276,4.61621777670337,4.744446048278463,4.872674319853557,5.00090259142865,5.129130863003744,5.257359134578837,5.385587406153931,5.513815677729025,5.642043949304118,5.770272220879212,5.898500492454305,6.026728764029399,6.154957035604492,6.283185307179586]},{\"y\":[1.0,0.9917900138232462,0.9672948630390295,0.9269167573460217,0.8713187041233894,0.8014136218679566,0.7183493500977276,0.6234898018587336,0.5183925683105252,0.40478334312239395,0.2845275866310324,0.159599895033379,0.03205157757165311,-0.09602302590769307,-0.2225209339563634,-0.3453650544215032,-0.46253829024154625,-0.572116660124558,-0.6723008902687984,-0.7614459583911675,-0.8380881049532163,-0.9009688680650321,-0.9490557474223547,-0.9815591579910263,-0.9979453950888191,-0.9979453980319057,-0.9815591685429732,-0.9490557715383492,-0.9009689185672958,-0.8380882069017286,-0.7614461589152572,-0.6723012758293052,-0.5721173860872852,-0.46253963058208747,-0.3453674838646492,-0.22252526161254238,-0.09603060953617337,0.03203849272725279,0.15957764733473212,0.284490282530804,0.40472161431727827,0.5182916984771442,0.6233269327280571,0.7180893558563763,0.8010030749348296,0.8706771291453776,0.9259240642317259,0.9657734388230708,0.9894794049052074,0.996521389841142],\"type\":\"scatter\",\"name\":\"fakesin_gradient\",\"x\":[0.0,0.1282282715750936,0.2564565431501872,0.38468481472528077,0.5129130863003744,0.641141357875468,0.7693696294505615,0.8975979010256552,1.0258261726007487,1.1540544441758425,1.282282715750936,1.4105109873260295,1.538739258901123,1.6669675304762168,1.7951958020513104,1.9234240736264039,2.0516523452014974,2.179880616776591,2.308108888351685,2.4363371599267785,2.564565431501872,2.6927937030769655,2.821021974652059,2.9492502462271526,3.077478517802246,3.20570678937734,3.3339350609524336,3.462163332527527,3.5903916041026207,3.7186198756777142,3.8468481472528078,3.9750764188279013,4.103304690402995,4.231532961978089,4.359761233553182,4.487989505128276,4.61621777670337,4.744446048278463,4.872674319853557,5.00090259142865,5.129130863003744,5.257359134578837,5.385587406153931,5.513815677729025,5.642043949304118,5.770272220879212,5.898500492454305,6.026728764029399,6.154957035604492,6.283185307179586]}],{\"margin\":{\"l\":50,\"b\":50,\"r\":50,\"t\":60}},{}); gd.on(\"plotly_hover\",(function (data){var filtered_data=WebIO.PlotlyCommands.filterEventData(gd,data,\"hover\"); return !(filtered_data.isnil) ? (WebIO.setval({\"name\":\"hover\",\"scope\":\"10419875954292953797\",\"id\":\"ob_71\",\"type\":\"observable\"},filtered_data.out)) : undefined})); gd.on(\"plotly_unhover\",(function (){return WebIO.setval({\"name\":\"hover\",\"scope\":\"10419875954292953797\",\"id\":\"ob_71\",\"type\":\"observable\"},{})})); gd.on(\"plotly_selected\",(function (data){var filtered_data=WebIO.PlotlyCommands.filterEventData(gd,data,\"selected\"); return !(filtered_data.isnil) ? (WebIO.setval({\"name\":\"selected\",\"scope\":\"10419875954292953797\",\"id\":\"ob_72\",\"type\":\"observable\"},filtered_data.out)) : undefined})); gd.on(\"plotly_deselect\",(function (){return WebIO.setval({\"name\":\"selected\",\"scope\":\"10419875954292953797\",\"id\":\"ob_72\",\"type\":\"observable\"},{})})); gd.on(\"plotly_relayout\",(function (data){var filtered_data=WebIO.PlotlyCommands.filterEventData(gd,data,\"relayout\"); return !(filtered_data.isnil) ? (WebIO.setval({\"name\":\"relayout\",\"scope\":\"10419875954292953797\",\"id\":\"ob_74\",\"type\":\"observable\"},filtered_data.out)) : undefined})); return gd.on(\"plotly_click\",(function (data){var filtered_data=WebIO.PlotlyCommands.filterEventData(gd,data,\"click\"); return !(filtered_data.isnil) ? (WebIO.setval({\"name\":\"click\",\"scope\":\"10419875954292953797\",\"id\":\"ob_73\",\"type\":\"observable\"},filtered_data.out)) : undefined}))}));\n (WebIO.importBlock({\"data\":[{\"name\":\"Plotly\",\"type\":\"js\",\"url\":\"/assetserver/464a31a6b6a17d15fd7ad33b7dd44095053b9b88-plotly-latest.min.js\"},{\"name\":null,\"type\":\"js\",\"url\":\"/assetserver/eb17e349d07daf3ab515beea41cd4a389faa7a24-plotly_webio.bundle.js\"}],\"type\":\"async_block\"})).then((imports) => handler.apply(this, imports));\n}\n" | |
], | |
"observables": { | |
"__gd_contents": { | |
"id": "ob_76", | |
"sync": false, | |
"value": {} | |
}, | |
"__get_gd_contents": { | |
"id": "ob_80", | |
"sync": false, | |
"value": "" | |
}, | |
"_commands": { | |
"id": "ob_77", | |
"sync": false, | |
"value": [] | |
}, | |
"_downloadImage": { | |
"id": "ob_79", | |
"sync": false, | |
"value": {} | |
}, | |
"_toImage": { | |
"id": "ob_78", | |
"sync": false, | |
"value": {} | |
}, | |
"click": { | |
"id": "ob_73", | |
"sync": false, | |
"value": {} | |
}, | |
"hover": { | |
"id": "ob_71", | |
"sync": false, | |
"value": {} | |
}, | |
"image": { | |
"id": "ob_75", | |
"sync": true, | |
"value": "" | |
}, | |
"relayout": { | |
"id": "ob_74", | |
"sync": false, | |
"value": {} | |
}, | |
"selected": { | |
"id": "ob_72", | |
"sync": false, | |
"value": {} | |
} | |
}, | |
"systemjs_options": null | |
}, | |
"nodeType": "Scope", | |
"props": {}, | |
"type": "node" | |
}, | |
"text/html": [ | |
"<div\n", | |
" class=\"webio-mountpoint\"\n", | |
" data-webio-mountpoint=\"8502786165317936263\"\n", | |
">\n", | |
" <script>\n", | |
" if (window.require && require.defined && require.defined(\"nbextensions/webio/main\")) {\n", | |
" console.log(\"Jupyter WebIO extension detected, not mounting.\");\n", | |
" } else if (window.WebIO) {\n", | |
" WebIO.mount(\n", | |
" document.querySelector('[data-webio-mountpoint=\"8502786165317936263\"]'),\n", | |
" {\"props\":{},\"nodeType\":\"Scope\",\"type\":\"node\",\"instanceArgs\":{\"imports\":{\"data\":[{\"name\":\"Plotly\",\"type\":\"js\",\"url\":\"\\/assetserver\\/464a31a6b6a17d15fd7ad33b7dd44095053b9b88-plotly-latest.min.js\"},{\"name\":null,\"type\":\"js\",\"url\":\"\\/assetserver\\/eb17e349d07daf3ab515beea41cd4a389faa7a24-plotly_webio.bundle.js\"}],\"type\":\"async_block\"},\"id\":\"10419875954292953797\",\"handlers\":{\"_toImage\":[\"(function (options){return this.Plotly.toImage(this.plotElem,options).then((function (data){return WebIO.setval({\\\"name\\\":\\\"image\\\",\\\"scope\\\":\\\"10419875954292953797\\\",\\\"id\\\":\\\"ob_75\\\",\\\"type\\\":\\\"observable\\\"},data)}))})\"],\"__get_gd_contents\":[\"(function (prop){prop==\\\"data\\\" ? (WebIO.setval({\\\"name\\\":\\\"__gd_contents\\\",\\\"scope\\\":\\\"10419875954292953797\\\",\\\"id\\\":\\\"ob_76\\\",\\\"type\\\":\\\"observable\\\"},this.plotElem.data)) : undefined; return prop==\\\"layout\\\" ? (WebIO.setval({\\\"name\\\":\\\"__gd_contents\\\",\\\"scope\\\":\\\"10419875954292953797\\\",\\\"id\\\":\\\"ob_76\\\",\\\"type\\\":\\\"observable\\\"},this.plotElem.layout)) : undefined})\"],\"_downloadImage\":[\"(function (options){return this.Plotly.downloadImage(this.plotElem,options)})\"],\"_commands\":[\"(function (args){var fn=args.shift(); var elem=this.plotElem; var Plotly=this.Plotly; args.unshift(elem); return Plotly[fn].apply(this,args)})\"]},\"systemjs_options\":null,\"mount_callbacks\":[\"function () {\\n var handler = ((function (Plotly){var gd=this.dom.querySelector(\\\"#plot-81d0a222-5ed4-4073-99f6-faeae99e428c\\\"); this.plotElem=gd; this.Plotly=Plotly; (window.Blink!==undefined) ? (gd.style.width=\\\"100%\\\", gd.style.height=\\\"100vh\\\", gd.style.marginLeft=\\\"0%\\\", gd.style.marginTop=\\\"0vh\\\") : undefined; window.onresize=(function (){return Plotly.Plots.resize(gd)}); Plotly.newPlot(gd,[{\\\"y\\\":[0.0,0.12787716168450602,0.25365458390950735,0.3752670048793741,0.49071755200393785,0.598110530491216,0.6956825506034863,0.7818314824680298,0.8551427630053462,0.9144126230158126,0.9586678530366607,0.9871817834144501,0.9994862162006879,0.9953791129491973,0.9749279121818195,0.9384684220497426,0.8865993063729307,0.8201722545967081,0.7402779970744925,0.6482283953052294,0.5455349012030444,0.43388373909667854,0.31510821796823507,0.1911586285607095,0.06407021963741275,-0.0640702207884992,-0.19115863053912704,-0.31510822207637185,-0.43388374780048644,-0.5455349193204289,-0.6482284321450457,-0.7402780702723176,-0.8201723968880146,-0.8865995773452419,-0.9384689281856151,-0.9749288404863351,-0.995380786503299,-0.9994891846067253,-0.9871869680325283,-0.9586767771801031,-0.9144277723210102,-0.8551681430088787,-0.7818734717457744,-0.69575119237224,-0.598221468359955,-0.49089490330786145,-0.37554758666225996,-0.2540940739222168,-0.12855900518546204,-0.001048182796038511],\\\"type\\\":\\\"scatter\\\",\\\"name\\\":\\\"fakesin\\\",\\\"x\\\":[0.0,0.1282282715750936,0.2564565431501872,0.38468481472528077,0.5129130863003744,0.641141357875468,0.7693696294505615,0.8975979010256552,1.0258261726007487,1.1540544441758425,1.282282715750936,1.4105109873260295,1.538739258901123,1.6669675304762168,1.7951958020513104,1.9234240736264039,2.0516523452014974,2.179880616776591,2.308108888351685,2.4363371599267785,2.564565431501872,2.6927937030769655,2.821021974652059,2.9492502462271526,3.077478517802246,3.20570678937734,3.3339350609524336,3.462163332527527,3.5903916041026207,3.7186198756777142,3.8468481472528078,3.9750764188279013,4.103304690402995,4.231532961978089,4.359761233553182,4.487989505128276,4.61621777670337,4.744446048278463,4.872674319853557,5.00090259142865,5.129130863003744,5.257359134578837,5.385587406153931,5.513815677729025,5.642043949304118,5.770272220879212,5.898500492454305,6.026728764029399,6.154957035604492,6.283185307179586]},{\\\"y\\\":[1.0,0.9917900138232462,0.9672948630390295,0.9269167573460217,0.8713187041233894,0.8014136218679566,0.7183493500977276,0.6234898018587336,0.5183925683105252,0.40478334312239395,0.2845275866310324,0.159599895033379,0.03205157757165311,-0.09602302590769307,-0.2225209339563634,-0.3453650544215032,-0.46253829024154625,-0.572116660124558,-0.6723008902687984,-0.7614459583911675,-0.8380881049532163,-0.9009688680650321,-0.9490557474223547,-0.9815591579910263,-0.9979453950888191,-0.9979453980319057,-0.9815591685429732,-0.9490557715383492,-0.9009689185672958,-0.8380882069017286,-0.7614461589152572,-0.6723012758293052,-0.5721173860872852,-0.46253963058208747,-0.3453674838646492,-0.22252526161254238,-0.09603060953617337,0.03203849272725279,0.15957764733473212,0.284490282530804,0.40472161431727827,0.5182916984771442,0.6233269327280571,0.7180893558563763,0.8010030749348296,0.8706771291453776,0.9259240642317259,0.9657734388230708,0.9894794049052074,0.996521389841142],\\\"type\\\":\\\"scatter\\\",\\\"name\\\":\\\"fakesin_gradient\\\",\\\"x\\\":[0.0,0.1282282715750936,0.2564565431501872,0.38468481472528077,0.5129130863003744,0.641141357875468,0.7693696294505615,0.8975979010256552,1.0258261726007487,1.1540544441758425,1.282282715750936,1.4105109873260295,1.538739258901123,1.6669675304762168,1.7951958020513104,1.9234240736264039,2.0516523452014974,2.179880616776591,2.308108888351685,2.4363371599267785,2.564565431501872,2.6927937030769655,2.821021974652059,2.9492502462271526,3.077478517802246,3.20570678937734,3.3339350609524336,3.462163332527527,3.5903916041026207,3.7186198756777142,3.8468481472528078,3.9750764188279013,4.103304690402995,4.231532961978089,4.359761233553182,4.487989505128276,4.61621777670337,4.744446048278463,4.872674319853557,5.00090259142865,5.129130863003744,5.257359134578837,5.385587406153931,5.513815677729025,5.642043949304118,5.770272220879212,5.898500492454305,6.026728764029399,6.154957035604492,6.283185307179586]}],{\\\"margin\\\":{\\\"l\\\":50,\\\"b\\\":50,\\\"r\\\":50,\\\"t\\\":60}},{}); gd.on(\\\"plotly_hover\\\",(function (data){var filtered_data=WebIO.PlotlyCommands.filterEventData(gd,data,\\\"hover\\\"); return !(filtered_data.isnil) ? (WebIO.setval({\\\"name\\\":\\\"hover\\\",\\\"scope\\\":\\\"10419875954292953797\\\",\\\"id\\\":\\\"ob_71\\\",\\\"type\\\":\\\"observable\\\"},filtered_data.out)) : undefined})); gd.on(\\\"plotly_unhover\\\",(function (){return WebIO.setval({\\\"name\\\":\\\"hover\\\",\\\"scope\\\":\\\"10419875954292953797\\\",\\\"id\\\":\\\"ob_71\\\",\\\"type\\\":\\\"observable\\\"},{})})); gd.on(\\\"plotly_selected\\\",(function (data){var filtered_data=WebIO.PlotlyCommands.filterEventData(gd,data,\\\"selected\\\"); return !(filtered_data.isnil) ? (WebIO.setval({\\\"name\\\":\\\"selected\\\",\\\"scope\\\":\\\"10419875954292953797\\\",\\\"id\\\":\\\"ob_72\\\",\\\"type\\\":\\\"observable\\\"},filtered_data.out)) : undefined})); gd.on(\\\"plotly_deselect\\\",(function (){return WebIO.setval({\\\"name\\\":\\\"selected\\\",\\\"scope\\\":\\\"10419875954292953797\\\",\\\"id\\\":\\\"ob_72\\\",\\\"type\\\":\\\"observable\\\"},{})})); gd.on(\\\"plotly_relayout\\\",(function (data){var filtered_data=WebIO.PlotlyCommands.filterEventData(gd,data,\\\"relayout\\\"); return !(filtered_data.isnil) ? (WebIO.setval({\\\"name\\\":\\\"relayout\\\",\\\"scope\\\":\\\"10419875954292953797\\\",\\\"id\\\":\\\"ob_74\\\",\\\"type\\\":\\\"observable\\\"},filtered_data.out)) : undefined})); return gd.on(\\\"plotly_click\\\",(function (data){var filtered_data=WebIO.PlotlyCommands.filterEventData(gd,data,\\\"click\\\"); return !(filtered_data.isnil) ? (WebIO.setval({\\\"name\\\":\\\"click\\\",\\\"scope\\\":\\\"10419875954292953797\\\",\\\"id\\\":\\\"ob_73\\\",\\\"type\\\":\\\"observable\\\"},filtered_data.out)) : undefined}))}));\\n (WebIO.importBlock({\\\"data\\\":[{\\\"name\\\":\\\"Plotly\\\",\\\"type\\\":\\\"js\\\",\\\"url\\\":\\\"\\/assetserver\\/464a31a6b6a17d15fd7ad33b7dd44095053b9b88-plotly-latest.min.js\\\"},{\\\"name\\\":null,\\\"type\\\":\\\"js\\\",\\\"url\\\":\\\"\\/assetserver\\/eb17e349d07daf3ab515beea41cd4a389faa7a24-plotly_webio.bundle.js\\\"}],\\\"type\\\":\\\"async_block\\\"})).then((imports) => handler.apply(this, imports));\\n}\\n\"],\"observables\":{\"_toImage\":{\"sync\":false,\"id\":\"ob_78\",\"value\":{}},\"hover\":{\"sync\":false,\"id\":\"ob_71\",\"value\":{}},\"selected\":{\"sync\":false,\"id\":\"ob_72\",\"value\":{}},\"__gd_contents\":{\"sync\":false,\"id\":\"ob_76\",\"value\":{}},\"click\":{\"sync\":false,\"id\":\"ob_73\",\"value\":{}},\"image\":{\"sync\":true,\"id\":\"ob_75\",\"value\":\"\"},\"__get_gd_contents\":{\"sync\":false,\"id\":\"ob_80\",\"value\":\"\"},\"_downloadImage\":{\"sync\":false,\"id\":\"ob_79\",\"value\":{}},\"relayout\":{\"sync\":false,\"id\":\"ob_74\",\"value\":{}},\"_commands\":{\"sync\":false,\"id\":\"ob_77\",\"value\":[]}}},\"children\":[{\"props\":{\"id\":\"plot-81d0a222-5ed4-4073-99f6-faeae99e428c\"},\"nodeType\":\"DOM\",\"type\":\"node\",\"instanceArgs\":{\"namespace\":\"html\",\"tag\":\"div\"},\"children\":[]}]},\n", | |
" window,\n", | |
" );\n", | |
" } else {\n", | |
" document\n", | |
" .querySelector('[data-webio-mountpoint=\"8502786165317936263\"]')\n", | |
" .innerHTML = '<strong>WebIO not detected.</strong>';\n", | |
" }\n", | |
" </script>\n", | |
"</div>\n" | |
], | |
"text/plain": [ | |
"data: [\n", | |
" \"scatter with fields name, type, x, and y\",\n", | |
" \"scatter with fields name, type, x, and y\"\n", | |
"]\n", | |
"\n", | |
"layout: \"layout with field margin\"\n", | |
"\n" | |
] | |
}, | |
"execution_count": 32, | |
"metadata": { | |
"application/vnd.webio.node+json": { | |
"kernelId": "8d10abd3-d71b-4013-b916-91ff8ec85e95" | |
} | |
}, | |
"output_type": "execute_result" | |
} | |
], | |
"source": [ | |
"plot([fakesin, fakesin_gradient], 0, 2π)" | |
] | |
} | |
], | |
"metadata": { | |
"@webio": { | |
"lastCommId": "3530b10b2aad4ea0806112ec311c6203", | |
"lastKernelId": "8d10abd3-d71b-4013-b916-91ff8ec85e95" | |
}, | |
"kernelspec": { | |
"display_name": "Julia 1.2.0-rc1", | |
"language": "julia", | |
"name": "julia-1.2" | |
}, | |
"language_info": { | |
"file_extension": ".jl", | |
"mimetype": "application/julia", | |
"name": "julia", | |
"version": "1.2.0" | |
} | |
}, | |
"nbformat": 4, | |
"nbformat_minor": 2 | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment