add some comments

src/useGraph.ts

@@ -64,6 +64,7 @@ export const useGraph = ({
   const layout = useRef<LayoutStrategy | null>(null);
   const camera = useThree(state => state.camera) as PerspectiveCamera;
 
+  // Calculate the visible entities
   const { visibleEdges, visibleNodes } = useMemo(
     () =>
       getVisibleEntities({
@@ -137,6 +138,7 @@ export const useGraph = ({
   );
 
   useEffect(() => {
+    // When the camera position/zoom changes, update the label visibility
     const nodes = stateNodes.map(node => ({
       ...node,
       labelVisible: calcLabelVisibility({
@@ -147,10 +149,12 @@ export const useGraph = ({
       })('node', node?.size)
     }));
 
+    // Determine if the label visibility has changed
     const isVisibilityUpdated = nodes.some(
       (node, i) => node.labelVisible !== stateNodes[i].labelVisible
     );
 
+    // Update the nodes if the label visibility has changed
     if (isVisibilityUpdated) {
       setNodes(nodes);
     }

src/utils/cluster.ts

@@ -22,18 +22,38 @@ export function buildClusterGroups(
 }
 
 export interface CalculateClustersInput {
+  /**
+   * The nodes to calculate clusters for.
+   */
   nodes: InternalGraphNode[];
+  /**
+   * The attribute to use for clustering.
+   */
   clusterAttribute?: string;
 }
 
 export interface ClusterGroup {
+  /**
+   * The nodes in the cluster.
+   */
   nodes: InternalGraphNode[];
+  /**
+   * The position of the cluster.
+   */
   position: CenterPositionVector;
+  /**
+   * The label of the cluster.
+   */
   label: string;
 }
 
 /**
  * Builds the cluster map.
+ *
+ * This function:
+ *  - Builds the cluster groups
+ *  - Calculates the center position of each cluster group
+ *  - Creates a cluster object for each group
  */
 export function calculateClusters({
   nodes,