Walmart Coding Assignment Graph-Visualizer

The Graph Visualizer is an interactive web application built using React, TypeScript, Redux, and React Flow. It provides an intuitive interface for creating, modifying, and managing graph elements such as nodes and edges. Users can dynamically add, delete, and customize nodes with features like drag-and-drop positioning, color changes, font size adjustments, and edge connections.

Key Features:

• Graph Creation & Editing: Users can add, move, and delete nodes and edges interactively.
• Node Customization: Adjust node color and font size for better visualization.
• Drag-and-Drop Functionality: Easily reposition nodes for an intuitive layout.
• Undo/Redo Actions: Maintain a history stack to revert changes smoothly.
• Persistent State Management: Uses Redux to store graph data and retain it after reloads.
• Edge Manipulation: Users can manually drag edges to connect nodes.

This tool is designed for efficient graph manipulation, making it useful for data visualization, workflow design, and understanding relationships between elements.