arco para ángulo

by Javier Puértolas

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jsxgraph/1.1.0/jsxgraphcore.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsxgraph/0.99.7/jsxgraph.css">
<div id="jxgbox" class="jxgbox" style="width:500px; height:500px">
</div>

JavaScript

const board = JXG.JSXGraph.initBoard("jxgbox", {
  boundingbox: [-1, 25, 5, -2],
  axis: true,
})

var x0 = 1,
  y0 = 5,
  ar = 5,
  b = 3,
  r = 3

board.create("functiongraph", [
  function (x) {
    return b * (x - x0) + y0
  },
  -2,
  4,
])
board.create("segment", [
  [x0, y0],
  [x0 + 1.1 * r, y0],
])

board.create("functiongraph", [
  function (x) {
    return ar * Math.sqrt(r * r - (x - x0) * (x - x0)) + y0
  },
  x0 - r,
 - (ar * r) / Math.sqrt(ar * ar + b * b) + x0
])

//board.create('arc', [[0,0], [3,0], [3* Math.cos(Math.atan(1)),  3* Math.sin(Math.atan(1))]]);