Interactive Hierarchical Chart Legend with Collapsible Tree

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Displaying hierarchical data with multiple levels in charts is inefficient due to the lack of flexibility in viewing the full data hierarchy without wasting screen space, and users cannot easily view data on specific nodes of the tree structure.

Innovation Solution

A method and computer system that generate an interactive hierarchical chart legend in a collapsible tree list format, allowing users to view the data hierarchy in full or on specific nodes, while conserving screen space by using a legend independent of the chart visualization, which can be used with various chart types such as stacked area charts.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Loss of information

If the full data hierarchy is displayed in the chart, then complete data visibility is achieved, but screen space is wasted

Engineering Contradiction:
Improvedata visibilityVSAvoidscreen space
Core Design Contradiction:
Loss of informationVSArea of stationary object

Solution Approach 1:

The data hierarchy display is segmented into two independent components: a compact collapsible tree legend and a chart visualization area. The legend contains the full hierarchical data structure in a space-efficient format, while the chart displays visualized data for selected nodes only, allowing users to access complete data information without requiring the chart area to display all hierarchy levels.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The solution moves the full data hierarchy display from the two-dimensional chart space to a one-dimensional collapsible tree legend structure. This dimensional transformation allows the complete data hierarchy to be presented in a compact vertical list format that consumes minimal screen space while remaining fully accessible to users.

Inventive Principle:
Principle #17Another dimension (Dimensionality change)

2Loss of information

If the chart displays all levels of the hierarchy, then complete data context is provided, but the chart becomes cluttered and difficult to read

Engineering Contradiction:
Improvedata contextVSAvoidchart readability
Core Design Contradiction:
Loss of informationVSEase of operation

Solution Approach 1:

A collapsible tree legend acts as an intermediary between the user and the chart visualization. This intermediate structure provides the full data hierarchy context in a compact, organized format, allowing users to selectively expand or collapse nodes to view data at different levels of detail without affecting the clarity of the main chart visualization.

Inventive Principle:
Principle #24Intermediary (Mediator)

3Loss of information

If the legend is integrated into the chart, then data context is preserved, but screen space efficiency is reduced

Engineering Contradiction:
Improvedata contextVSAvoidscreen space
Core Design Contradiction:
Loss of informationVSArea of stationary object

Solution Approach 1:

The legend is segmented from the chart visualization and positioned as an independent, collapsible tree structure. This separation allows the legend to be optimized for space efficiency through collapsible nodes and compact formatting, while the chart maintains its visualization quality without being constrained by legend space requirements.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The legend is implemented as a dynamic, collapsible structure where nodes can be expanded or collapsed based on user interaction. This dynamic behavior allows the legend to adapt its displayed size and detail level, consuming minimal screen space when collapsed while providing full data context when needed, unlike static integrated legends that occupy fixed space.

Inventive Principle:
Principle #15Dynamics

Data Source

PatentUS10559105B2Implementing interactive hierarachical chart legend data display
Publication Date: 2020.02.11 INTERNATIONAL BUSINESS MACHINE CORPORATION
  • US10559105B2 patent drawing
  • US10559105B2 patent drawing
  • US10559105B2 patent drawing

AI summary

A method and computer system for implementing an enhanced interactive hierarchical chart legend and data displays with hierarchical data with multiple levels. A data hierarchy display chart visualization is generated. A legend associated with and independent of the display chart visualization is generated to display the data hierarchy in full as a tree structure. The legend is provided in a collapsible tree list format; and in response to a request, using the legend, a selected portion of the data hierarchy display chart visualization is displayed, showing the data hierarchy only on certain nodes of the tree structure.