Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Tree data structures are hierarchical. Each node has a parent nodes.  In the example below, "Pet" is the parent of "Cat," "Dog," and "Rabbit". "Cat" is the parent of "Domestic Shorthair" and "Siamese." "Pet" is also the root note, since it has no parent.

Example of tree data structure.

 

 

 

 

 

 

 

 

 

 

Each row in the Tree Map data spreadsheet represents a node on the tree. 

 

Anchor
data-sheet
data-sheet

 Column 1Column 2Column 3Column 4
Data Typeplain textplain textnumbernumber
Contents

The name of the node.

The name of the node's parent.

Note:

  • If this is the first node on the tree (called the root), leave this cell blank
  • This name must match the entry in the first column of the row that defines the parent node

A value for the node.

Note:

  • This determines the size of the node relative to the other nodes.

A second value for the node.

Note:

  • This determines the color of the node relative to the other nodes.
Optional   x

...

NodeParent
Pet 
CatPet
DogPet
RabbitPet
Domestic ShorthairCat
SiameseCat
CorgiDog
Great DaneDog
LabradorDog

Customization Options

Table of Contents
minLevel5

...

Go to Common Customization Options for more settings.

Font family

sets the typeface font for the text in on your chart

  • Type the name of your the font family in the field
  • Use web-safe fonts: these fonts are installed on most browsers
  • Web-safe fonts include Arial, Arial Black, Courier New, Tahoma, Times New Roman, Verdana, and others 

...

Header highlight color

sets the color a of text header will be when a user hovers over itheaders when you hover over them

  • Click the colored square to choose your color
  • Learn more about choosing colors

...

sets the highest values for your chart's color scale

  • Type in a value (numbernumeric
  • Nodes with values greater or equal to this number have the maximum color
  • Set node values in column 4 of the data spreadsheet
Max levels

sets the number of node levels you want your chart to show at the same time

...

  • All values greater than this will be trimmed to this value
  •  If set to null or "auto," the value will be set to the max value in the column
No value highlight color

highlights areas of the chart without values 

choose to have sections of the chart with no color be highlighted in a color when you hover the mouse over them

  • Click the colored square to choose your color
  • Learn more about choosing colors
Show tooltips?

choose whether you want to show tooltips- the text that appears displays a text tooltip when you hover over a node

...