Skip to content

<notatio-locator>

<notatio-locator name="p" value="1,0.5"> inside a <notatio-plot> -- a point ON the picture that you drag about it, Wolfram's Locator. It sits over the plot area in the plot's own coordinates, so the binding _p is the List [x, y] where the dot is (or the complex x + y i, with complex), and a template that reads _p gets a point on the curve's axes. The arrows nudge it by a hundredth of the window, Shift ten times that, Alt a tenth.

``html <notatio-tangle> <notatio-plot value="Sin(x)" domain="-6.283,6.283"> <notatio-locator name="p" value="0,0" /> </notatio-plot> The dot is at <notatio-dynamic value="_p" />. </notatio-tangle> ``

A <notatio-slider-2d> is the same control on a square of its own, off the picture.

Stories in the playground·packages/notatio-lit/src/notatio-locator.ts· in Vue: <Locator>

Attributes

AttributeTypeDefaultNotes
namestring""The binding this point drives: name="p" fills the wildcard _p.reflects
valuestring"0,0"The starting point, x,y -- or a+bi with complex.
complexbooleanfalseBind a complex number x + y i rather than a list.reflects