Skip to main content
100%

Isometric Word Cloud

✓ Published0🌍 Public
WWeikerWT
Last edited Jun 22, 2018
Created on Jun 22, 2018

This isometric word cloud displays a set of words as floating 3D blocks, rendered in SVG using a custom projection that maps 3D coordinates to 2D isometric space. The visualization combines a treemap layout with D3's zoom behavior, allowing users to pan and zoom into the scene. Each block is a parallelepiped with distinct faces shaded using HSL color variations, and words are placed on the top face, rotated and scaled to fit. The treemap determines the size and position of each word block based on its assigned area value. An isometric projection function converts 3D coordinates to 2D for rendering, and the blocks are sorted by height to create a visually stacked effect. Users can interact with the visualization through geometric zooming, scaling from 1x to 10x, and panning. The color scheme uses a categorical palette, with darker shades for the right faces and lighter shades for the top faces to enhance depth perception. Text labels are dynamically sized and rotated to fit the projected faces, providing a clean 3D word-cloud aesthetic.

AI-generated description

A mix of isometric and word cloud "treemaps".

forked from <a href='http://bl.ocks.org/nitaku/'>nitaku</a>'s block: <a href='http://bl.ocks.org/nitaku/6210bd80bdd20181e1f4'>Isometric word cloud</a>

mit Licensed

Similar vizzes