Wow 3D Map

100%

✓ Published1🌍 Public

Last edited Oct 24, 2019

Created on Oct 23, 2019

This visualization presents a three-dimensional map of the World of Warcraft game world, with each zone overlaid by a pie chart showing the distribution of player character classes. The pie charts use d3.arc and d3.pie to draw the segments onto canvas textures, which are then mapped onto sprites and positioned within the 3D scene. The terrain mesh is generated using Three.js with custom vertex and fragment shaders that displace vertices based on a heightmap image. Player connection data from a CSV file is filtered by timestamp and zone to drive the chart values.

AI-generated description

this visualization shows WOW Playing map in order to visualize the data from Avatar History Dataset. To answer the question of How many Players are connected every single hour?, in order to find possible pattern in the playing time. However, to anwser this question it was required to perfom some data manipulation: such as Converting DAte and Time FOrmat in to Only Hours (Numerical), since the data is depicted per hourse over 12 hours. Finally, the data was that by the Player Id and Time, to obtain the Total Numbers of Players that were connected at which particular hour.

Design using Three.js and D3.

MIT Licensed

Similar vizzes

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

96% 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

96% 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

95% match

Loading thumbnail…

Wow 3D Map

This interactive visualization displays World of Warcraft’s game map in 3D, using player count data per hour per zone to generate pie charts overlaid on terrain. The map is rendered with Three.js, using custom shaders for textured terrain and sprites for each zone’s pie chart. Data from a CSV file is processed with d3.csv and d3.pie, while OrbitControls enable navigation and D3’s arc generator draws the charts onto canvas textures.

Mmeperezcuello

95% 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

95% 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

94% 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

93% match

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

87% match