25:["$","title",null,{"children":"3 little circle | Albert Wang's Workspace | Observable"}] 49:[] 29:{"id":"17de2392254b2b56","slug":null,"title":"3 little circle","thumbnail":"408639b62c71c3b18b5eb2e590f981c97c78a3d3114925edf7ea1ab3c1cd8991","access_level":"public","create_time":"$D2023-11-02T17:16:21.125Z","update_time":"$D2023-11-02T17:37:43.670Z","view_time":null,"first_public_time":"$D2023-11-02T17:38:13.179Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"4d88447bf7f31208","login":"albert-wang-ws","name":"Albert Wang's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/a6c7417b424996ec750ab4116761e7f52c7a6a3d68a3009eddf2a010a6a14784","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":36,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"a67ca8dc5a8ed406","login":"albert-wang","name":"Albert Wang","avatar_url":"https://avatars-next.observableusercontent.com/4c9e67c547cc80aaa6a22e699bb48804da684af3f524b34a57c7518573446f94","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"a67ca8dc5a8ed406","login":"albert-wang","name":"Albert Wang","avatar_url":"https://avatars-next.observableusercontent.com/4c9e67c547cc80aaa6a22e699bb48804da684af3f524b34a57c7518573446f94","tier":null,"role":"editor"},{"type":"team","id":"4d88447bf7f31208","login":"albert-wang-ws","name":"Albert Wang's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/a6c7417b424996ec750ab4116761e7f52c7a6a3d68a3009eddf2a010a6a14784","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"3 little circle","cells":[{"id":0,"value":"# 3 little circle","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":8,"value":"three_circles = htl.html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"single_circle = htl.html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"styled_circle = {\n const cloned_svg = single_circle.cloneNode(true);\n \n const circle = d3.select(cloned_svg).selectAll(\"circle\");\n circle.style(\"fill\", \"red\");\n circle.attr(\"r\", 10);\n \n return cloned_svg;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"styled_circles = {\n const cloned_svg = three_circles.cloneNode(true);\n \n const circle = d3.select(cloned_svg).selectAll(\"circle\");\n circle.style(\"fill\", \"red\");\n \n circle.attr(\"r\", 10);\n return cloned_svg;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"circles_with_data = {\n const cloned_svg = styled_circles.cloneNode(true);\n const circle = d3.select(cloned_svg).selectAll(\"circle\");\n\n circle.data([20, 50, 200]);\n circle.attr(\"r\", function(d) { return Math.sqrt(d); });\n\n return cloned_svg;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"{\n const cloned_svg = styled_circle.cloneNode(true);\n const circle = d3.select(cloned_svg).selectAll(\"circle\");\n var new_val=circle.attr('cx');\n var flag = 0;\n\n while (true) {\n circle.attr(\"cx\", function() { \n if(new_val <30){flag=0}; \n if(new_val > 500){flag=1}; \n if(flag==1){new_val = circle.attr('cx') / 2}; \n if(flag==0){new_val = circle.attr('cx') * 2}; \n return new_val; });\n \n await Promises.tick(75);\n yield cloned_svg;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"{\n const cloned_svg = styled_circles.cloneNode(true);\n const circle = d3.select(cloned_svg).selectAll(\"circle\");\n var new_val=circle.attr('cx');\n var flag = 0;\n\n while (true) {\n circle.attr(\"cx\", function() { \n if(new_val <30){flag=0}; \n if(new_val > 500){flag=1}; \n if(flag==1){new_val = circle.attr('cx') / 2}; \n if(flag==0){new_val = circle.attr('cx') * 2}; \n return new_val; });\n \n await Promises.tick(200);\n yield cloned_svg;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W49","stdlib":"1"}} 24:null