Como usar a interface moderna

Com temas de visualização e estilos de painel modernos, você pode criar gráficos limpos e profissionais e painéis simplificados com maior densidade de dados. Ao aplicar tipografia atualizada, hierarquia de cores intencional e layouts adaptáveis, o estilo moderno melhora a legibilidade dos dados e oferece uma experiência de visualização e edição coesa.

Para usar essas opções de estilo, um administrador precisa ativar o recurso de pré-lançamento da interface moderna do usuário na página Visualizar do painel de administração. Esse recurso de pré-lançamento é compatível com todos os tipos de implantação do Looker, incluindo o Looker (original) e o Looker (Google Cloud Core).

Quando ativado, o recurso de pré-lançamento da interface moderna do usuário apresenta as seguintes configurações e atualizações:

  • Visualizações modernas: a configuração Tema de visualização para gráficos do Looker permite que os usuários escolham um novo tema de visualização moderno para gráficos do Looker.
  • Painéis modernos: a configuração Estilo do painel permite que os usuários escolham um novo estilo moderno para os painéis do Looker.

Visualizações modernas

Quando o recurso de pré-lançamento da interface moderna do usuário está ativado, você pode usar a configuração Tema de visualização para selecionar temas de visualização modernos ou clássicos para seus gráficos do Looker. A escolha do tema de visualização Moderno ajuda a criar gráficos limpos, legíveis e profissionais com uma aparência clara e moderna.

A imagem a seguir mostra uma comparação entre os temas de visualização moderno e clássico.

Tipos de gráficos compatíveis

Durante o lançamento da prévia, o tema de visualização moderno oferece suporte aos tipos de gráficos integrados mais populares do Looker:

Todos os outros tipos de gráficos (como caixa de bigodes, funil, mapas, dispersão, tabela (legado), linha do tempo e cascata) não são compatíveis com o tema de visualização moderno. Se um Look ou uma análise detalhada usar um tipo de gráfico sem suporte, a configuração Tema de visualização não vai aparecer no menu de edição.

Como os temas de visualização moderno e clássico são diferentes

O tema de visualização moderno foi projetado para otimizar o layout, a tipografia, as cores e os comportamentos interativos do gráfico.

A tabela a seguir descreve como as visualizações que usam o tema moderno são diferentes daquelas que usam o estilo clássico.

Elemento visual Tema de visualização clássico Tema de visualização moderno
Tipografia
  • Usa uma única fonte uniforme (como Roboto Regular) para todos os elementos do gráfico.
  • Todo o texto do gráfico, incluindo títulos e valores, compartilha a mesma cor escura.
  • Os rótulos nos eixos geralmente giram na diagonal ou são exibidos com reticências (...) para caber no espaço.
  • Google Sans:aplicado a títulos, cabeçalhos e legendas usando peso intencional e gradação de cores para uma hierarquia clara.
  • Texto do Google Sans:aplicado a rótulos e eixos menores para legibilidade.
  • Valores monoespaçados:os números ao longo dos eixos do gráfico usam uma fonte monoespaçada para manter o alinhamento vertical limpo.
  • Escalonamento adaptável:os rótulos são redimensionados dinamicamente e evitam rotações diagonais ou verticais sempre que possível.
Cores padrão
  • O padrão é a coleção de cores Shoreline color collection para novos gráficos.
  • Quando a configuração de administrador Cores de visualização padrão é definida como uma coleção de cores diferente da padrão (ou seja, definida como uma coleção de cores diferente de Shoreline), essa configuração substitui a coleção de cores Shoreline em novos gráficos.
  • A coleção de cores moderna não está disponível para gráficos quando o tema de visualização clássico está selecionado.
  • O padrão é a coleção de cores Modern para novos gráficos.
  • Quando a configuração de administrador Cores de visualização padrão é definida como uma coleção de cores diferente da padrão (ou seja, definida como uma coleção de cores diferente de Shoreline), essa configuração substitui a coleção de cores moderna em novos gráficos.
  • Resolve e aplica automaticamente o tipo de paleta ideal (categórica, sequencial ou divergente) com base nos dados da consulta.
Gráficos cartesianos (barras, colunas, linhas, áreas)
  • As linhas de grade e de eixo são altamente visíveis (cinza-escuro).
  • As colunas e barras são renderizadas com cantos nítidos de 90 graus.
  • As linhas de grade e de eixo são silenciadas com uma cor mais clara e suave para concentrar a atenção nos dados.
  • As colunas e barras são renderizadas com bordas externas arredondadas (raio de canto de 4 px).
  • O espaçamento entre colunas e barras é expandido para manter uma separação clara entre os segmentos.
