{"uuid":"7b73675c-f320-11ec-83a5-97eda0c3e5c9","page":{"id":94180409,"data":{"appState":"[\"~#iR\",[\"^ \",\"n\",\"appTemplate\",\"v\",[\"^ \",\"isFetching\",false,\"plugins\",[\"~#iOM\",[\"plotlyExample\",[\"^0\",[\"^ \",\"n\",\"pluginTemplate\",\"v\",[\"^ \",\"id\",\"plotlyExample\",\"type\",\"datasource\",\"subtype\",\"JavascriptQuery\",\"namespace\",null,\"resourceName\",\"JavascriptQuery\",\"resourceDisplayName\",null,\"template\",[\"^3\",[\"queryRefreshTime\",\"\",\"lastReceivedFromResourceAt\",null,\"queryDisabledMessage\",\"\",\"successMessage\",\"\",\"queryDisabled\",\"\",\"playgroundQuerySaveId\",\"latest\",\"resourceNameOverride\",\"\",\"runWhenModelUpdates\",false,\"showFailureToaster\",true,\"query\",\"d3.csv(\\n \\\"https://raw.githubusercontent.com/plotly/datasets/master/3d-scatter.csv\\\",\\n function (err, rows) {\\n function unpack(rows, key) {\\n return rows.map(function (row) {\\n return row[key];\\n });\\n }\\n console.log(rows);\\n\\n var trace1 = {\\n x: unpack(rows, \\\"x1\\\"),\\n y: unpack(rows, \\\"y1\\\"),\\n z: unpack(rows, \\\"z1\\\"),\\n mode: \\\"markers\\\",\\n marker: {\\n size: 12,\\n line: {\\n color: \\\"rgba(217, 217, 217, 0.14)\\\",\\n width: 0.5,\\n },\\n opacity: 0.8,\\n },\\n type: \\\"scatter3d\\\",\\n };\\n\\n var trace2 = {\\n x: unpack(rows, \\\"x2\\\"),\\n y: unpack(rows, \\\"y2\\\"),\\n z: unpack(rows, \\\"z2\\\"),\\n mode: \\\"markers\\\",\\n marker: {\\n color: \\\"rgb(127, 127, 127)\\\",\\n size: 12,\\n symbol: \\\"circle\\\",\\n line: {\\n color: \\\"rgb(204, 204, 204)\\\",\\n width: 1,\\n },\\n opacity: 0.8,\\n },\\n type: \\\"scatter3d\\\",\\n };\\n\\n var data = [trace1, trace2];\\n var layout = {\\n margin: {\\n l: 0,\\n r: 0,\\n b: 0,\\n t: 0,\\n },\\n };\\n chartState.setValue({ data, layout });\\n }\\n);\\n\",\"playgroundQueryUuid\",\"\",\"playgroundQueryId\",null,\"error\",null,\"privateParams\",[\"~#iL\",[]],\"runWhenPageLoadsDelay\",\"\",\"data\",null,\"importedQueryInputs\",[\"^3\",[]],\"isImported\",false,\"showSuccessToaster\",true,\"cacheKeyTtl\",\"\",\"metadata\",null,\"changesetObject\",\"\",\"errorTransformer\",\"// The variable 'data' allows you to reference the request's data in the transformer. \\n// example: return data.find(element => element.isError)\\nreturn data.error\",\"confirmationMessage\",null,\"isFetching\",false,\"changeset\",\"\",\"rawData\",null,\"queryTriggerDelay\",\"0\",\"resourceTypeOverride\",null,\"watchedParams\",[\"^:\",[]],\"enableErrorTransformer\",false,\"showLatestVersionUpdatedWarning\",false,\"timestamp\",0,\"importedQueryDefaults\",[\"^3\",[]],\"enableTransformer\",false,\"showUpdateSetValueDynamicallyToggle\",true,\"runWhenPageLoads\",true,\"transformer\",\"// type your code here\\n// example: return formatDataAsArray(data).filter(row => row.quantity > 20)\\nreturn data\",\"events\",[\"^:\",[]],\"queryTimeout\",\"10000\",\"requireConfirmation\",false,\"queryFailureConditions\",\"\",\"changesetIsObject\",false,\"enableCaching\",false,\"allowedGroups\",[\"^:\",[]],\"queryThrottleTime\",\"750\",\"updateSetValueDynamically\",false,\"notificationDuration\",\"\"]],\"style\",null,\"position2\",null,\"mobilePosition2\",null,\"mobileAppPosition\",null,\"tabIndex\",null,\"container\",\"\",\"createdAt\",\"~m1656008137722\",\"updatedAt\",\"~m1663217083202\",\"folder\",\"\",\"screen\",null]]],\"chart1\",[\"^0\",[\"^ \",\"n\",\"pluginTemplate\",\"v\",[\"^ \",\"id\",\"chart1\",\"^4\",\"widget\",\"^5\",\"PlotlyChartWidget\",\"^6\",null,\"^7\",null,\"^8\",null,\"^9\",[\"^3\",[\"dataseries\",[\"^3\",[\"0\",[\"^3\",[\"label\",\"layout\",\"datasource\",\"{{plotlyExample.data['layout']}}\",\"chartType\",\"scatter\",\"aggregationType\",\"sum\",\"color\",\"#033663\",\"colors\",[\"^3\",[]],\"visible\",true,\"hovertemplate\",\"%{x}
%{fullData.name}: %{y}\"]]]],\"isDataTemplateDirty\",true,\"datasource\",\"\",\"isJsonTemplateDirty\",true,\"groupByDropdown\",\"\",\"datasourceInputMode\",\"javascript\",\"datasourceDataType\",\"object\",\"layout\",\"{{chartState.value.layout}}\",\"xAxisDropdown\",\"data\",\"data\",\"{{chartState.value.data}}\",\"isStackSeriesEnabled\",false,\"xAxisTickFormat\",\"\",\"skipDatasourceUpdate\",false,\"datasourceJS\",\"{{plotlyExample.data}}\",\"yAxisTickFormat\",\"\",\"datasourcePluginType\",null,\"xAxisType\",\"default\",\"datasourcePluginId\",null,\"legendAlignment\",\"bottom\",\"isLayoutJsonDirty\",true,\"chartType\",\"scatter\",\"title\",\"\",\"xAxis\",\"{{plotlyExample.data.data}}\",\"groupByMode\",\"dropdown\",\"onPointSelectQuery\",\"\",\"xAxisMode\",\"dropdown\",\"shouldShowLegend\",true,\"yAxisTitle\",\"\",\"selectedPoints\",[],\"xAxisTitle\",\"\",\"groupByJS\",\"\"]],\"^;\",[\"^3\",[]],\"^<\",[\"^0\",[\"^ \",\"n\",\"position2\",\"v\",[\"^ \",\"^@\",\"\",\"rowGroup\",\"body\",\"subcontainer\",\"\",\"row\",0,\"col\",2,\"height\",12.6,\"width\",9,\"tabNum\",0]]],\"^=\",null,\"^>\",null,\"^?\",null,\"^@\",\"\",\"^A\",\"~m1656008252674\",\"^B\",\"~m1663217083209\",\"^C\",\"\",\"^D\",null]]],\"$main\",[\"^0\",[\"^ \",\"n\",\"pluginTemplate\",\"v\",[\"^ \",\"id\",\"$main\",\"^4\",\"frame\",\"^5\",\"Frame\",\"^6\",null,\"^7\",null,\"^8\",null,\"^9\",[\"^3\",[\"type\",\"main\",\"sticky\",false]],\"^;\",[\"^3\",[]],\"^<\",null,\"^=\",null,\"^>\",null,\"^?\",null,\"^@\",\"\",\"^A\",\"~m1661276831482\",\"^B\",\"~m1661276831482\",\"^C\",\"\",\"^D\",null]]],\"chartState\",[\"^0\",[\"^ \",\"n\",\"pluginTemplate\",\"v\",[\"^ \",\"id\",\"chartState\",\"^4\",\"state\",\"^5\",\"State\",\"^6\",null,\"^7\",null,\"^8\",null,\"^9\",[\"^3\",[\"_persistedValueGetter\",null,\"_persistedValueSetter\",null,\"persistValue\",false,\"persistedValueKey\",\"\",\"value\",null]],\"^;\",null,\"^<\",null,\"^=\",null,\"^>\",null,\"^?\",null,\"^@\",\"\",\"^A\",\"~m1663215786914\",\"^B\",\"~m1663215786914\",\"^C\",\"\",\"^D\",null]]]]],\"^A\",null,\"version\",\"2.99.1\",\"appThemeId\",null,\"preloadedAppJavaScript\",null,\"preloadedAppJSLinks\",[\"https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js\"],\"testEntities\",[],\"tests\",[],\"appStyles\",\"\",\"responsiveLayoutDisabled\",false,\"loadingIndicatorsDisabled\",false,\"urlFragmentDefinitions\",[\"^:\",[]],\"pageLoadValueOverrides\",[\"^:\",[]],\"customDocumentTitle\",\"\",\"customDocumentTitleEnabled\",false,\"customShortcuts\",[],\"isGlobalWidget\",false,\"isMobileApp\",false,\"multiScreenMobileApp\",false,\"folders\",[\"^:\",[]],\"queryStatusVisibility\",false,\"markdownLinkBehavior\",\"auto\",\"inAppRetoolPillAppearance\",\"NO_OVERRIDE\",\"rootScreen\",null,\"instrumentationEnabled\",false,\"experimentalPerfFeatures\",[\"^ \",\"batchCommitModelEnabled\",false,\"skipDepCycleCheckingEnabled\",false,\"serverDepGraphEnabled\",false,\"useRuntimeV2\",false],\"experimentalDataTabEnabled\",false]]]"},"changesRecord":[{"type":"PLUGIN_UPDATE_ID","payload":{"newId":"chartState","pluginId":"state1"}},{"type":"WIDGET_TEMPLATE_UPDATE","payload":{"plugin":{"id":"plotlyExample","type":"datasource","style":null,"folder":"","screen":null,"subtype":"JavascriptQuery","tabIndex":null,"template":{"data":null,"error":null,"query":"d3.csv(\n \"https://raw.githubusercontent.com/plotly/datasets/master/3d-scatter.csv\",\n function (err, rows) {\n function unpack(rows, key) {\n return rows.map(function (row) {\n return row[key];\n });\n }\n console.log(rows);\n\n var trace1 = {\n x: unpack(rows, \"x1\"),\n y: unpack(rows, \"y1\"),\n z: unpack(rows, \"z1\"),\n mode: \"markers\",\n marker: {\n size: 12,\n line: {\n color: \"rgba(217, 217, 217, 0.14)\",\n width: 0.5,\n },\n opacity: 0.8,\n },\n type: \"scatter3d\",\n };\n\n var trace2 = {\n x: unpack(rows, \"x2\"),\n y: unpack(rows, \"y2\"),\n z: unpack(rows, \"z2\"),\n mode: \"markers\",\n marker: {\n color: \"rgb(127, 127, 127)\",\n size: 12,\n symbol: \"circle\",\n line: {\n color: \"rgb(204, 204, 204)\",\n width: 1,\n },\n opacity: 0.8,\n },\n type: \"scatter3d\",\n };\n\n var data = [trace1, trace2];\n var layout = {\n margin: {\n l: 0,\n r: 0,\n b: 0,\n t: 0,\n },\n };\n state1.setValue({ data, layout });\n }\n);\n","events":[],"rawData":null,"metadata":null,"changeset":"","timestamp":0,"isFetching":false,"isImported":false,"cacheKeyTtl":"","transformer":"// type your code here\n// example: return formatDataAsArray(data).filter(row => row.quantity > 20)\nreturn data","queryTimeout":"10000","allowedGroups":[],"enableCaching":false,"privateParams":[],"queryDisabled":"","watchedParams":[],"successMessage":"","changesetObject":"","errorTransformer":"// The variable 'data' allows you to reference the request's data in the transformer. \n// example: return data.find(element => element.isError)\nreturn data.error","queryRefreshTime":"","runWhenPageLoads":true,"changesetIsObject":false,"enableTransformer":false,"playgroundQueryId":null,"queryThrottleTime":"750","queryTriggerDelay":"0","showFailureToaster":true,"showSuccessToaster":true,"confirmationMessage":null,"importedQueryInputs":{},"playgroundQueryUuid":"","requireConfirmation":false,"runWhenModelUpdates":false,"notificationDuration":"","queryDisabledMessage":"","resourceNameOverride":"","resourceTypeOverride":null,"importedQueryDefaults":{},"playgroundQuerySaveId":"latest","runWhenPageLoadsDelay":"","enableErrorTransformer":false,"queryFailureConditions":"","updateSetValueDynamically":false,"lastReceivedFromResourceAt":null,"showLatestVersionUpdatedWarning":false,"showUpdateSetValueDynamicallyToggle":true},"container":"","createdAt":"2022-06-23T18:15:37.722Z","namespace":null,"position2":null,"updatedAt":"2022-09-15T04:39:12.472Z","resourceName":"JavascriptQuery","mobilePosition2":null,"mobileAppPosition":null,"resourceDisplayName":null},"update":{"query":"d3.csv(\n \"https://raw.githubusercontent.com/plotly/datasets/master/3d-scatter.csv\",\n function (err, rows) {\n function unpack(rows, key) {\n return rows.map(function (row) {\n return row[key];\n });\n }\n console.log(rows);\n\n var trace1 = {\n x: unpack(rows, \"x1\"),\n y: unpack(rows, \"y1\"),\n z: unpack(rows, \"z1\"),\n mode: \"markers\",\n marker: {\n size: 12,\n line: {\n color: \"rgba(217, 217, 217, 0.14)\",\n width: 0.5,\n },\n opacity: 0.8,\n },\n type: \"scatter3d\",\n };\n\n var trace2 = {\n x: unpack(rows, \"x2\"),\n y: unpack(rows, \"y2\"),\n z: unpack(rows, \"z2\"),\n mode: \"markers\",\n marker: {\n color: \"rgb(127, 127, 127)\",\n size: 12,\n symbol: \"circle\",\n line: {\n color: \"rgb(204, 204, 204)\",\n width: 1,\n },\n opacity: 0.8,\n },\n type: \"scatter3d\",\n };\n\n var data = [trace1, trace2];\n var layout = {\n margin: {\n l: 0,\n r: 0,\n b: 0,\n t: 0,\n },\n };\n chartState.setValue({ data, layout });\n }\n);\n"},"widgetId":"plotlyExample","shouldRecalculateTemplate":true},"isUserTriggered":true},{"type":"WIDGET_TEMPLATE_UPDATE","payload":{"plugin":{"id":"chart1","type":"widget","style":{},"folder":"","screen":null,"subtype":"PlotlyChartWidget","tabIndex":null,"template":{"data":"{{state1.value.data}}","title":"","xAxis":"{{plotlyExample.data.data}}","layout":"{{state1.value.layout}}","chartType":"scatter","groupByJS":"","xAxisMode":"dropdown","xAxisType":"default","dataseries":{"0":{"color":"#033663","label":"layout","colors":{},"visible":true,"chartType":"scatter","datasource":"{{plotlyExample.data['layout']}}","hovertemplate":"%{x}
%{fullData.name}: %{y}","aggregationType":"sum"}},"datasource":"","xAxisTitle":"","yAxisTitle":"","groupByMode":"dropdown","datasourceJS":"{{plotlyExample.data}}","xAxisDropdown":"data","selectedPoints":[],"groupByDropdown":"","legendAlignment":"bottom","xAxisTickFormat":"","yAxisTickFormat":"","shouldShowLegend":true,"isLayoutJsonDirty":true,"datasourceDataType":"object","datasourcePluginId":null,"onPointSelectQuery":"","datasourceInputMode":"javascript","isDataTemplateDirty":true,"isJsonTemplateDirty":true,"datasourcePluginType":null,"isStackSeriesEnabled":false,"skipDatasourceUpdate":false},"container":"","createdAt":"2022-06-23T18:17:32.674Z","namespace":null,"position2":{"col":2,"row":0,"width":9,"height":12.6,"tabNum":0,"rowGroup":"body","container":"","subcontainer":""},"updatedAt":"2022-09-15T04:24:28.182Z","resourceName":null,"mobilePosition2":null,"mobileAppPosition":null,"resourceDisplayName":null},"update":{"data":"{{chartState.value.data}}","layout":"{{chartState.value.layout}}"},"widgetId":"chart1","shouldRecalculateTemplate":true},"isUserTriggered":true}],"gitSha":null,"checksum":null,"createdAt":"2022-09-15T04:44:45.401Z","updatedAt":"2022-09-15T04:44:45.401Z","pageId":1229141,"userId":200396,"branchId":null},"modules":{}}