JSFiddle - React, Tailwind, and code Playground

by Muhammad Nugroho

HTML

<head>
  <title>Real time color 3D histogram — Shiny Demos</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Crimson+Text">
  <link rel="stylesheet" href="styles/style.css">
  <link rel="stylesheet" href="/styles/panel.css">
</head>
<body>
  <div id="demo">
    <div id="title">
      <div id="log-panel" style="display: none"><span id="log-message"></span></div>
      <div id="fallback" class="fallback"></div>
      <div id="container">
        <video id="movie" controls class="shadows" width="480"></video>
        <div class="controls shadows">
          <div class="section">
            Choose a Color Scheme:
          </div>
          <ul class="schemes">
            <li>
              <div class="title">
                <input type="radio" id="cube" name="shape" value="0" checked><label for="cube">RGB Cube</label>
              </div>
              <img src="images/cube.png" alt="RGB Cube">
            </li>
            <li>
              <div class="title">
                <input type="radio" id="clh" name="shape" value="1"><label for="clh">Chroma Luma Hue</label>
              </div>
              <img src="images/bicone.png" alt="Chroma Luma Hue">
            </li>
            <li>
              <div class="title">
                <input type="radio" id="cvh" name="shape" value="2"><label for="cvh">Chroma Value Hue</label>
              </div>
              <img src="images/cone.png" alt="Chroma Value Hue">
            </li>
          </ul>
          <div class="section">
            Other Options:
          </div>
          <table>
            <tr>
              <td>Grain:</td>
              <td>
                <input type="radio" id="nonegrain" name="grain" value="0"><label for="nonegrain">None</label>
                <input type="radio" id="smallgrain" name="grain" value="0.01" checked><label for="smallgrain">Small</label>
                <input...