@ -43,9 +43,12 @@ If you don't have serve, install it first:
3.) Open in Browser: Open your web browser and navigate to the URL provided by the server (usually http://localhost:8000 or http://localhost:3000). # Navigate to the server URL
3.) Open in Browser: Open your web browser and navigate to the URL provided by the server (usually http://localhost:8000 or http://localhost:3000). # Navigate to the server URL
Project StructureThe project has been refactored into a modular structure to separate concerns. All JavaScript source code resides in the src/ directory..
Project StructureThe project has been refactored into a modular structure to separate concerns. All JavaScript source code resides in the src/ directory..
├── index.html # The main HTML shell for the application
├── README.md # This documentation file
└── src/
├── index.html # The main HTML shell for the application
├── dom.js # DOM element references and UI update functions
├── dom.js # DOM element references and UI update functions
@ -61,6 +64,7 @@ Project StructureThe project has been refactored into a modular structure to sep
├── radarSketch.js # The p5.js sketch for the main radar visualization
├── radarSketch.js # The p5.js sketch for the main radar visualization
└── speedGraphSketch.js # The p5.js sketch for the speed graph
└── speedGraphSketch.js # The p5.js sketch for the speed graph
How to Use the Application
How to Use the Application
- Load Files: Use the "Load JSON", "Load Video", and "Load CAN Log" buttons to select your data files. The application works best when all three are loaded. The application will automatically attempt to calculate the time offset between the JSON and video files based on their filenames.
- Load Files: Use the "Load JSON", "Load Video", and "Load CAN Log" buttons to select your data files. The application works best when all three are loaded. The application will automatically attempt to calculate the time offset between the JSON and video files based on their filenames.