Gráficos de pizza e de rosca
  • As fatias são renderizadas com cantos nítidos e ficam niveladas umas contra as outras.
  • As fatias têm bordas externas arredondadas e espaçamento sutil entre elas.
  • Os rótulos de legenda mostram valores, porcentagens ou ambos lado a lado.
Gráficos de valor único
  • Espaçamento padronizado que pode ser reduzir escalonamento horizontal maneiras inesperadas.
  • Preenchimento generoso e alturas de linha ajustadas para garantir que títulos, valores e rótulos de comparação sejam separados e possam ser verificados.
Interações e dicas de ferramentas
  • Ações básicas de passar o cursor sem movimento dinâmico.
  • As dicas de ferramentas têm cantos nítidos e planos de fundo cinza padrão.
  • Manter o ponteiro sobre ou selecionar fatias de pizza faz com que elas se expandam sutilmente ("inchem") e se separem do gráfico.
  • Manter o ponteiro sobre um gráfico de linhas engrossa ligeiramente essa linha específica, enquanto as outras são esmaecidas.
  • As dicas de ferramentas têm cantos arredondados, espaçamento refinado e planos de fundo mais escuros para alto contraste. Oferece suporte a telas sensíveis ao toque e dispositivos móveis.
  • A lógica de filtragem cruzada do painel e os comportamentos de detalhamento permanecem inalterados.

A coleção de cores moderna

Se o recurso de pré-lançamento da interface moderna do usuário estiver ativado, a coleção de cores moderna vai aparecer como uma opção para a configuração Cores de visualização padrão. Mesmo que você não selecione a coleção de cores moderna para essa configuração, se você selecionar o tema de visualização moderno para uma visualização, ele vai usar a coleção de cores moderna por padrão.

A coleção de cores moderna foi desenvolvida com os seguintes objetivos:

  • Garantir contraste suficiente entre elementos e planos de fundo do gráfico para visibilidade e acessibilidade.
  • Usar uma sequência de cores diferenciável (com contraste visual distinto) para pessoas com deficiências de visão de cores.
  • Evitar distrações e manter o foco nos dados, reduzindo a intensidade da paleta de cores.

Como ativar o tema de visualização moderno (para administradores)

Para disponibilizar o tema de visualização moderno em uma instância, um administrador do Looker precisa ativar o recurso de pré-lançamento da interface moderna do usuário na página Visualizar do painel de administração. O recurso de pré-lançamento fica desativado por padrão.

Quando o recurso Interface moderna do usuário está ativado, o tema moderno se torna o tema padrão para novos gráficos de consulta. No entanto, os gráficos criados antes da ativação do recurso Interface moderna do usuário não adotam automaticamente o tema moderno.

Se você quiser definir a coleção de cores do tema moderno como a paleta padrão para todas as novas visualizações no Looker, incluindo visualizações que não oferecem suporte a temas de visualização, selecione-a na configuração Cores de visualização padrão na página Configurações do painel de administração depois que o recurso de pré-lançamento da interface moderna do usuário estiver ativado. Essa configuração ativa apenas as paletas de cores, não os outros recursos do tema moderno. Se você ativar o recurso Interface moderna do usuário e quiser que novas visualizações de todos os tipos de gráficos usem as mesmas cores de visualização padrão, selecione Moderno para essa configuração.

Como escolher temas para gráficos individuais

Para definir um tema de visualização para um gráfico, você precisa ter as permissões adequadas e usar as configurações do gráfico.

Permissões do usuário

Para usar e salvar visualizações com o tema de visualização moderno, você precisa ter as seguintes permissões do Looker:

  • Para configurar estilos modernos em análises detalhadas: os usuários precisam ter a permissão explore para os modelos relevantes.
  • Para salvar estilos de visualização modernos em Looks individuais: os usuários precisam ter as permissões explore, save_content e save_looks. Os usuários também precisam ter o nível de acesso Gerenciar acesso, editar para todos os Looks que quiserem editar.

Configurações do gráfico

Quando o recurso Interface moderna do usuário está ativado, você pode mudar o tema de visualização seguindo estas etapas:

Gráficos de tabela

Para gráficos de tabela, você pode escolher qual tema de visualização quer aplicar fazendo uma seleção no campo Tema da tabela.

  1. Se você estiver visualizando um Look, clique no botão Editar para editar o Look.
  2. Em um Look ou uma análise detalhada, na guia Visualização, clique em Editar para abrir o menu de edição.
  3. Navegue até a guia Plotagem do menu de edição.
  4. No campo suspenso Tema da tabela, selecione Moderno ou um dos outros temas de tabela. A visualização é atualizada para mostrar o tema escolhido.
  5. Depois de selecionar o tema preferido, você pode salvar a visualização como um Look ou adicioná-la a um painel. A seleção de tema é salva como parte da configuração da visualização.

Outros gráficos

Para gráficos de colunas, barras, linhas, áreas, pizza, rosca múltiplos ou de valor único, você pode escolher qual tema de visualização quer aplicar fazendo uma seleção no campo Tema de visualização.

  1. Se você estiver visualizando um Look, clique no botão Editar para editar o Look.
  2. Em um Look ou uma análise detalhada, na guia Visualização, clique em Editar para abrir o menu de edição.
  3. Navegue até a guia Plotagem do menu de edição.
  4. No campo suspenso Tema de visualização, selecione Moderno ou Clássico. A visualização é atualizada para mostrar o tema escolhido.
  5. Depois de selecionar o tema preferido, você pode salvar a visualização como um Look ou adicioná-la a um painel. A seleção de tema é salva como parte da configuração da visualização.

Blocos do dashboard

  1. Coloque o painel no modo de edição.
  2. Abra a janela Editar blocodo bloco.
  3. Na guia Visualização, clique em Editar para abrir o menu de edição.
  4. Navegue até a guia Plotagem do menu de edição.
  5. No campo suspenso Tema de visualização, selecione Moderno ou Clássico. A visualização é atualizada para mostrar o tema escolhido.
  6. Depois de selecionar o tema preferido, você pode salvar a mudança clicando em Salvar na janela Editar bloco e, em seguida, em Salvar no painel.

Elementos do painel do LookML

Os temas moderno e clássico podem ser usados em elementos do dashboard do LookML para os tipos de gráficos compatíveis.

Para usar temas, use o parâmetro modern2026 e defina-o como true para o tema moderno ou false para o tema clássico.

Para aplicar a coleção de cores moderna a um elemento do dashboard, use o parâmetro collection_id e defina-o como looker_2026.

Retenção de estilo personalizado

Quando você aplica o tema de visualização moderno a uma análise detalhada ou Look atual, o Looker atualiza os estilos subjacentes da visualização sem descartar as configurações personalizadas. Todas as opções de formatação personalizadas que você salvou explicitamente têm prioridade sobre os novos padrões de tema.

  • Estilos personalizados (preservados): se você personalizou manualmente propriedades de formatação específicas (como inserir códigos de cores personalizados, ajustar os limites do eixo para números específicos ou definir manualmente nomes de séries de gráficos), o Looker preserva essas substituições exatamente como estão. Suas opções personalizadas não serão substituídas pelo tema moderno.
  • Propriedades não modificadas (atualizadas): todas as configurações de estilo que você não modificou (propriedades deixadas nos estados padrão) são atualizadas automaticamente para o estilo do tema moderno , como as novas fontes, linhas de grade silenciadas e cantos arredondados.

Por exemplo, se você tiver um gráfico de colunas de tema clássico em que personalizou as cores das colunas para corresponder à marca da sua empresa, a mudança para o tema moderno preservará essas cores específicas da marca. No entanto, as fontes, o estilo da linha de grade e os cantos das colunas do gráfico ainda serão atualizados automaticamente para o estilo moderno.

Como redefinir para os padrões

Se você quiser aplicar completamente o tema moderno a uma visualização que contém estilos personalizados, poderá redefinir as propriedades personalizadas para os estados padrão:

  1. Em um Look ou painel, entre no modo de edição da visualização.
  2. No menu Editar, localize as propriedades que você quer redefinir (como seleções de cores personalizadas ou tamanhos de fontes).
  3. Limpe os valores personalizados ou selecione as configurações padrão para remover a substituição. As propriedades vão herdar imediatamente os padrões do tema moderno.

Limitações conhecidas

