Integrate with the Javascript Library

Use the Universal Data Tool in any javascript application using a <script /> import tage.

Quick Start: UDT in Static HTML Page

Installation

Put a script tag at the top of your page importing the Universal Data Tool "vanilla" library.

The vanilla library bundles all the Universal Data Tool dependencies together into a single file, making it easy to use anywhere!

<script
    type="application/javascript"
    src="https://unpkg.com/[email protected]/vanilla.js"
></script>

Usage

Add a container element to your body. Then call window.UniversalDataTool.open to open the UDT in your element.

<body>
  <div id="udt"></div>
  <script type="application/javascript">
    window.UniversalDataTool.open({
      container: document.getElementById("udt"),

      // Your UDT dataset
      // https://github.com/UniversalDataTool/udt-format
      udt: {
        interface: {
          type: "image_classification",
          labels: ["A", "B"]
        },
        samples: [
          {
            imageUrl: "https://placekitten.com/408/287"
          }
        ]
      },

      // Called when sample is saved
      onSaveSample: (index, sample) => {
        console.log(index, sample);
      }
    });
  </script>
</body>
PreviousFast.ai Image SegmentationNextGetting Started with React

Last updated

Was this helpful?