How to visualize relationships in text on a web - data-visualization

I would like to implement a webpage that would present text, color and mark entities and draw lines between entities that are linked. Something like Brat annotation tool does (but with no editing). If one has offsets of entities and list of entities that are related, how can this be done?

Related

Possible to view class hierarchy with labels?

I work in a framework, like OBO, where we use opaque IRIs and rely on labels to view terms. The class hierarchy shows IRIs, and so is unusable for us as is. Is there a way to configure a label (or labels) for viewing that visualization.
I am currently using GraphDB Free while prototyping some new work.

Create new custom QtQuick view to use with model

I created a custom view to arrange photos in a seamless grid, like Google Photos does (see below). My view is based on QAbstractItemView (Qt Widgets based). I would like to port this to QtQuick, in order to take advantage of hardware acceleration, animations, and touch.
QtQuick has some views inheriting from Flickable that it you can use with models, like ListView and GridView. Is there a way to create my own custom view? Things I thought about:
Create a proxy model that knows the width of the view, and lays out the images in rows. Then just use a Flickable with Repeaters to read from that model, and lay out the images. Downsides: Adding thousands of photos like this, without dynamically loading and recycling, is going to take too many resources.
Similar, but use a ListView on each "row" I put together above. Use the recycling capability of the ListView to not load too many rows. I would have to disable the selection function and roll my own on top. Could work, but seems very hacky.
Go to the source of the ListView, and implement something similar: https://code.woboq.org/qt5/qtdeclarative/src/quick/items/qquicklistview.cpp.html . QQuickListView inherits from (internal) QQuickItemView which does a lot of heavy lifting, and probably some things I don't need. This seems like the most correct way, but is a huge amount of work.
What's my best option here?

Get map image along with visible elements data

I can get static map images from map providers like Openstreetmap (http://wiki.openstreetmap.org/wiki/Static_map_images) and Google maps (https://developers.google.com/maps/documentation/static-maps/). I can specify zoom level, and appropriate text labels are displayed in the images; labels of country names, cities, rivers, special buildings, etc.
Now I'm looking for a way to get these images along with data describing the elements of the text labels that are visible in the image (i.e a list of elements, for this particular zoom level, in this particular area).
Would prefer not to detect the text labels using some OCR method (image bitmap analysis).
Do you know of any good way to do it? Perhaps there is some good map api for this? Thanks!

What's this kind of graph called?

I have a kind a graph, I found it while googling "tree graph" though it doesn't look like a normal tree-graph. So I was wondering, is it also just called a "tree-graph" or has it a more specific name? I want to look up more info about them, though can't really search for it without a proper name.
Thanks a lot!
PS. I'm not sure if this is the correct place to ask this, if it's not, please direct me to the proper place. Thanks.
Google calls it a Treemap and provides several examples and an ontology. They define the treemap as follows:
A visual representation of a data tree, where each node can have zero or more children, and one parent (except for the root, which has no parents). Each node is displayed as a rectangle, sized and colored according to values that you assign. Sizes and colors are valued relative to all other nodes in the graph.
Source: Google Developers / Google Charts
It's typically called a "heat map" or "heat chart".
That's a Treemap:
Treemaps display hierarchical (tree-structured) data as a set of
nested rectangles. Each branch of the tree is given a rectangle, which
is then tiled with smaller rectangles representing sub-branches. A
leaf node's rectangle has an area proportional to a specified
dimension on the data. Often the leaf nodes are colored to show a
separate dimension of the data.

NSPathControl to navigate through data structure

I am programming in Obj-C an application which aim to plot scientific chart. The data which I used are structured like a tree. I would like to use a NSPathControl (or something equivalent) to navigate through the data structure and select the chart to plot.
Is it possible to used the NSPathControl to navigate through data structure ?
How to do it ?
If not possible, which Controller, with similar design as the NSPathControl, can I used ?