🔢 NumPy Multi-Dimensional Array Visualizer

✨ Interactive web application to visualize and understand NumPy array manipulations using D3.js.

🎯 Features

• 🎨 Visual representation of 1D, 2D, 3D, 4D, 5D, and 6D arrays
• ⚡ Quick action buttons for common operations:
  • 🔄 Reshape, Transpose, Flatten
  • 📐 Expand/Squeeze dimensions
  • 🔀 Swap axes, Slice arrays
  • 📊 Aggregate operations (sum, mean)
• 👀 Before/After visualization to understand transformations
• 🌈 Color-coded cells using D3.js color scales
• ⏱️ Real-time feedback on array shape and operations
• 🎮 Interactive dimension selectors for 5D and 6D arrays

🚀 Setup

1. 📦 Install Python dependencies:

uv sync

2. 🖥️ Start the Flask backend:

python server.py

3. 🌐 Open index.html in a web browser (or use a local server)

💡 Usage

1. 🎲 Generate Arrays: Enter a shape (e.g., "3,4" or "2,3,4,5") and choose a fill method
2. 🎯 Quick Actions: Click any button to see the transformation
3. 👁️ View Results: See input and output side-by-side with operation details
4. 🖱️ Interactive Controls: Use dimension selectors for 5D/6D arrays to explore different slices

📚 Dimension Support

• ✅ 1D-5D: Full visualization with interactive controls
• ⚠️ 6D: Informational view with recommendations to reduce dimensions