https://github.com/loilo/sparqljs-visualizer

Visualization of the SPARQL JavaScript representation created by SPARQL.js
https://github.com/loilo/sparqljs-visualizer

Last synced: 5 days ago
JSON representation

Visualization of the SPARQL JavaScript representation created by SPARQL.js

• Host: GitHub
• URL: https://github.com/loilo/sparqljs-visualizer
• Owner: loilo
• License: mit
• Created: 2024-03-08T19:53:40.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-08-16T08:00:33.000Z (3 months ago)
• Last Synced: 2024-08-17T09:03:04.020Z (3 months ago)
• Language: TypeScript
• Size: 2.02 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  


  


  


  




# SPARQL.js Visualizer

> Visualization of the SPARQL JavaScript representation created by [SPARQL.js](https://npmjs.com/package/sparqljs)

This is the source code repository of the SPARQL.js Visualizer. You can find the app at [loilo.github.io/sparqljs-visualizer](https://loilo.github.io/sparqljs-visualizer/).

## Technologies

The core technologies this project uses are:

Technology | Purpose

-|-

**[Codemirror](https://codemirror.net/)** | A text/code editor, used for the editing area itself.

**[Nuxt](https://nuxt.com/)** | An application framework for Vue.js, used for prerendering, PWA support and overall application structure.

**[`SPARQL.js`](https://github.com/RubenVerborgh/SPARQL.js)** | SPARQL parser and code generator written in JavaScript.

**[`sparql-formatter`](https://github.com/sparqling/sparql-formatter)** | A SPARQL beautifier, used for formatting the SPARQL query.

**[GitHub Pages](https://pages.github.com/)** | This app does (purposefully) not generate any income. Therefore, free, scalable hosting is essential to keep it running.

## Setup

Clone this repository and install its dependencies using [npm](https://npmjs.com/).

```bash

npm ci

```

## Local Development

Start a local dev server with hot reloading:

```bash

npm run dev

```

## Generate Production Site

Create a production-ready site in the `dist` folder:

```

npm run generate

```

Set the `BASE_URL` environment variable to create a build that can be hosted in a subfolder of a domain, e.g.:

```

BASE_URL=/sparqljs-visualizer/ npm run generate

```