graph-query-visualizer

Build a SPARQL query by constructing a visual graph and vice versa. I moved this out of my OntoEngine coding project to make it also useful independent of it.

Usage no npm install needed!

<script type="module">
  import graphQueryVisualizer from 'https://cdn.skypack.dev/graph-query-visualizer';
</script>

README

graph-query-visualizer

Build a SPARQL query by constructing a visual graph and vice versa. I moved this out of my OntoEngine coding project to make it also useful independent of it.

Available as npm package here. Demo of example/index.html here (TODO).

Tech stack

Usage

Setup this repo for development

npm install

npm run build creates the bundle.js (via webpack) in dist/ which is used by example/index.html

Use this as dependency in your project

I developed this for usage in HTML. I might see later how to make it useful as import and require.

npm i --save graph-query-visualizer

Import bundle.js and yasgui.min.css into your .html file:

<script src="./node_modules/graph-query-visualizer/dist/bundle.js"></script>
<link href="./node_modules/graph-query-visualizer/dist/yasgui.min.css" rel="stylesheet" />