# Quaternion - Axis, Angle Visualization **URL:** \ **Category:** Resources\ **Tags:** data-visualization, quaternion\ **Created:** [December 6, 2017, 4:36pm UTC](https://discourse.threejs.org/t/quaternion-axis-angle-visualization/1358 "2017-12-06T16:36:01Z")\ **Posts on this page:** 1\ **Page:** 1
**Author:** ![hofk](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/hofk/32/44944_2.png) [@hofk](https://discourse.threejs.org/u/hofk)\ **Post date:** [December 6, 2017, 4:36pm UTC](https://discourse.threejs.org/t/quaternion-axis-angle-visualization/1358/1 "2017-12-06T16:36:01Z")
I’ve been using quaternions. Because rotation in space is not easy, I was looking for a simple visualization. I found a lot of theory about quaternions and a workable converter. [http://www.energid.com/resources/orientation-calculator/](http://www.energid.com/resources/orientation-calculator/) But no visualization for my own requirements. So I created it myself. Quaternion and axis, angle are continuously converted into each other. ![quaternion](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex035/uploads/threejs/original/1X/1251a1475dd4db3cdc1908e46cfaed2cc6089a26.png) If you want to try the little helper, you will find him there: [http://threejs.hofk.de/](http://threejs.hofk.de/) or directly there [http://threejs.hofk.de/quaternion/quaternion\_axisangle.html](http://threejs.hofk.de/quaternion/quaternion_axisangle.html) Choose **change quaternion** or **change axis… angle** and an input method. If the values in the input element are not normalized, you switch to the range element and it is normalized. _I have adapted the look to Firefox._ Here the code: ``` quaternion
QUATERNION - AXIX/ANGLE
>>> change quaternion: 4D vector (input also not normalized) * if vector(0,0,0,w) - change first 0
vector ( xq , yq , zq , wq )
vector ( xq , yq , zq , wq )
axis ( xa , ya , za ) ... angle * PI = rad = deg
axis ( xa , ya , za ) ... angle
>>> change axis 3D vector (input also not normalized) and angle
```