Wow 3D Map

100%

✓ Published0🌍 Public

Last edited Oct 22, 2019

Created on Oct 21, 2019

A 3D terrain map of Azeroth renders mountains and valleys as an interactive WebGL scene using Three.js. The terrain elevation comes from a PNG heightmap texture, which is converted into a custom shader material that blends multiple textures based on height. D3 loads the heightmap data via CSV. Users can orbit, zoom, and pan the scene with Three.js OrbitControls, which also supports auto-rotation animation.

AI-generated description

A 3D scatter plot using Three.js and D3.

This variant uses the high pixel density Canvas technique described in Scaling HTML canvases for HiDPI screens.

MIT Licensed

Similar vizzes

Loading thumbnail…

Wow 3D Map

This interactive 3D map displays World of Warcraft terrain, reconstructing the game’s continent of Azeroth from heightmap data loaded via d3.csv. Three.js renders the scene with WebGL, using custom vertex and fragment shaders to displace geometry based on grayscale height values and apply texture blending across elevation bands. D3 facilitates data parsing, while OrbitControls enables camera rotation, zoom, and panning. The map supports multiple pre-defined regional textures, offering a stylized, game-inspired visualization of the world’s topography.

Mmeperezcuello

93% match

Loading thumbnail…

Wow 3D Map

A 3D terrain map of a game world is rendered as an interactive, rotating surface. A heightmap drives vertex displacement, with multiple textures such as ocean, sand, grass, rock, and snow blended via a custom GLSL shader based on elevation. The visualization uses Three.js with WebGL rendering, OrbitControls for camera navigation, and D3 for CSV data loading. The scene includes a point light, a semi-transparent water plane, and a checkerboard ground, all presented at five times standard pixel density for clarity on high-DPI displays.

Mmeperezcuello

89% match

Loading thumbnail…

Wow 3D Map

An interactive 3D terrain map of the World of Warcraft game world, rendered with Three.js, shows player connection counts per zone as animated pie charts via sprites. The terrain is generated from a heightmap image processed through custom vertex and fragment shaders that apply textured layers. D3 handles data aggregation from a CSV of player sessions, with sprite textures drawn on canvas and updated to reflect counts by character class. OrbitControls enable camera navigation.

Mmeperezcuello

89% match

Loading thumbnail…

Wow 3D Map

A 3D terrain map of the World of Warcraft game world visualizes player connection data per zone using animated pie chart sprites. Interactive Three.js rendering with WebGL displays the heightmap-generated landscape, while D3 pie layouts draw sector proportions onto canvas textures applied as sprites. The visualization uses OrbitControls for camera navigation and a custom fragment shader for texturing the terrain mesh, with player data loaded from CSV.

Mmeperezcuello

89% match

Loading thumbnail…

Wow 3D Map

A 3D topographic map of the World of Warcraft game world displays player activity per zone, rendered with Three.js. Animated pie sprites overlay the terrain to show the class distribution of connected players for each hour, based on the Avatar History Dataset. The terrain itself is generated from a heightmap texture and colored with custom shaders that blend textures using D3 and WebGL.

Mmeperezcuello

88% match

Loading thumbnail…

Wow 3D Map

This interactive 3D map visualizes the World of Warcraft game world, showing player activity patterns across different zones and time periods. The terrain is rendered using Three.js with custom shaders that blend multiple textures based on heightmap data, creating a realistic landscape. D3 pie charts are generated as sprites and positioned over each zone to display the distribution of player characters by class at specific hours. The visualization uses the Three.js OrbitControls for camera navigation and pulls data from a CSV file containing player connection timestamps, allowing users to explore how player populations shift throughout the day.

Mmeperezcuello

86% match

Loading thumbnail…

Wow 3D Map

This example visualizes a 3D map of the World of Warcraft game world, encoding player connection patterns by zone. It combines a custom Three.js terrain generated from an image heightmap with D3.js-driven pie charts, which are positioned over the map to show the number of connected players per hour. The terrain uses a custom fragment and vertex shader for texture blending, while the pie sprites are rendered via canvas and mapped onto Three.js sprites. Data is sourced from a CSV file, and the visualization includes interactive orbit controls for camera navigation.

Mmeperezcuello

85% match

Loading thumbnail…

Wow 3D Map

A 3D map of the World of Warcraft game world displays terrain and player activity across zones. Pie charts overlay the map at zone locations, showing the distribution of character classes among players connected at specific hours. The visualization uses Three.js for WebGL rendering of a terrain mesh from a heightmap image and D3 for pie-chart generation. Player data from an avatar history CSV is aggregated by time and zone, with interactive orbit controls allowing exploration.

Mmeperezcuello

85% match