MetaKG Explorer
@@ -27,8 +37,11 @@
+
+ This is just a subset of the available MetaKG
+
- Explore {{ api.info.title }}'s MetaKG
+ Explore the full {{ api.info.title }}'s MetaKG
Try It Now
+ >Try It Now
@@ -57,7 +69,7 @@
import axios from 'axios';
import EntityPill from './EntityPill.vue';
-import SimpleNetwork from './SimpleNetwork.vue';
+import SimpleNetwork from './SimpleNetworkCosmoGraph.vue';
export default {
name: 'RegistryMetaKG',
@@ -77,7 +89,11 @@ export default {
loading: true,
graphData: null,
networkData: null,
- noHits: false
+ noHits: false,
+ total: 0,
+ size: 5000,
+ objects: [],
+ subjects: []
};
},
watch: {
@@ -90,6 +106,9 @@ export default {
}
},
methods: {
+ numberWithCommas(x) {
+ return x.toString().replace(/\B(? {
return {
- group: 'nodes',
- data: {
+ // group: 'nodes',
+ // data: {
weight: nodeWeight[node] + 100,
id: node,
+ // name: node[0],
color: self.$store.getters.getEntityColor(node)
- }
+ // }
};
});
this.networkData = {
@@ -135,20 +155,32 @@ export default {
edges: edges
};
},
+ getFacetData(facets) {
+ if (facets?.['object.raw']?.terms) {
+ this.objects = facets?.['object.raw']?.terms.map((v) => v.term);
+ }
+ if (facets?.['subject.raw']?.terms) {
+ this.subjects = facets?.['subject.raw']?.terms.map((v) => v.term);
+ }
+ },
sendRequest() {
let self = this;
let base = process.env.NODE_ENV == 'development' ? 'https://dev.smart-api.info' : '';
axios
.get(
base +
- '/api/metakg?size=20&q=(api.name:"' +
+ '/api/metakg?q=(api.name:"' +
self.api.info.title +
- '")&size=300&fields=object,subject'
+ '")&size=' +
+ self.size +
+ '&fields=object,subject&facet_size=300&aggs=object.raw,subject.raw'
)
.then((res) => {
let data = {};
if (res.data?.hits && res.data?.hits?.length) {
+ self.total = res.data?.total;
self.getNetworkData(res.data.hits);
+ self.getFacetData(res.data?.facets);
res.data.hits.forEach((item) => {
if (!(item.subject in data)) {
data[item.subject] = [item.object];
@@ -158,6 +190,20 @@ export default {
}
}
});
+ let sortable = [];
+ for (var key in data) {
+ sortable.push([key, data[key]]);
+ }
+ sortable.sort(function (a, b) {
+ return a[1].length - b[1].length;
+ });
+ sortable.reverse();
+ let objSorted = {};
+ sortable.forEach(function (item) {
+ objSorted[item[0]] = item[1].sort();
+ });
+ data = objSorted;
+
self.graphData = data;
self.loading = false;
self.noHits = false;
diff --git a/web-app/src/components/SimpleNetwork.vue b/web-app/src/components/SimpleNetwork.vue
index 04b22221..ec373d56 100644
--- a/web-app/src/components/SimpleNetwork.vue
+++ b/web-app/src/components/SimpleNetwork.vue
@@ -4,6 +4,7 @@
+
+
diff --git a/web-app/src/components/SimpleNetworkSigma.vue b/web-app/src/components/SimpleNetworkSigma.vue
new file mode 100644
index 00000000..2a6a9d64
--- /dev/null
+++ b/web-app/src/components/SimpleNetworkSigma.vue
@@ -0,0 +1,70 @@
+
+
+
+
+