@acransac/vtk.js/Sources/Widgets/Representations/ImplicitPlaneRepresentation/example/controlPanel.html

Visualization Toolkit for the Web

<table>
  <tr>
    <td colspan="3"><b>Origin<b></td>
  </tr>
  <tr>
    <td>
        <input class='slider' data-name="origin" data-index="0" type="range"
          min="-0.5" max="0.5" step="0.01" value="0"/>
    </td>
    <td>
        <input class='slider' data-name="origin" data-index="1" type="range"
          min="-0.5" max="0.5" step="0.01" value="0"/>
    </td>
    <td>
        <input class='slider' data-name="origin" data-index="2" type="range"
          min="-0.5" max="0.5" step="0.01" value="0"/>
    </td>
  </tr>
  <tr>
    <td colspan="3"><b>Normal<b></td>
  </tr>
  <tr>
    <td>
        <input class='slider' data-name="normal" data-index="0" type="range"
          min="-0.5" max="0.5" step="0.01" value="0"/>
    </td>
    <td>
        <input class='slider' data-name="normal" data-index="1" type="range"
          min="-0.5" max="0.5" step="0.01" value="0"/>
    </td>
    <td>
        <input class='slider' data-name="normal" data-index="2" type="range"
          min="-0.5" max="0.5" step="0.01" value="0"/>
    </td>
  </tr>
  <tr>
    <td colspan="3"><b>Bounds<b></td>
  </tr>
  <tr>
    <td>X</td>
    <td>
        <input class='slider' data-name="bounds" data-index="0" type="range"
          min="-2" max="0" step="0.01" value="-0.5"/>
    </td>
    <td>
        <input class='slider' data-name="bounds" data-index="1" type="range"
          min="0" max="2" step="0.01" value="0.5"/>
    </td>
  </tr>
   <tr>
    <td>Y</td>
    <td>
        <input class='slider' data-name="bounds" data-index="2" type="range"
          min="-2" max="0" step="0.01" value="-0.5"/>
    </td>
    <td>
        <input class='slider' data-name="bounds" data-index="3" type="range"
          min="0" max="2" step="0.01" value="0.5"/>
    </td>
  </tr>
   <tr>
    <td>Z</td>
    <td>
        <input class='slider' data-name="bounds" data-index="4" type="range"
          min="-2" max="0" step="0.01" value="-0.5"/>
    </td>
    <td>
        <input class='slider' data-name="bounds" data-index="5" type="range"
          min="0" max="2" step="0.01" value="0.5"/>
    </td>
  </tr>
</table>