mirror of
https://github.com/jackyzha0/quartz.git
synced 2026-03-22 14:05:43 -05:00
79 lines
2.1 KiB
Markdown
79 lines
2.1 KiB
Markdown
---
|
|
title: Graph
|
|
tags:
|
|
- plugin/component
|
|
image:
|
|
---
|
|
|
|
Interactive graph visualization.
|
|
|
|
> [!note]
|
|
> For information on how to add, remove or configure plugins, see the [[configuration#Plugins|Configuration]] page.
|
|
|
|
See [[graph view]] for detailed usage information.
|
|
|
|
## Configuration
|
|
|
|
This plugin accepts the following configuration options:
|
|
|
|
- `localGraph`: Options for the local graph view.
|
|
- `globalGraph`: Options for the global graph view.
|
|
|
|
Both `localGraph` and `globalGraph` accept the following options:
|
|
|
|
- `drag`: Enable dragging nodes. Defaults to `true`.
|
|
- `zoom`: Enable zooming. Defaults to `true`.
|
|
- `depth`: The depth of the graph. Defaults to `1` for local and `-1` for global.
|
|
- `scale`: The initial scale of the graph.
|
|
- `repelForce`: The force that pushes nodes apart.
|
|
- `centerForce`: The force that pulls nodes to the center.
|
|
- `linkDistance`: The distance between linked nodes.
|
|
- `fontSize`: The font size of node labels.
|
|
- `opacityScale`: The scale of node opacity.
|
|
- `removeTags`: Tags to exclude from the graph.
|
|
- `showTags`: Whether to show tags in the graph.
|
|
- `enableRadial`: Whether to enable radial layout.
|
|
- `focusOnHover`: Whether to focus on the hovered node (global only).
|
|
|
|
### Default options
|
|
|
|
```yaml title="quartz.config.yaml"
|
|
- source: github:quartz-community/graph
|
|
enabled: true
|
|
options:
|
|
localGraph:
|
|
drag: true
|
|
zoom: true
|
|
depth: 1
|
|
scale: 1.1
|
|
repelForce: 0.5
|
|
centerForce: 0.3
|
|
linkDistance: 30
|
|
fontSize: 0.6
|
|
opacityScale: 1
|
|
removeTags: []
|
|
showTags: true
|
|
enableRadial: false
|
|
globalGraph:
|
|
drag: true
|
|
zoom: true
|
|
depth: -1
|
|
scale: 0.9
|
|
repelForce: 0.5
|
|
centerForce: 0.3
|
|
linkDistance: 30
|
|
fontSize: 0.6
|
|
opacityScale: 1
|
|
removeTags: []
|
|
showTags: true
|
|
focusOnHover: true
|
|
enableRadial: true
|
|
```
|
|
|
|
## API
|
|
|
|
- Category: Component
|
|
- Function name: `ExternalPlugin.Graph()`.
|
|
- Source: [`quartz-community/graph`](https://github.com/quartz-community/graph)
|
|
- Install: `npx quartz plugin add github:quartz-community/graph`
|