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.

Table of contents

• Set up the GUAC Visualizer
  • Requirements
  • Step 1. Getting started
  • Step 2. Install dependencies
  • Step 3. Run the visualizer locally:

Requirements

• git
• yarn
• node version >= 18
• GUAC services up and running

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: