Painéis

Painéis como espaços de trabalho visuais

Os painéis atuam como espaços de trabalho visuais versáteis onde você pode organizar e gerenciar diversas visualizações relacionadas aos seus projetos. Eles fornecem um ambiente dinâmico e interativo para explorar, analisar e apresentar dados de forma eficaz.

Estrutura de dados do painel

Para representar um painel em seu sistema, você pode usar a seguinte interface DashboardData:

type Layout = {
    i: string;
    x: number;
    y: number;
    w: number;
    h: number;
    minW: number;
    minH: number;
};

type DashboardData = {
    userId?: string;
    name: string;
    projectName: string;
    description?: string;
    createdAt?: Date;
    updatedAt?: Date;
    visualizations?: {
        [name: string]: string;
    } | VisualizationTypes.VisualizationType[];
    layouts?: Layout[];
};

type DashboardType =
    DashboardData &
    with_id &
    with_optional_version;

Atributos principais

• nome: Um identificador exclusivo para o painel.
• projectName: O nome do projeto associado para vinculação contextual.
• descrição: um campo opcional que fornece contexto ou detalhes adicionais sobre o painel.
• createdAt: O carimbo de data/hora que indica quando o painel foi criado.
• updatedAt: O carimbo de data/hora que mostra a última modificação do painel.
• visualizações: uma coleção de visualizações incluídas no painel, como pares de valores-chave ou como uma variedade de tipos de visualização.
• layouts: uma lista de configurações de layout que determinam a posição e o tamanho das visualizações no painel. Cada layout inclui:
  • i: Um identificador exclusivo para a visualização.
  • x, y: Coordenadas que representam a posição da visualização na grade.
  • w, h: A largura e a altura da visualização.
  • minW, minH: Restrições mínimas de largura e altura.

Recursos do painel

Os painéis permitem que os usuários:

• Arraste e solte visualizações para reorganizá-las na área de trabalho.
• Redimensione as visualizações para atender às necessidades específicas de dados.
• Mantenha vários layouts para atender a diferentes casos de uso ou públicos.

Ao oferecer essa flexibilidade, os painéis permitem que os usuários personalizem seus espaços de trabalho visuais de acordo com os requisitos do projeto.

Exemplo prático