31:[] 2f:{"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"},{"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"},{"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"},{"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"},{"id":20,"value":"start = [width / 2, height / 2]","pinned":false,"hidden":false,"mode":"ojs"},{"id":25,"value":"translated = geometric.pointTranslate(start, angle, distance);","pinned":false,"hidden":false,"mode":"ojs"},{"id":81,"value":"md`## Styles`","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"html`\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":78,"value":"md`## Dimensions`","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"height = 300;","pinned":false,"hidden":false,"mode":"ojs"},{"id":61,"value":"width = 450","pinned":false,"hidden":false,"mode":"ojs"},{"id":75,"value":"md`## Imports`","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"geometric = require(\"geometric@2\");","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}