Enquanto o tema de visualização moderno estiver em pré-lançamento, as seguintes limitações estarão presentes:

  • O tema moderno está disponível apenas para os tipos de gráficos listados na seção Tipos de gráficos compatíveis. Todas as outras visualizações integradas do Looker, incluindo mapas, serão renderizadas usando o tema clássico.
  • O tema de visualização moderno se aplica apenas às visualizações integradas do Looker. Ele não afeta visualizações personalizadas desenvolvidas usando o framework de extensões do Looker ou instaladas no Marketplace do Looker.
  • Os temas de visualização não podem ser editados programaticamente pela API Looker ou pelo SDK Embed.

Painéis modernos

Quando o recurso de pré-lançamento da interface moderna do usuário está ativado, os novos painéis usam o estilo de painel moderno por padrão. O uso do estilo de painel moderno cria painéis com uma aparência moderna e simplificada e ênfase na densidade de dados. Como alternativa, você pode usar o estilo de painel clássico pré-existente do Looker. Use a configuração Estilo do painel para selecionar estilos de painel modernos ou clássicos para seus painéis.

O uso do estilo de painel moderno não atualiza automaticamente os gráficos no painel para o tema de visualização moderno. Para usar o tema de visualização moderno em blocos do painel, é necessário entrar no modo de edição do painel e editar cada bloco que usa um tipo de gráfico compatível para usar o tema de visualização moderno.

A imagem a seguir mostra um exemplo de um painel que usa o estilo de painel moderno com blocos que usam o tema de visualização moderno.

O estilo de painel clássico é mostrado na documentação Visualizar painéis.

Como os estilos de painel moderno e clássico são diferentes

O estilo de painel moderno foi projetado para melhorar a densidade de dados e oferecer uma experiência de edição mais precisa e coesa.

A tabela a seguir descreve como os painéis que usam o estilo moderno são diferentes do estilo clássico.

Elemento Estilo de painel clássico Estilo de painel moderno
Layout e densidade
  • Usa um layout de grade padrão com espaçamento maior entre os blocos.
  • Design de alta densidade:interface simplificada que reduz a desordem visual e se concentra nos dados.
Aparência
  • Apresenta elementos da interface do usuário e estilo de navegação legados do Looker.
  • Estética moderna:um design limpo alinhado aos padrões de design do Google.
  • Navegação atualizada: barras de navegação superior e esquerda atualizadas para uma experiência coesa com a nova experiência de análise detalhada.

Como ativar o estilo de painel moderno (para administradores)

Para disponibilizar o estilo de painel moderno em uma instância, um administrador do Looker precisa ativar o recurso de pré-lançamento da interface moderna do usuário na página Visualizar do painel de administração.

Os painéis criados antes da ativação do recurso Interface moderna do usuário mantêm o estilo de painel clássico, mas podem ser atualizados para o estilo moderno usando a configuração Estilo do painel. Os painéis criados após a ativação do recurso Interface moderna do usuário usam o estilo de painel moderno por padrão.

Como definir um estilo para painéis individuais

Para definir um estilo de painel, você precisa ter as permissões adequadas e usar o menu Configurações do painel.

Permissões do usuário

Para usar e salvar painéis com o estilo moderno, os usuários precisam ter a permissão save_dashboards do Looker. Os usuários também precisam ter o nível de acesso Gerenciar acesso, editar para todos os painéis que quiserem editar.

A configuração "Estilo do painel"

Quando o recurso Interface moderna do usuário está ativado, o estilo de painel moderno é o padrão para novos painéis. Você pode definir o estilo do painel para painéis novos ou pré-existentes seguindo estas etapas:

Painel definido pelo usuário

  1. Coloque o painel no modo de edição.
  2. Abra o menu Configurações do painel.
  3. Na guia Geral do menu Configurações, use a configuração Estilo do painel para selecionar o estilo de painel Moderno ou Clássico nas opções suspensas. O painel é atualizado para mostrar o estilo selecionado.
  4. Clique em Salvar no menu Configurações.
  5. Clique em Salvar no painel para aplicar o estilo selecionado.

Painel do LookML

Para usar o estilo de painel moderno, defina o parâmetro style do painel como modern. Para usar o estilo de painel clássico, defina o parâmetro style do painel como classic.

Painéis incorporados

Para painéis incorporados que usam temas incorporados, alguns estilos modernos serão diferentes dos estilos em painéis não incorporados. Recomendamos usar o estilo de painel clássico para painéis incorporados que usam temas incorporados.

Qual é a próxima etapa?