 | Visual Settings | Line Color | Choose the color of the line. | Updates the line color to match the selected color. | #118DFF - blue |
 | Visual Settings | Line Thickness | Adjust the thickness of the line. | Increases or decreases the thickness of the drawn line. | 10px |
 | Visual Settings | Node Radius | Set the circle radius. | Adjusts the size of the circles on the map. | 8px |
 | Visual Settings | Node Border Thickness | Set the border thickness of the circles. | Changes the thickness of the circle borders. | 3px |
 | Visual Settings | Node Border Color | Choose the color for the circle borders. | Updates the color of the circle borders to the selected color. | Black |
 | Visual Settings | Node Fill Color | Choose the fill color for the circles. | Changes the circle fill color to the selected color. | White |
 | Visual Settings | Node Border Color on Hover | Set the color for circle borders on hover. | Changes the border color of circles when they are hovered over. | #1AB5FF - pink |
 | Visual Settings | Node Fill Color on Hover | Set the fill color for circles on hover. | Updates the fill color of the circle when hovered. | White |
 | Label Settings | Labels toggle | Toggle to turn the labels on or off. | Displays or hides the labels on the visual depending on the toggle. | On |
 | Label Settings | Text color | Select the color for the label text. | Changes the text color of the labels on the nodes. | Black |
 | Label Settings | Font family | Choose the font family for the labels. | Updates the font of the labels to the selected font family. | Segoe UI |
 | Label Settings | Font size | Set the font size for the labels. | Increases or decreases the font size of the label text. | 16px |
 | Label Settings | Font bold | Toggle to make the label font bold. | Applies bold styling to the label text when toggled on. | Off |
 | Label Settings | Font italic | Toggle to make the label font italic. | Applies italic styling to the label text when toggled on. | Off |
 | Label Settings | Font underline | Toggle to underline the label text. | Underlines the label text when toggled on. | Off |
 | Label Settings | Label Location | Set the location of the labels relative to the node. | Allows the user to position labels either above, below, left or right of the nodes. | Left |
 | Interactivity Settings | Show Tooltips | Toggle to display tooltips when hovering over nodes. | Displays a tooltip with node name when the user hovers over a node. | On |
 | Interactivity Settings | Tooltip prompt | Text to display before the node name in the tooltip. | Allows customization of the label displayed in the tooltip to display e.g., 'Country' instead of 'Node'. | Node |
 | Interactivity Settings | Highlight on Hover | Toggle to highlight paths when node is hovered over. | Highlights the node and connected paths (if 'Highlight Precedents' or 'Highlight Descendants' is on) when hovered over. | On |
 | Interactivity Settings | Highlight on Click | Toggle to highlight paths when node is clicked. | Highlights the node and connected paths (if 'Highlight Precedents' or 'Highlight Descendants' is on) when clicked. Click again to switch off. | On |
 | Interactivity Settings | Highlight Precedents | Toggle to highlight preceding nodes and paths. | Highlights all paths leading to hovered or clicked node. Must be used with 'Highlight on Hover' or 'Highlight on Click'. | On |
 | Interactivity Settings | Highlight Descendants | Toggle to highlight descending paths. | Highlights all paths leading from hovered or clicked node. Must be used with 'Highlight on Hover' or 'Highlight on Click'. | On |
 | Interactivity Settings | Color Precedents | Select the color to highlight paths to node. | Changes the color of paths leading to highlighted node. Requires 'Highlight Precedents' to be On. | #118DFF - blue |
 | Interactivity Settings | Color Descendants | Select the color to highlight paths from node. | Changes the color of paths leading from highlighted node. Requires 'Highlight Descendants' to be On. | #EB30AC - pink |
