Welcome to Anu

Anu.js is an immersive data visualization toolkit built on the web-based 3D game engine Babylon.js and WebXR. Anu is heavily inspired by D3’s data-binding DOM manipulation patterns and visualization utility. Anu works in synergy with D3 to bring these patterns to Babylon, enabling developers to dynamically manipulate the Babylon scene graph with data and augment 3D immersive visualizations with utilities, pre-fabs, and interactions.

The contents of this website are an interactive tutorial series that will guide you through how to use anu, from setting up your environment, fundamentals of Babylon.js, anu’s core methods and features, building visualizations, adding xr capabilities, and more.

Throughout this tutorial you will be asked to write code that is running live right here on this page! Everything is running client-side directly in your browser by your own machine. Use this page to get familiar with the interfaces, try changing some of the code to see live previews. The code running on this page is an example application of a complete visualization made using anu. By the end of this tutorial you will learn how to create an application just like this, and hopefully have the knowledge to go even further!