From 8b9d53389fe346259f4288f341abc2df5d5679aa Mon Sep 17 00:00:00 2001
From: "Thomas F. K. Jorna" <thomasfkjorna@gmail.com>
Date: Wed, 28 Jul 2021 15:03:38 +0200
Subject: added more node/link opacity and resolution options

---
 components/tweaks.tsx | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

(limited to 'components/tweaks.tsx')

diff --git a/components/tweaks.tsx b/components/tweaks.tsx
index 7e5fd6c..bfb932c 100644
--- a/components/tweaks.tsx
+++ b/components/tweaks.tsx
@@ -300,11 +300,39 @@ export const Tweaks = (props: TweakProps) => {
                       value={physics.nodeRel}
                       onChange={(value) => setPhysics({ ...physics, nodeRel: value })}
                     />
+                    {threeDim && (
+                      <>
+                        <SliderWithInfo
+                          label="Node opacity"
+                          value={physics.nodeOpacity}
+                          min={0}
+                          max={1}
+                          onChange={(value) => setPhysics({ ...physics, nodeOpacity: value })}
+                        />
+                        <SliderWithInfo
+                          label="Node resolution"
+                          value={physics.nodeResolution}
+                          min={5}
+                          max={32}
+                          step={1}
+                          onChange={(value) => setPhysics({ ...physics, nodeResolution: value })}
+                        />
+                      </>
+                    )}
                     <SliderWithInfo
                       label="Link width"
                       value={physics.linkWidth}
                       onChange={(value) => setPhysics({ ...physics, linkWidth: value })}
                     />
+                    {threeDim && (
+                      <SliderWithInfo
+                        label="Link opacity"
+                        min={0}
+                        max={1}
+                        value={physics.linkOpacity}
+                        onChange={(value) => setPhysics({ ...physics, linkOpacity: value })}
+                      />
+                    )}
                     <Box>
                       <Flex alignItems="center" justifyContent="space-between">
                         <Text>Labels</Text>
-- 
cgit v1.2.3

