> ## Documentation Index
> Fetch the complete documentation index at: https://new.docs.falkordb.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Main Graph Canvas

> Interactive graph visualization: pan/zoom, selection, label/relationship toggles, and layout controls.

The **Graph** results tab renders your query results as an interactive node/edge visualization.

<img src="https://mintcdn.com/falkordb-core/4RKo-4HTPunDsB0h/images/browser/overview.png?fit=max&auto=format&n=4RKo-4HTPunDsB0h&q=85&s=38a76b4d6778e49fc901b6ca23efa499" alt="Graph canvas" width="1920" height="1200" data-path="images/browser/overview.png" />

## Core interactions

* **Pan/zoom** the canvas to explore results.
* **Select** nodes/edges to inspect them (opens the Data panel).
* **Right-click / context menu** is used in the tutorial flow to open element details.

## Labels & Relationships filters

When you have results, the overlay includes:

* **Labels** list: toggle visibility of nodes by label.
* **Relationships** list: toggle visibility of edges by relationship type.

These toggles update visibility on the canvas without re-running the query.

## Canvas controls

The controls area includes:

* **Animation control** (play/pause force-layout delay)
* **Zoom in / Zoom out**
* **Center / fit to screen**

## Tabs around the canvas

From the same results region you can switch to:

* **Table** view (when tabular data exists)
* **Metadata** view (when metadata/explain exists)

## Frequently Asked Questions

<AccordionGroup>
  <Accordion title="How do I pan and zoom the graph canvas?">
    Use your mouse or trackpad to **pan** (click and drag the background) and **zoom** (scroll wheel or pinch gesture). You can also use the zoom in/out buttons in the canvas controls.
  </Accordion>

  <Accordion title="Can I hide certain node labels or relationship types?">
    Yes. Use the **Labels** and **Relationships** filter lists overlaid on the canvas to toggle visibility of specific node labels or edge types without re-running the query.
  </Accordion>

  <Accordion title="How do I center the graph on screen?">
    Click the **Center / fit to screen** button in the canvas controls area to automatically fit all visible elements within the viewport.
  </Accordion>

  <Accordion title="What does the animation control do?">
    The play/pause button controls the **force-layout animation** which arranges nodes dynamically. Pausing it freezes the layout in its current position.
  </Accordion>
</AccordionGroup>