EO4GEO-bok-dataviz-v2

EO4GEO-bok-dataviz-v2 is an script to parse a json-ld file and visualize it in a circle packing d3 layout.

Installation

Using npm:

npm i @eo4geo/bok-dataviz

Usage

Place a div and give it an id. If you want to show also the textual information, place a div and give it an id.

<div id="bubbles"> </div>
<div id="textInfo"></div>

In Javascript call the function visualizeBOKData( svgID, jsonFile, textID)

• svgID : is the id you gave to the element in the HTML you want to display the graph
• jsonFile : is the location of the json file. You can download it from releases
• textID : is the id you gave to the div for the textual information

import * as bok from '@eo4geo/bok-dataviz-v2';
[...]
bok.visualizeBOKData('#bubbles', 'assets/saved-bok.json') // will only render the graphical view

bok.visualizeBOKData('#bubbles', 'assets/saved-bok.json', '#textInfo') // will render the graphical view and the textual view

Other functions

import * as bok from '@eo4geo/bok-dataviz-v2';
[...]

selectedNodes = bok.searchInBoK(searchText); // returns an array of concepts matching the searchText string

bok.browseToConcept(conceptShortName); // navigates to the concept specified

// Examples
selectedNodes = bok.searchInBoK('Analytics');
bok.browseToConcept('GIST'); // navigates to root concept
bok.browseToConcept('AM'); // navigates to Analytical Methods concept