Visualizing RDFa semantic annotations using SVG and NeXML/JSON

TreeBASE emits richly RDFa-annotated NeXML. An example of this is the annotation of taxa/OTUs, whose names TreeBASE tries to match to the NCBI taxonomy. The annotations that indicate such a match use skos:closeMatch as predicate and the URIs as provided by UniProt as the object. Below is a tree that uses the same logic and code, more or less, as a previous post, but embeds these UniProt URIs as xlink:href clickable links (in bold face) in the generated SVG.

TreeBASE visualization using JSON/NeXML and SVG

In follow up to a post that used HTML5 canvas to draw trees from TreeBASE here is an alternative implementation that has the same general layout and logic but uses SVG instead.

TreeBASE visualization using JSON/NeXML and HTML5 canvas

This is a simple drawer for TreeBASE trees that is meant to demonstrate two points:

  • HTML5 canvas is neat. Fingers crossed for it being universally adopted because we might be able to do away with plugins (and the uncertainty of their being installed) and applets.
  • NeXML is not to be feared. If you don't like pointy braces for some reason or another you can always use its JSON incarnation instead.