TextAnnotationGraphs (TAG) Demo

Documentation

See the API documentation here.

Basic example

For a minimal embedded TAG visualisation, simply specify the container element, the annotation data to load, and the format that the data is in.

See the full source for this example in the "Basic example" section of src/demo.js.

const tag = TAG.tag({
  container: "container-id",
  data: {...},
  format: "odin",
  options: {
    showTopArgLabels: true
  }
});

Extended UI example

It is also possible to build a UI around the TAG visualisation using the various API functions.

This example uses Bootstrap 4 styles and components. See the source in the "Advanced/UI example" section of src/demo.js.