Leverages Netlify Graph to authenticate against GitHub, and then execute one of stored GraphQL queries

Overview

⭐ gravity

Deploy to Netlify

A web application designed to visualize cross-referenced issues in a GitHub repository.

It leverages Netlify Graph to authenticate against GitHub, and then execute one of stored GraphQL queries. The data is then rendered with the help of d3.js.

Demo of the Gravity tool

Running

To get the application running, you will need to deploy it to Netlify and ensure that you have connected GitHub with Netlify Graph and API Authentication in your website.

GitHub enabled as a connection in Netlify Graph

Editing Queries

To edit the pre-programmed GraphQL queries:

  1. Install the Netlify CLI: npm install netlify-cli -g
  2. Open the repository folder in your Terminal: cd
  3. Navigate to the Gravity source folder: cd gravity
  4. Ensure that the repository is linked to your site on Netlify: netlify link
  5. Run: netlify graph:edit

When you link a repository to Netlify, you ensure that there is a direct connection between the changes you are making and the site hosted on the Netlify infrastructure.

Linking a repository to Netlify

Editing the graph with netlify graph:edit will allow you to customize the queries aand include any additional information or services that might be needed for your application.

Editing GraphQL queries with Netlify Graph

You might also like...
Zerobytes-gridsome - An implementation for zerobytes.one using VUE and its framework Gridsome
Zerobytes-gridsome - An implementation for zerobytes.one using VUE and its framework Gridsome

A starter documentation theme for Gridsome. Installation If you have the Gridsome CLI installed, simply run: gridsome create your-project https://gith

One component to link them all πŸ”—

VueLink - One component to link them all! Lightweight wrapper component for external and vue-router links. πŸ”₯ Features Tiny functional component SSR-s

πŸ•΅οΈβ€β™€οΈπŸ•΅οΈβ€β™‚οΈ One easy-to-use component for Vue.js to build beautiful responsive timelines.
πŸ•΅οΈβ€β™€οΈπŸ•΅οΈβ€β™‚οΈ One easy-to-use component for Vue.js to build beautiful responsive timelines.

Documentation You can browse the documentation for Vue Timeline on the website. Installation npm install @growthbunker/vuetimeline # Or if you prefer

Google-onetap-signin-client-vue - Vue 3 Demo of using the Google One-Tap Signin in a modular way (Client Code)

vue-google-onetap-signin Project setup npm install Compiles and hot-reloads for

Full-stack @Linkedin clone but this one is a little different πŸ‘¨πŸ»β€πŸ’»
Full-stack @Linkedin clone but this one is a little different πŸ‘¨πŸ»β€πŸ’»

Linkedout Running project $ docker-compose up Accessing the linkedout from a browser The starter linkedout works with a load balancer that binds to po

One simple import to get component information for your design system

vue-metainfo-loader This loader extracts from SFC: Component description Component name Component props name description type default validator requir

πŸ’¬ Responsive Vue.js comment system plugin that built with CSS Grid and Firebase REST API + Authentication. https://tugayyaldiz.github.io/vue-comment-grid
πŸ’¬ Responsive Vue.js comment system plugin that built with CSS Grid and Firebase REST API + Authentication. https://tugayyaldiz.github.io/vue-comment-grid

Vue.js Comment Grid Table of Contents Introduction Installation Downloading Plugin Dependencies Include Plugin Creating Firebase Project Setting Up Si

Github'st Development Archive service using vue and nuxt
Github'st Development Archive service using vue and nuxt

Github'st Development Archive service using vue and nuxt

Vue 2.x component based on embed.js https://github.com/ritz078/embed.js

vue-embed Embed component is based on embed.js for Vue 2.x. Embed.js is a lightweight JavaScript plugin to embed emojis, media, maps, tweets, code and

Owner
Den Delimarsky
Group Product Manager β€’ Engineer β€’ On The CPU/GPU
Den Delimarsky
Get an overview of all your Grapher links and Collection2 schemas, and create queries just by clicking (with live results)

Graphical Grapher Get an overview of all your Grapher links and Collection2 schemas, and create queries just by clicking (with live results) Demo Inst

Simon Herteby 13 May 6, 2022
A fresh install of Nuxt 2 via yarn create nuxt-app, and then following the Nuxt Bridge installation instructions

A fresh install of Nuxt 2 via yarn create nuxt-app, and then following the Nuxt Bridge installation instructions

Hex Digital 1 Oct 18, 2021
A One-on-one Chat App In Vue With CometChat View Details

Build one-on-one chat in your Vue app This is the demo app that we build in the Build one-on-one chat in your Vue app tutorial. Technology This demo u

CometChat Pro Tutorials 5 Dec 29, 2020
What? You like gambling? Then check out this Open Source Casino!

Welcome to Open Source Casino! A place where you can enjoy playing casino games with cyberdonuts (fake money)! I strongly recommend that you never pla

Lucas Hazardous 2 Nov 13, 2022
A UI component for building complex queries with nested conditionals.

Vue Query Builder A UI component for building complex queries with nested conditionals. Vue Query Builder is a user interface that makes it easy for y

Daniel Abernathy 612 Nov 14, 2022
VueJS mixin plugin for creating element size queries in components

VueJS mixin plugin for creating element size queries in components.

Enzo Eghermanne 54 Nov 14, 2022
Add a Github corner to your project page, This GitHub corner for Vue 3.0+ component.

@uivjs/vue-github-corners Add a Github corner to your project page, This GitHub corner for Vue 3.0+ component. Install npm i @uivjs/vue-github-corners

UI Vue 3 Sep 27, 2022
Awesome-github-profile - A website of awesome Github Profile READMEs

Awesome GitHub Profile README A website of awesome Github Profile READMEs ?? Lin

Uvacoder 16 May 25, 2022
Vue 2 dataflow graph editor

vue-dataflow-editor Hey, you can use https://github.com/jagenjo/litegraph.js. Based on vue-blocks. A @ghostiam's project. npm npm i @krthr/vue-dataflo

Wilson 76 Nov 12, 2022
Covid19 tracking App with Nuxt, bootstrap vue, and graphql

Covid19 tracking App with Nuxt, bootstrap vue, and graphql

AJ Jardiah Jr 1 Jan 6, 2022