WebSerial 3D IMU Visualizer
This website can be used to visualize IMU data after sensor fusion, e.g. for testing your IMU code.
Note: The necessary WebSerial API is only well-supported by Google Chrome and Microsoft Edge
Usage: Connect to a serial port (115200 8N1) receiving IMU data by pressing the Connect button.
The data is requried as lines matching the following regex:
^ROLL=([- ]?[0-9.]+) PITCH=([- ]?[0-9.]+) YAW=([- ]?[0-9.]+)$
Demo Mode: Press the Demo button to animate the drone.
Browser Fusion Mode (Beta!): Lets the browser fuse the data for debugging purposes.
Send raw data as follows, with {ax,ay,az} in g and {gx,gy,gz} in °/s:
ax=[float] ay=[float] az=[float] gx=[float] gy=[float] gz=[float]
Note that to align the IMU's axes with the model, you may need to, e.g., send the values for {-ay,ax,az,-gy,gx,gz} instead of {ax,ay,az,gx,gy,gz} (while keeping the text format!)
Smartphone Demo: Scan this QR code to visualize the IMU movements of a smartphone:
Based on three.js
CrazyFlie 3D model adapted from Roberto Shu's Github