Faze
v2.0.0-pre
v2.0.0-pre
  • Introduction
  • Getting Started
  • Abstractions
    • IPipeline
    • IGameState
    • IPlayer
    • Rendering
      • ITreePainter
      • IPaintedTreeRenderer
      • IColorInterpolator
  • Engine
    • Agents
  • Rendering
    • Tree Renderers
      • SquareTreeRenderer
      • SliceAndDiceTreeRenderer
    • Color Interpolators
  • Concept
    • Tree Rendering
    • Real-time Rendering
  • Blog
    • Visualising games as fractals
    • Visualising player choice
  • Examples
    • 8 Queens Problem
    • Chess Pieces
    • Gallery
  • Research
    • Renderers
      • Square Tree Renderer
      • Circle Edge Renderer
      • Compressed Square Tree Renderer
  • GitHub Repository
Powered by GitBook
On this page
  • Introduction
  • Types of visualisation

Was this helpful?

  1. Concept

Tree Rendering

PreviousColor InterpolatorsNextReal-time Rendering

Last updated 3 years ago

Was this helpful?

Introduction

The goal of a Tree Renderer is to produce an image given some hierarchical data. These are already used in data visualisation in the form of . If you are unfamiliar with tree mapping, there are some great interactive examples on Observable:

Types of visualisation

You could come up with any visual representation you wanted. It could be as simple as printing the total number of nodes or it could even be 3D.

For the purposes of Faze, you would want to utilise all the space in the image and accessing any part of the tree by zooming in.

(circular treemaps)

Circle packing
Voronoi Treemaps
Dendrogram
Partition
Sunburst
tree mapping
LogoTreemap, CSVObservable