rizaldy/rizaldy.club
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

idea: Tags appear as hollow circles on the graph (#1129)

Browse Source 
* Tags appear as hollow circles on the graph

Added a few lines to make tags appear as hollow circles on the graph, as opposed to pages which are plain circles, for better visual separation.

* Applied Prettier code style
This commit is contained in:
Leo Lazou 2024-05-30 19:42:22 +02:00 committed by GitHub
parent 73a5ec87f1
commit 244801af65
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
quartz/components/scripts/graph.inline.ts
View File

@ -282,6 +282,13 @@ async function renderGraph(container: string, fullSlug: FullSlug) {
// @ts-ignore // @ts-ignore
.call(drag(simulation)) .call(drag(simulation))
// make tags hollow circles
node
.filter((d) => d.id.startsWith("tags/"))
.attr("stroke", color)
.attr("stroke-width", 2)
.attr("fill", "var(--light)")
// draw labels // draw labels
const labels = graphNode const labels = graphNode
.append("text") .append("text")