WebGL notes

WebGL supports hardware-accelerated (i.e. GPU-based) 3D graphics in the browser, with a very similar interface and comparable performance to desktop-based rendering in OpenGL/OpenGLES.

Recommended version: WebGL2

• Supports 3D textures, VAO, non-power-of-2 textures, depth textures, multiple draw buffers, instancing, ..., i.e. mostly equivalent to Desktop OpenGL 3.2
• Supported on all Chromes, Firefox, and can be enabled on some others
  • Does your browser support WebGL2?

Learning resources:

• WebGL2 fundamentals
• WebGL fundamentals -- for WebGL1

Here's a minimal sample

WebGL itself is somewhat low-level, and often fiddly to use (and hard to debug); for this reason many projects use higher-level "wrapper" libraries such as Three.js, Bablyon.js, ReactVR, A-Frame etc.

Three.js