A biblioteca de componentes do Looker permite que os aplicativos aproveitem os elementos de design, os padrões de IU e as visualizações de dados do Looker, tudo isso por meio da interface de componentes do React. Alguns exemplos de componentes incluem formulários, botões, entradas de filtro, controles de paginação, layouts, gráficos de linhas, gráficos de barras, gráficos de dispersão, tabelas e muito mais.
Embora o rápido tempo de retorno do investimento seja um dos pontos fortes dos componentes, o destaque deles é possibilitar experiências mais integradas entre o Looker e aplicativos personalizados.
Veja alguns casos de uso comuns:
- Criar uma IU semelhante ao Looker, como a navegação por páginas, em uma extensão do Looker
- Criar uma IU semelhante ao Looker, como filtros do painel, em torno do conteúdo do Looker incorporado.
- Uma visualização individual mais leve em um aplicativo de análise incorporado sem a experiência completa de um iframe incorporado.
Como usar componentes
Sendo componentes do React, os componentes do Looker são publicados no NPM e podem ser adicionados facilmente ao seu aplicativo JavaScript ou TypeScript de front-end usando o NPM.
Pacotes separados de NPM estão disponíveis para componentes da IU, componentes de filtro e componentes de visualização.
Faça um teste
Quer ver os componentes do Looker em ação antes de escrever um código? Essas demonstrações e sandboxes podem ajudar:
- Referência interativa de componentes: uma lista de todos os componentes do Looker além dos componentes de visualização
- Playground de componentes de visualização: escolha interativamente entre as opções de visualização disponíveis e veja a visualização renderizada no aplicativo de playground, sem incorporação
- Atom Fashion: um aplicativo da Web de demonstração baseado em dados criado com componentes do Looker (é necessário fazer login na Conta do Google)
Como começar
Comece a usar os componentes da IU do Looker Comece a usar os componentes do Looker Comece a usar os componentes de visualização do Looker