Skip to content

Latest commit

 

History

History
75 lines (54 loc) · 1.56 KB

guac-visualizer.md

File metadata and controls

75 lines (54 loc) · 1.56 KB
layout title permalink parent nav_order
page
Set up the GUAC Visualizer
/guac-visualizer/
Getting started with GUAC
5

Set up the GUAC Visualizer

The GUAC Visualizer is an experimental utility that can be used to interact with GUAC services. It acts as a way to visualize the software supply chain graph, as well as a means to explore the supply chain and prototype policies.

{: .no_toc }

Table of contents {: .text-delta } - TOC {:toc}

Requirements

  • git
  • yarn
  • node version >= 18
  • [GUAC services up and running]({{ site.baseurl }}{%link setup.md %})

Step 1. Getting started

Get the guac-visualizer source code here.

cd into it:

cd guac-visualizer

Step 2. Install dependencies

yarn install

Step 3. Run the visualizer locally:

yarn dev

You can then go to localhost:3000 in your browser to start using the visualizer.

...

$ next dev
ready - started server on 0.0.0.0:3000, url: http://localhost:3000
info  - Using webpack 5. Reason: Enabled by default https://nextjs.org/docs/messages/webpack5

...

Using the GUAC visualizer will look something like this:

image