Integrate with the Javascript Library

Search…

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>

Fast.ai Image Segmentation

Next - Integrate with Any Web Page

Getting Started with React

Last modified 1yr ago

Copy link

On this page

Quick Start: UDT in Static HTML Page

Installation

Usage