Road Inventory Editor
| Scheme | Chainage Range | Length | Year | Cost | Action |
|---|
Chainage format: XX/XXX (54.7 → 54/700)
Road Inventory & Scheme Monitoring Tool
This advanced HTML + JavaScript based Road Inventory Tool is designed for highway engineers, PWD officials, and infrastructure planners to manage road-wise project data using chainage-based segmentation.
The tool enables precise tracking of road coverage, scheme allocation, cost distribution, and physical progress using an intuitive graphical and tabular interface.
🔷 Key Features
- 🛣️ Road-wise inventory management
- 📏 Chainage-based segmentation (Start–End)
- 📊 Real-time graphical linear progress visualization
- 📉 Gap detection (Uncovered stretches)
- 💰 Scheme-wise cost tracking
- 📄 Batch PDF export with charts
- 💾 Local storage (Offline working)
- 📥 JSON import & 📤 backup system
1. Project Overview & Summary Dashboard
The sidebar summary panel provides real-time aggregated statistics across all roads:
- Total Road Length
- Total Covered Length
- Total Uncovered Length (Highlighted)
- Total Sanctioned Cost
- Average Cost per Km
- Total Number of Roads
📊 Scheme-wise Breakdown
The system automatically distributes road length across schemes such as:
- 03, 04, NABARD, HAM, CRF, SR, FDR, AMC, etc.
- Gap (Uncovered Length) is calculated automatically
This helps identify funding distribution and missing coverage instantly.
2. Road Inventory Management
➕ Add / Edit Road
- Enter Road Name
- Define Total Length (km)
- Save road into local database
Each road acts as a parent entity containing multiple segmented works.
3. Chainage-Based Segmentation
The core concept of this tool is chainage-based segmentation, where each road is divided into:
- Start Chainage
- End Chainage
- Scheme Allocation
- Cost & Year
📌 Validation Rules
- 0 ≤ Start < End ≤ Total Length
- No invalid overlaps allowed logically
📏 Chainage Format
Values are automatically displayed in standard format:
54.700 km → 54/700
4. Linear Progress Visualization
The tool dynamically generates a horizontal bar chart representing the road:
- Each segment is color-coded by scheme
- Proportional to actual chainage length
- Gaps are highlighted in grey
This provides an instant visual understanding of coverage and missing links.
📍 Axis Marking
- Chainage ticks are auto-generated
- Start and end points clearly marked
5. Gap Detection Logic
One of the most powerful features is automatic gap identification.
- Uncovered stretches between segments are detected
- Displayed as "GAP" in table and chart
- Included in summary as Uncovered Length
This ensures no portion of the road is left untracked.
6. Data Table Representation
Each segment is listed in a structured table:
- Scheme
- Chainage Range
- Length
- Year
- Cost
Gap rows are automatically inserted for missing stretches.
7. Bulk Selection & PDF Export
📑 Batch PDF Export
- Select multiple roads
- Generate detailed PDF reports
- Each road includes:
- Linear chart
- Chainage axis
- Segment table
PDF generation uses:
- html2canvas for rendering UI
- jsPDF for document creation
8. Data Storage System
💾 Local Storage
- All data stored in browser using localStorage
- No backend required
📥 Import / 📤 Export
- Backup complete dataset as JSON
- Restore anytime using import
9. Scheme Color Coding
Each scheme is visually differentiated:
- 03 → Blue
- 04 → Green
- NABARD → Purple
- HAM → Cyan
- Gap → Grey
Ensures quick identification of funding sources.
10. Engineering Applications
- ✔ DPR preparation & review
- ✔ Funding allocation tracking
- ✔ Physical progress monitoring
- ✔ Gap identification for proposals
- ✔ Road asset management
11. Advantages
- ✔ Fully offline system
- ✔ Visual + numerical analysis combined
- ✔ Eliminates manual chainage calculations
- ✔ Accurate gap detection
- ✔ Professional reporting via PDF
0 Comments
If you have any doubts, suggestions , corrections etc. let me know