30:Td1f,tree = "m504.5 497h-60.5v-102.619c38.123-4.223 68-40.272 68-83.981 0-42.989-28.907-78.549-66.129-83.727 7.431-9.321 12.509-20.525 14.455-32.698.653-4.09-2.133-7.936-6.223-8.59-4.104-.646-7.937 2.133-8.59 6.223-3.185 19.938-17.116 36.514-35.866 43.307-4.478 1.622-7.815 5.523-8.713 10.178-1.394 7.222-6.472 24.896-23.472 33.032-14.668 7.02-29.058 2.717-34.555.544-9.255-3.674-15.452-9.674-19.291-14.63v-32.411l32.765-32.763c2.929-2.93 2.929-7.678 0-10.607-2.93-2.927-7.679-2.929-10.606 0l-22.158 22.157v-49.657c0-4.143-3.357-7.5-7.5-7.5s-7.5 3.357-7.5 7.5v35.263l-22.157-22.157c-2.93-2.928-7.678-2.928-10.607 0-2.929 2.93-2.929 7.678 0 10.607l32.765 32.765v46.808c-3.854 4.962-10.061 10.962-19.283 14.623-5.507 2.176-19.896 6.48-34.562-.539-7.103-3.404-12.832-8.821-17.091-16.07 1.305-33.15-8.28-81.597-22.53-128.023 1.943-1.051 3.947-1.999 6.004-2.813 6.68-2.626 10.742-9.394 9.883-16.438-.159-1.34-.237-2.636-.237-3.962 0-15.22 10.306-28.398 25.062-32.05 7.1-1.757 12.058-8.132 12.058-15.58 0-26.572 21.622-48.19 48.2-48.19 26.571 0 48.189 21.618 48.189 48.27 0 7.369 4.958 13.743 12.059 15.501 16.179 4.005 26.834 19.49 24.826 35.993-.858 7.057 3.202 13.822 9.879 16.455 14.038 5.525 25.358 16.705 31.057 30.671 1.584 3.881 6.021 5.644 9.777 4.111 3.836-1.565 5.676-5.942 4.111-9.777-7.239-17.742-21.619-31.943-39.447-38.961-.3-.118-.519-.426-.484-.701 3.007-24.229-12.824-46.574-36.115-52.352-.378-.094-.662-.498-.662-1.02-.002-34.845-28.349-63.192-63.192-63.192-34.849 0-63.2 28.347-63.2 63.27 0 .442-.284.847-.66.94-21.467 5.311-36.46 24.478-36.46 46.61 0 1.898.115 3.828.346 5.758.155 1.298-4.62 2.377-5.664 3.003-1.867-5.525-3.796-10.958-5.786-16.242-32.161-85.41-64.406-103.339-85.793-103.339-37.323 0-65.866 52.589-83.239 96.706-1.518 3.854.376 8.209 4.23 9.727 3.852 1.519 8.209-.376 9.727-4.23 21.823-55.419 47.075-87.203 69.282-87.203 23.197 0 49.351 34.125 71.755 93.625 21.105 56.051 32.148 116.59 32.148 147.423 0 61.691-42.599 112.381-96.403 116.725v-60.865c0-.003 0-.007 0-.01v-28.677l31.301-31.301c2.929-2.93 2.929-7.678 0-10.607-2.93-2.928-7.678-2.928-10.607 0l-20.693 20.693v-31.361c0-4.143-3.357-7.5-7.5-7.5s-7.5 3.357-7.5 7.5v49.464.01 13.677l-20.694-20.694c-2.93-2.928-7.678-2.928-10.607 0-2.929 2.93-2.929 7.678 0 10.607l31.301 31.301v57.763c-53.805-4.344-96.404-55.034-96.404-116.725 0-28.982 9.321-77.824 23.195-121.537 1.253-3.947-.932-8.164-4.88-9.417-3.942-1.25-8.163.933-9.417 4.88-14.517 45.74-23.898 95.227-23.898 126.074 0 70.005 49.321 127.449 111.403 131.762v109.19h-103.903c-4.143 0-7.5 3.357-7.5 7.5s3.357 7.5 7.5 7.5h497c4.143 0 7.5-3.357 7.5-7.5s-3.357-7.5-7.5-7.5zm-195.884 0h-182.213v-109.19c53.923-3.746 98.212-47.58 108.923-104.909 3.851 3.53 8.177 6.458 12.966 8.753 19.993 9.571 39.218 3.859 46.565.956 5.333-2.117 9.879-4.818 13.759-7.725zm120.384 0h-105.384v-212.11c3.878 2.904 8.425 5.604 13.767 7.724 4.291 1.696 12.646 4.354 22.845 4.354.574 0 .772 8.902.772 13.433 0 43.709 29.877 79.758 68 83.981zm7.5-191.777c-4.143 0-7.5 3.357-7.5 7.5v41.227.01 25.287c-29.831-4.253-53-33.495-53-68.847 0-5.498.569-10.933 1.676-16.215 22.964-7.691 36.151-34.609 37.824-45.441 5.087-1.907 9.869-4.372 14.287-7.309 36.42-4.694 67.213 28.379 67.213 68.965 0 35.352-23.169 64.594-53 68.847v-22.185l23.714-23.714c2.929-2.93 2.929-7.678 0-10.607-2.93-2.928-7.678-2.928-10.607 0l-13.107 13.107v-23.125c0-4.143-3.357-7.5-7.5-7.5z"31:[] 2e:{"title":"Day 4: Magic","cells":[{"id":0,"value":"md`# Day 4: Magic\n\nThe D is a Tree!
\nhttps://codepen.io/mayagans/pen/rNjwabp\n\n1. TODO: GSAP in Observable \n2. TODO: morph using D\n3. TODO: Compare approaches`","pinned":false,"hidden":false,"mode":"ojs"},{"id":104,"value":"md `## SVG Paths:`","pinned":false,"hidden":false,"mode":"ojs"},{"id":48,"value":"D = \"m325.757 501.179c90.527-29.941 140.391-116.005 140.391-240.502 0-133.506-49.863-223.217-140.42-250.771-50.618-15.205-119.389-7.819-279.58-9.814v512c165.389-2.29 226.628 6.38 279.609-10.913zm-155.683-99.961v-289.93c10.534.26 77.335-1.262 101.045 4.219 48.252 10.811 67.925 52.343 67.925 140.907 0 74.443-10.342 127.68-60.776 140.688-23.448 6.14-76.602 3.42-108.194 4.116z\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":50,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":108,"value":"md `# GSAP: This doesn't work yet.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":78,"value":"{\n await visibility();\n const mysvg = html`\n\n\n\n\n`;\n\nvar box = $(\"svg2\");\n\nvar tl = new gs.TimelineLite({paused:true}),\n circle = document.getElementById(\"D\");\n\ntl.to(circle, {morphSVG:\"#tree\"}, \"+=1\")\n .to(circle, {morphSVG:circle}, \"+=1\");\n\n\nbox.on('mouseover', function(){\n tl.play();\n}).on('mouseout', function(){\n tl.reverse();\n});\n return mysvg;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":65,"value":"html ``","pinned":false,"hidden":false,"mode":"ojs"},{"id":111,"value":"md `# D3: This also doesn't work yet`","pinned":true,"hidden":false,"mode":"ojs"},{"id":4,"value":"// https://bost.ocks.org/mike/path/\n// https://www.andyshora.com/tweening-shapes-paths-d3-js.html\nchart = { \n \nd3.select('myPath')\n.transition()\n.duration(1000)\n.attrTween('d', function () {\n var startPath = d3.select('#path1').attr('d'),\n endPath = d3.select('#path2').attr('d');\n return d3.morphPath(startPath, endPath);\n});\n \n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":7,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":38,"value":"gsap = gs.gsap","pinned":true,"hidden":false,"mode":"ojs"},{"id":95,"value":"$$ = require('jquery')","pinned":false,"hidden":false,"mode":"ojs"},{"id":34,"value":"gs = require('gsap@3.5.0/dist/gsap.js')","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}