chore: update readme

Author: shelegdmitriy

README.md

@@ -1,6 +1,6 @@
 # ASIMOV Network Widget
 
-A React component for visualizing network graphs in ASIMOV Protocol applications with customizable styling to match the ASIMOV design system.
+A React component for visualizing network graphs in ASIMOV Protocol applications with customizable styling and dynamic data simulation capabilities.
 
 <img width="805" alt="ASIMOV Network Widget" src="https://github.com/user-attachments/assets/c753407e-e2e4-4da9-9504-b1a4b6dcb1d0" />
 

examples/App.tsx

@@ -192,6 +192,28 @@ function App() {
   // Handle network initialization
   const handleNetworkInit = useCallback((network: Network) => {
     networkRef.current = network;
+    // Set initial zoom level to zoom out
+    setTimeout(() => {
+      if (network) {
+        // First fit the network, then zoom out
+        network.fit({
+          animation: {
+            duration: 500,
+            easingFunction: 'easeInOutQuad'
+          }
+        });
+        // Then zoom out
+        setTimeout(() => {
+          network.moveTo({
+            scale: 0.6, // Zoom out to 60% of current scale
+            animation: {
+              duration: 800,
+              easingFunction: 'easeInOutQuad'
+            }
+          });
+        }, 600);
+      }
+    }, 100);
   }, []);
 
   // Handle node selection
@@ -218,16 +240,18 @@ function App() {
     physics: {
       stabilization: false,
       barnesHut: {
-        gravitationalConstant: -8000,
+        gravitationalConstant: -4000, // Reduced from -8000 for less attraction
         springConstant: 0.001,
-        springLength: 200,
+        springLength: 350, // Increased from 200 for more spacing
       },
     },
     interaction: {
       hover: true,
       tooltipDelay: 200,
       navigationButtons: true,
       keyboard: true,
+      zoomView: true,
+      dragView: true,
     },
   };