Ole-Morten Duesund
7461d881cf
Resolves issue #13 by implementing comprehensive aircraft legend improvements: ## New Features - **Size-based aircraft icons**: Created distinct SVG icons for light, medium, large, and heavy aircraft with progressively larger visual representations - **Visual aircraft icons in legend**: Replaced colored squares with actual aircraft silhouettes showing relative sizes and types - **Enhanced categorization**: Added military category to legend and improved icon selection logic ## Improvements - **Better differentiation**: Each weight class now has a unique icon shape, not just color - **Accurate ADS-B mapping**: Icons correctly map to decoded ADS-B emitter categories - **Clearer legend display**: Users can now see actual aircraft shapes instead of generic colored rectangles ## Technical Changes - Created 4 new SVG icons: light.svg, medium.svg, large.svg, heavy.svg - Updated legend HTML to embed aircraft SVG icons inline - Enhanced JavaScript logic to better match categories to appropriate icon types - Simplified color mapping function for cleaner code This addresses the original concerns about confusing legend entries and lack of visual differentiation between aircraft types. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
18 lines
No EOL
835 B
XML
18 lines
No EOL
835 B
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<svg width="28" height="28" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg">
|
|
<g transform="translate(14,14)">
|
|
<!-- Light aircraft (smaller, simpler design) -->
|
|
<!-- Fuselage -->
|
|
<path d="M0,-10 L-1,-9 L-1,5 L-0.5,7 L0,8 L0.5,7 L1,5 L1,-9 Z" fill="currentColor"/>
|
|
<!-- Main wings -->
|
|
<path d="M-1,-1 L-8,1 L-8,2.5 L-1,1 Z" fill="currentColor"/>
|
|
<path d="M1,-1 L8,1 L8,2.5 L1,1 Z" fill="currentColor"/>
|
|
<!-- Tail wings -->
|
|
<path d="M-0.5,5 L-3,6 L-3,6.5 L-0.5,6 Z" fill="currentColor"/>
|
|
<path d="M0.5,5 L3,6 L3,6.5 L0.5,6 Z" fill="currentColor"/>
|
|
<!-- Vertical stabilizer -->
|
|
<path d="M0,4 L-0.3,4 L-1,7 L0,7 L1,7 L0.3,4 Z" fill="currentColor"/>
|
|
<!-- Nose -->
|
|
<ellipse cx="0" cy="-9.5" rx="1" ry="1.5" fill="currentColor"/>
|
|
</g>
|
|
</svg> |