TreeMap Graphics

treemap -

General - TreeMap

The graph function of DataChain is accessible from the HandleData module. handleData-color

The number of graphics that can be created is not limited.

This function is used to present data sources in the form of a graph of type . Several types of graphs are available.

treemap.svg TreeMap

Like the other components, the TreeMap can be integrated into Tableaux de Bords.

A Treemap, (box map or proportional map) is a data visualization method. It allows you to view the information hierarchically in a tree structure. The data is organized in levels (here 3 possible levels). Each level is represented by a rectangle whose size represents the corresponding quantity.

Creation of a TreeMap type graph

List of existing graphics

The creation of a TreeMap chart (like all operations on presentations) is performed from the HandleData module. Logo HandleData

Step 1

  • Access HandleData module Logo HandleData

  • 1 Choose, in the left menu HandleData, the option Graphic associated with the icon. chart-line

Access to the list of graphics

Metadata

2nd step

  • 2 Click on the button New

  • A screen allows you to choose the type of graph you want. To create a TreeMap type graphic, choose the icon treemap.svg

  • Each graph has a metadata panel. Entering a label is required.

Metadata of a new graphic

Optional input areas allow for more description. An icon can thus be assigned to the metadata of a chart.

  • information It is advisable to save the metadata as soon as you enter it. Use the button Save button located in the right part of the top banner of the screen.

Tab - Data Sources

Step 3

  • At least one data source is required to create a chart. Use the btn-ajouter-source.svg[add a source] icon to access the list of available sources (cf DataBlocks documentation).

  • information Proposed sources are related to current user’s rights

  • information It is possible to integrate, on the fly, a file with a separator. To do this, use the Rapid Integration function via the icon Rapid integration icon located in the top banner of the HandleData application.

1 Sources are powered by DataBlocks. It is possible, at the level of each source, to carry out operations making it possible to adapt, for a presentation, the blocks of original data by clicking on the icon Icone edit

2 Displays a succession of operations such as generation of formulas, filters, aggregations, sorting and modification of labels and types are available.

Source Operations Handle

Step 4

The list of available sources is presented in the form of a table. In the proposed list, choose one (or more) sources then double-click on the line or use the button Validate to assign the source to the graphic.

Choice of sources

1 Refreshes the list of available sources

2 Validates source assignment. It is necessary, before this operation, to choose a source by selecting arow in the sources table.

3 Return to the list of sources assigned to the graphic.

Warning Unlike TimeLines or Maps, only one source can be affected

Step 4 Bis (optional)

  • If necessary, the user can make changes to the chosen sources:

    • Added formulas creating new values

    • Generation of filters

    • Sorts

    • Aggregations

  • To do this, select one of the sources assigned to the current graph. Use the edit icon located at the end of the line (or click on the source label). Make the necessary changes. Save the changes using the Validate button then the Back button icon to return to the list of sources for the current graph.

Tab - Settings

General

General graphics parameters

  • Caption and titles

    • Title: Chart title

      • Font: Font used for the chart title

      • Color: Chart title color

      • Size: Chart title font size

    • Subtitle: Chart subtitle

      • Font: Character font used for the graph subtitle

      • Color: Chart subtitle color

      • Size: Chart subtitle font size

    • Palette: Color palette associated with the chart

    • Caption: Indicates whether the caption is visible or not

      • Frame: Indicates the presence of a frame around the legend

      • Position: Indicates the position of the legend

        • either inside the graph (inside)

        • either outside the graph (Outside)

      • Orientation: Indicates the orientation of the legend

        • is horizontal

        • is vertical

      • Vertical alignment: Specifies the location of the legend, top (Top), bottom (Bottom) or centered (Center)

      • Horizontal alignment: Specifies the location of the legend, to the right (Right), to the left (Left) or centered (Center)

    • Zoom: Indicates whether the zoom is active or inactive

    • Scroll: Specifies whether the scroll is active or inactive

    • Export: Indicates whether the panel for exporting the graph is active (or inactive) Possible exports are: PNG, JPEG, PDF, SVG and print module

    • Inverted: Rotates the graph by 90°.

    • Tooltip: Allows to define the content of the tooltip. All the columns of the source can be integrated into it.

Presentation Settings TreeMap

param_treemap

  • Level 1: Column of the source containing the values ​​of level 1

  • Level 2: Source column containing level 2 values ​​(Optional)

  • Level 3: Source column containing level 3 values ​​(Optional)

  • Value: column of the source containing the values ​​used to calculate the proportion of areas of each segment.

  • Mode: Type of color representation.

  • Colors: Specifies the colors that will be applied to the TreeMap. Two colors must be specified:

    • Color assigned to start of gradient

    • Color assigned to the end of the gradient

  • Scale: Zone is used to enter a Hexadecimal color code sequence. Color codes must be separated by a comma. Allows you to define a color panel defining the gradient.

  • Interactive Enables (or Disables) the interactivity option. If the option is activated, then it is possible to drill between levels.

Tab - Visualization

Allows viewing of the TreeMap taking into account all the parameters specified in the settings screen.

TreeMap visualization

Editing a DataChain chart

  • Module HandleData Logo HandleData

  • Chart menu Icone Chart line

  • At the level of the list of graphics, search for the graphic. it is possible to use the search and sort functions present at the level of each column.

  • Select line

  • Click on the graph label or on the edit icon at the end of the line

Removed one graphic

  • HandleData module. Chart Menu Icone Chart line

  • At the level of the list of graphics, search for the graphic to be deleted. it is possible to use the search and sort functions present at the level of each column.

  • Select line

    • Option 1: Use the button icon suppression at the end of the line and confirm the action.

    • Option 2:

      • Click on the graphic label or on the edit icon at the end of the line.

      • Once in Graphic editing, click on the Delete button and confirm the action

Quick Reference

Creation of a TreeMap type graphic treemap.svg

Steps Objective Stock Landmarks

1

Access to the HandleData module

Click on Chart icon

Icon Chart

2

New Chart

Click on New icon

New

3

Choose a Pie chart or Doughnet chart type

Click on the icon

treemap.svg

4

The metadata

Enter information

Description Required

5

Assigning a source

Click on New source icon

Add source

6

Chart settings

Click on the Settings tab

7

Visualization of the graph

Click on the Visualization tab