2d:null 2e:["$","title",null,{"children":"geometric.pointTranslate | Harry Stevens | Observable"}] 33:[] 31:{"id":"e78a1ea336630a00","slug":"geometric-pointtranslate","title":"geometric.pointTranslate","thumbnail":"44222d58f3b7859201ff028eb421a8d0410630fc6995a5a38e789dc876d2f90c","access_level":"public","create_time":"$D2019-07-01T18:40:54.626Z","update_time":"$D2023-05-05T14:37:02.840Z","view_time":null,"first_public_time":"$D2019-09-15T20:16:48.211Z","fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"be420f6a83563b92","login":"harrystevens","name":"Harry Stevens","avatar_url":"https://avatars-next.observableusercontent.com/bc9bae4b7e30062b343ae978a13454e29cd3f2daf3a800d0024043686ddf094b","tier":"starter_2024"},"version":100,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"61e2153e05789733","login":"harrystevens","name":"Harry Stevens","avatar_url":"https://avatars-next.observableusercontent.com/bc9bae4b7e30062b343ae978a13454e29cd3f2daf3a800d0024043686ddf094b","tier":null}],"members":[{"type":"individual","id":"61e2153e05789733","login":"harrystevens","name":"Harry Stevens","avatar_url":"https://avatars-next.observableusercontent.com/bc9bae4b7e30062b343ae978a13454e29cd3f2daf3a800d0024043686ddf094b","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":{"id":"cb194ebcc81c247f","slug":"geometric","title":"Geometric.js","owner":{"id":"be420f6a83563b92","login":"harrystevens","name":"Harry Stevens"}},"type":"notebook","body":{"title":"geometric.pointTranslate","cells":[{"id":0,"value":"md`# geometric.pointTranslate\n\n[geometric.pointTranslate](https://github.com/HarryStevens/geometric#pointTranslate)(point, angle, distance) returns the coordinates resulting from translating a point by an angle in degrees and a distance.\n\nAdjust the sliders to see how changing the inputs affects the translation.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":33,"value":"viewof angle = Inputs.range([0, 360], {\n label: \"Angle\",\n value: 215,\n step: 1\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":39,"value":"viewof distance = Inputs.range([-145, 145], {\n label: \"Distance\",\n value: 145,\n step: 1\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4,"value":"{\n const svg = d3.create(\"svg\")\n .attr(\"width\", width)\n .attr(\"height\", height)\n .style(\"overflow\", \"visible\");\n \n const startCircle = svg.append(\"circle\")\n .attr(\"class\", \"start\")\n .attr(\"r\", 5)\n .attr(\"transform\", `translate(${start})`);\n \n const startText = svg.append(\"text\")\n .attr(\"class\", \"start\")\n .attr(\"dy\", -6)\n .attr(\"transform\", `translate(${start})`)\n .text(\"Start\");\n \n const translatedCircle = svg.append(\"circle\")\n .attr(\"class\", \"translated\")\n .attr(\"r\", 5)\n .attr(\"transform\", `translate(${translated})`);\n\n const translatedText = svg.append(\"text\")\n .attr(\"class\", \"translated\")\n .attr(\"dy\", -6)\n .attr(\"transform\", `translate(${translated})`)\n .text(\"Translated\");\n \n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":20,"value":"start = [width / 2, height / 2]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":25,"value":"translated = geometric.pointTranslate(start, angle, distance);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":81,"value":"md`## Styles`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":16,"value":"html`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":78,"value":"md`## Dimensions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":13,"value":"height = 300;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":61,"value":"width = 450","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":75,"value":"md`## Imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":10,"value":"geometric = require(\"geometric@2\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 32:"$31:body"