25:["$","title",null,{"children":"Fractal Tree | Jose Antonio GS | Observable"}] 4c:T442,chart = { const context = DOM.context2d(size.width, size.height); const globalAngle = (obj.angle * Math.PI) / 180; const totalIt = obj.iterations; const maxLength = obj.branchSize; const scaleColor = d3 .scaleLinear() .domain([0, totalIt]) .range(["red", "blue"]); function drawLine(x0, y0, angle, length, color = "#000") { context.beginPath(); context.save(); context.translate(x0, y0); context.rotate(angle); context.moveTo(0, 0); context.lineWidth = 2; context.lineTo(0, -length); context.strokeStyle = color; context.strokeWidth = "5px"; context.stroke(); } function recursiveDraw( x0 = size.width / 2, y0 = size.height - 50, angle = 0, it = totalIt ) { if (it === 0) return; const length = maxLength*Math.pow(obj.proportion,totalIt-it); drawLine(x0, y0, angle, length, scaleColor(it)); recursiveDraw(0, -length, globalAngle, it - 1); recursiveDraw(0, -length, -globalAngle, it - 1); context.restore(); } context.beginPath(); recursiveDraw(); return context.canvas; }4d:[] 48:{"id":"46e23c2a9131ccf1","slug":"fractal-tree","title":"Fractal Tree","thumbnail":"62e683e0f4dbc248fc0c856ce603036d918f652e31eefc3991f6ea396c6bdc98","access_level":"public","create_time":"$D2022-03-16T18:23:46.865Z","update_time":"$D2022-04-25T14:04:43.056Z","view_time":null,"first_public_time":"$D2022-03-16T21:47:15.058Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"5973a670892d2900","login":"josegs","name":"Jose Antonio GS","avatar_url":"https://avatars-next.observableusercontent.com/eabee2af7b1a6a0afa0be82d715f20ece75e610a161f82399dbd9de62a9ec75b","tier":"starter_2024","bio":"Mathematician and web developer","following":false},"version":277,"publish_version":277,"role":null,"authored":false,"authors":[{"type":"individual","id":"18fb1adadb71b657","login":"josegs","name":"Jose Antonio GS","avatar_url":"https://avatars-next.observableusercontent.com/eabee2af7b1a6a0afa0be82d715f20ece75e610a161f82399dbd9de62a9ec75b","tier":null,"bio":"Mathematician and web developer","following":false}],"members":[{"type":"individual","id":"18fb1adadb71b657","login":"josegs","name":"Jose Antonio GS","avatar_url":"https://avatars-next.observableusercontent.com/eabee2af7b1a6a0afa0be82d715f20ece75e610a161f82399dbd9de62a9ec75b","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Fractal Tree","cells":[{"id":0,"value":"# Fractal Tree","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":188,"value":"viewof obj = form(html``)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":276,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"size = {return {width:500,height:500}}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"d3 = require('d3@5')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":184,"value":"import {form} from \"@mbostock/form-input\"\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4d","stdlib":"1"}} 24:null