🔹 Overview
The Advance Container Optimizer is a smart logistics tool designed to help exporters, importers, and shippers efficiently plan container usage based on item dimensions and quantities. It includes 3D/4D visualization, analytics, and export options for easy reporting.
🧩 Item Table
- Add new rows using ➕ Add Item.
- Enter Item Name, Length, Width, Height, and Quantity.
- CBM (Cubic Meter) auto-calculates for each row.
- You can edit directly — like a mini spreadsheet.
- Save / Load Plan keeps your data in browser storage for later use.
📦 Simulation
- Select a container type (LCL, 20ft, 40ft, 40HC).
- Click ▶ Simulate to calculate total CBM and containers required.
- 3D view displays items packed within the container volume (rotatable view).
- Supports multi-container distribution if volume exceeds one container.
🌀 3D/4D Visualization
- Uses Three.js + OrbitControls for rotation and zoom.
- Each item is displayed as a colored box with its name label.
- Container borders are highlighted for easy identification.
- Real-time 3D rendering helps visualize packing efficiency.
📊 Analytics Dashboard
- Shows both Pie and Bar Charts using Chart.js.
- Displays CBM contribution per item and total usage percentage.
- Auto-generated after each simulation or plan save.
💾 Export & Reporting
- Export Excel: Creates a downloadable .xlsx file of your plan.
- Export PDF: Includes plan summary, table, and charts in a formatted report.
- Export PNG: Saves high-quality image of 3D visualization.
📚 Plan Library
- Save multiple named plans to localStorage.
- Switch between saved configurations easily for different products or customers.
💡 Tips for Best Use
- Use realistic product dimensions for accurate simulation.
- Try all container types to find the most space-efficient option.
- Use the 3D zoom and rotate feature to visually confirm packing space.
- Always export your plan (Excel/PDF) before clearing browser storage.