### Syntax
```
const helper = new THREE.AxesHelper(size);
```
### Parameters
* `size`: This is the size of each axis and is of type `Number`.




<html>
	<head>
		<title>THREE AxesHelper</title>
		<style>
			body { margin: 0; }
		</style>
	</head>
	<body>
		<script async src="https://unpkg.com/es-module-shims@1.3.6/dist/es-module-shims.js"></script>
		<script type="importmap">
		{
			"imports": {
			"three": "https://unpkg.com/three/build/three.module.js"
			}
		}
		</script>
		<script type="module">

			import * as THREE from 'three';
			import { OrbitControls } from 'https://unpkg.com/three/examples/jsm/controls/OrbitControls.js';

			// scene
			const scene = new THREE.Scene();

			// camera
			const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
			camera.position.set(5,3,5);

			// renderer
			const renderer = new THREE.WebGLRenderer();
			document.body.appendChild(renderer.domElement);
			renderer.setSize(window.innerWidth, window.innerHeight);

			// orbit controls
			const controls = new OrbitControls(camera, renderer.domElement);

			// sphere geometry
			const shape1 = new THREE.Mesh(
				new THREE.SphereGeometry(0.5,16,16),
				new THREE.MeshBasicMaterial()
			);
            shape1.position.set(1,1,1);
            scene.add(shape1);

            // axes helper
            const axesHelper = new THREE.AxesHelper(5);
            scene.add(axesHelper);


			// rendering function
			function animate() {

				requestAnimationFrame(animate);
				controls.update();
				renderer.render(scene, camera);

			};

			animate();

		</script>
	</body>
</html>

codemirror

By default, the red line is the $x$-axis, the green is $y$-axis, and the blue is $z$-axis. The colors, however, can be changed using the `.setColors()` method. 



What is AxesHelper in three.js?

AxesHelper in JavaScriptIn JavaScript, three.js is a library that is built on top of WebGL and is used for rendering animations on the web.When creating a scene, the developers use multiple built-in helpers to visualize some otherwise invisible aspects of the scene. In this Answer, we ll make use AxesHelper to visualize the x,yx, yx,y, and zzz axes.

What is AxesHelper in three.js?

`AxesHelper` in JavaScript

Syntax

Parameters

Example

Explanation