Neighbours UI widget

[nicholascar]

At least two projects - OGC Naming Server and Indigenous Data Network - want to have a front end widget that displays the neighbours for an object. In the OGC case, it is the neighbours of a Standard - those the Standard is derived from, replaces etc. - and in the IDN case it's the neighbours of an Agent - what Orgs the Agent is a member of, other orgs that Org is a part of and what classifications the Agent has and so on.

The challenge here is to make a reusable Neighbours widget.

The plan so far is to:

• Use Vue.js as the front-end framework
• Get Vue to request the data it needs for the Neighbours figure from the Prez API
  • using a custom profile, perhaps {INSTANCE-IRI}?_profile=neighbours
  • where the neighbours profile view is configurable per Prez instances per class (of the INSTANCE-IRI)
  • config will be what properties to follow, to and from this, instance, and perhaps also what properties of the linked-to objects to display, such as IRIs, labels etc.
• Require Framed JSON-LD for the data to be fed to the
  • initially, Prez can serve up Framed JSON-LD from custom logic for Agents and Stadards for testing, but later on we will want Prez to be able to serve Framed JSON-LD for any RDF
  • the UI widget can be used outside of Prez, as long as you feed it Framed JSON-LD

@rob-metalinkage @jamiefeiss @avillar

[rob-metalinkage]

For reference, a diagramming SDK at https://www.yworks.com/yfiles-overview - seems to use a thing called GraphML - maybe this is the intermediate schema to support - with the possibility of plugging in some of these commercial diagramming tools for advanced cases?

[avillar]

I have created a quick and dirty demo for a neighbo(u)rs widget for VocPrez, using SPARQL + d3.js + WebCoLa. The code could be easily ported to Vue.js.

Instead of SPARQL CONSTRUCT + JSON-LD, I opted for SPARQL SELECT + JSON, since it made it much easier to work with incoming predicates (and no framing necessary).

I am also working on some optimizations, such as filtering high cardinality properties (e.g., do not clutter a concept scheme graph by showing tens or hundreds of concepts). Exclude filters for properties and / or RDF types could also be implemented (e.g., do not show any SKOS relationships in the graph).

[avillar]

My prototype neighbors graph can be seen here:

• Code: https://github.com/rob-metalinkage/VocPrez/compare/robs_tweaks...avillar:VocPrez:avillar/devel
• Example: http://defs-dev.opengis.net/vocprez-dev/object?uri=http%3A//www.opengis.net/def/docs/19-086r4&_profile=skos

It also supports data-driven tabs (i.e. defining regex for filtering predicates and/or related nodes URIs).

[Ndace-hash]

Hello @avillar, I would like to contribute to this project. I am familiar with Vue.js. The problem is, I don't quite understand the concept you are discussing and I don't know exactly what you want to achieve. It would be nice if you can help with any information, so that I can know what you are aiming for.

[nicholascar]

@Ndace-hash are you familiar with RDF and Knowledge Graphs? Knowing about them is very important for this project, not just knowledge of Vue.js.