Quick Start: UDT in Static HTML Page
Put a script tag at the top of your page importing the Universal Data Tool "vanilla" library.
<script
type="application/javascript"
src="https://unpkg.com/universal-data-tool@0.13.2/vanilla.js"
></script>
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>