Visualizações de dados DIY: forneça insights exclusivos de seus dados com Reveal BI

Vivemos em uma era em que os dados moldam as decisões em todos os setores. Embora as visualizações de dados tenham se tornado essenciais, nem todas as visualizações padrão atendem às necessidades de relatórios especializados.

Entre nas visualizações personalizadas DIY, um recurso transformador que temos o prazer de apresentar em nossa plataforma. Mergulhe para descobrir seus benefícios incomparáveis e como você pode criar relatórios exclusivos sem esforço.

Como você pode se beneficiar de visualizações personalizadas

Antes de nos aprofundarmos no como, vamos explorar os principais benefícios de criar suas próprias visualizações personalizadas:

Representação de dados personalizada

As visualizações personalizadas permitem que você retrate dados complexos em um formato facilmente digerível, garantindo o alinhamento com os requisitos do seu público. Esteja você lidando com dados demográficos de clientes, gerenciamento logístico da cadeia de suprimentos, dados financeiros ou apresentação a executivos, clientes ou colegas, você pode adaptar a visualização para se alinhar às necessidades deles.

Complexidade simplificada

Conjuntos de dados complexos geralmente contêm uma riqueza de insights de negócios importantes, mas geralmente são esmagadores quando apresentados em um formato bruto. As visualizações personalizadas simplificam sua complexidade destilando dados em visuais claros e intuitivos, destacando tendências, padrões e discrepâncias essenciais.

Relatórios Especializados

Nos setores de saúde, finanças e manufatura, relatórios especializados geralmente são necessários para atender aos padrões regulatórios ou necessidades comerciais específicas. Com os recursos de personalização do Reveal, você pode criar relatórios que atendam a esses requisitos sem comprometer a precisão ou a clareza dos dados.

Narrativa de dados eficaz

As visualizações são sobre contar uma história com seus dados; As visualizações personalizadas permitem que você crie histórias orientadas por dados altamente eficazes. Ao organizar elementos de dados e recursos visuais em uma narrativa, você pode orientar seu público por meio de um fluxo lógico de informações, levando os tomadores de decisão a insights acionáveis.

Experiência de usuário aprimorada

Uma visualização personalizada bem projetada permite que os usuários interajam com os dados de forma mais eficaz, obtendo insights mais profundos e uma melhor compreensão das informações subjacentes.

Visualizações personalizadas DIY com Reveal

Além Reveal, nossa ampla variedade de visualizações oferece uma gama versátil de recursos básicos de visualização. Isso abrange comparação de dados, análise parte a todo, distribuição de dados, análise de tendências, relacionamentos de dados, KPIs, medidores e visualização de dados geoespaciais. Você encontrará tipos comuns de gráficos de negócios, bem como opções especializadas, como mapas de árvore e gráficos de mapa de dispersão, entre nossas ofertas.

Mas isso não é tudo. Com nossa adição inovadora à plataforma, agora você pode assumir o controle dos tipos de gráficos disponíveis em seus painéis. Personalize a experiência para seus usuários eliminando quaisquer tipos de gráfico padrão que possam não atender às suas necessidades específicas. Crie grupos personalizados para organizar com eficiência os tipos de gráficos disponíveis, garantindo uma interface intuitiva e amigável.

Além disso, capacitamos você a integrar instantaneamente suas próprias visualizações personalizadas, completas com nomes e ícones exclusivos, com apenas quatro linhas de código. Esse recurso abre um universo de possibilidades para exibir seus dados de maneiras novas e empolgantes, atendendo às suas necessidades específicas.

Recursos de visualização personalizados do Reveal

• Marca & Tema: Combine perfeitamente a marca e o tema do seu aplicativo, garantindo que suas visualizações personalizadas se misturem harmoniosamente com a aparência geral do seu produto.
• Componentes personalizados: Você tem a liberdade de criar componentes personalizados que atendam às suas necessidades específicas, oferecendo infinitas possibilidades de apresentação e interatividade de dados.
• Filtragem do painel: Suas visualizações personalizadas participam perfeitamente da experiência de filtro do painel e podem ser filtradas e interagidas como qualquer outra visualização.
• Adicionar/editar funcionalidade: Você pode adicionar ou editar facilmente visualizações personalizadas em seus painéis e relatórios, facilitando o acesso e a interação dos usuários com eles.
• Opções de auto-hospedagem: Você pode hospedar suas visualizações personalizadas em seu aplicativo ou em qualquer endpoint desejado, fornecendo controle total sobre sua implantação.
• Experiência do usuário personalizada: Reveal permite que você forneça praticamente qualquer controle de interface do usuário ou biblioteca em suas visualizações personalizadas.

Como funciona Reveal visualização personalizada?

Em seguida, vamos explorar o processo de como as visualizações de dados personalizadas funcionam no Reveal, passo a passo, desde a adição do arquivo JavaScript da ponte Reveal até a aplicação de sua identidade visual e temas.

1. Controles personalizados: Tenha seus controles ou visualizações personalizados prontos. Eles podem ser baseados em qualquer estrutura de cliente, pois Reveal opera em uma biblioteca JavaScript do lado do cliente.

2. Inclua Reveal ponte: Adicione o arquivo JavaScript reveal.bridge.js ao seu projeto. Isso funciona como uma ponte entre o Reveal e suas visualizações personalizadas.

3. Faça referência à ponte: Certifique-se de fazer referência ao arquivo reveal.bridge.js em seu projeto em que você configurou suas visualizações personalizadas.

4. Atribuir dados: Em seu componente personalizado, você deve atribuir dados a quaisquer valores ou linhas que sua visualização espera. Quando os campos são arrastados no editor de Reveal, essa atribuição garante que a visualização personalizada use os dados de Reveal corretamente.

5. Integração com Reveal: A visualização personalizada se comportará de forma semelhante às visualizações nativas no Reveal. Ao adicionar uma nova visualização, você ainda estará usando o mesmo editor de visualização como se fosse um componente nativo. Isso inclui arrastar campos, a visualização aparecer no editor e salvá-la, e ela participará automaticamente da experiência de filtro do aplicativo.

6. Auto-hospedado: As visualizações personalizadas são auto-hospedadas, o que significa que elas podem estar onde você quiser. Isso pode estar no aplicativo cliente Reveal principal ou em outros pontos de extremidade.

7. Adicionar visualização personalizada ao seletor de gráficos: Ao adicionar essa visualização personalizada ao Seletor de gráficos no Reveal, você pode personalizar os pontos de extremidade em que as visualizações estão hospedadas.

8. Aplique temas e branding: Você pode combinar a marca e o tema do seu aplicativo, pois tem controle total sobre o Reveal temas e a identidade visual. Você pode aplicar o mesmo tema e identidade visual aos seus componentes personalizados.

Criando suas visualizações personalizadas

Com o recurso de visualizações personalizadas DIY do Reveal, você pode personalizar a experiência para seus usuários controlando os tipos de gráficos disponíveis em seus painéis. Essa personalização garante que seus dados sejam apresentados da maneira mais relevante para suas necessidades específicas. Veja como fazer isso em apenas algumas linhas de código:

1. Atualizar tipo de gráfico

Para atualizar um tipo de gráfico existente, você pode modificar facilmente suas propriedades, incluindo seu nome, ícone e agrupamento. Localize o tipo de gráfico na propriedade revealView.chartTypes e adicione estas quatro linhas de código:

var barConfig = revealView.chartTypes.find(x => x.chartType == 'BarChart');  
barConfig.title = 'My Cool Bar';  
barConfig.icon = 'https://help.revealbi.io/img/logo.png';  
barConfig.groups = ["Enterprise Visualizations", "HR", "Some Other Category"]; 

2.Remover tipo de gráfico

Se houver tipos de gráfico padrão que você não precisa, você pode removê-los sem esforço localizando o índice do item do tipo de gráfico que deseja remover e removê-lo da matriz chartTypes com este código:

var gridConfig = revealView.chartTypes.find(x => x.chartType == 'Grid');  
revealView.chartTypes.splice(revealView.chartTypes.indexOf(gridConfig), 1); 

3. Adicionar tipo de gráfico personalizado

Adicionar suas visualizações personalizadas como novos tipos de gráfico no menu suspenso Tipos de gráfico é a parte mais interessante. Isso abre um mundo de possibilidades para apresentar seus dados e leva apenas estas poucas linhas de código:

revealView.chartTypes.push({  
    title: "Custom Viz",  
    url: "https://host/customViz.html", //provide the url to your custom visualization  
    icon: "https://help.revealbi.io/img/logo.png",  
    groups: ["Custom Visualizations"]  
}); 

Tutorial em vídeo de visualizações personalizadas DIY

Veja por si mesmo como é fácil criar suas próprias visualizações exclusivas em nosso tutorial do vice-presidente sênior de ferramentas de desenvolvedores e especialista em análise de dados do Reveal, Jason Beres:

Introdução às visualizações personalizadas

Esperamos que você tenha gostado de aprender sobre visualizações personalizadas conosco. Você pode saber mais sobre nosso produto agendando um tour gratuito do produto para que possamos orientá-lo sobre os diferentes recursos e funcionalidades do Reveal. Como alternativa, você também pode baixar nosso SDK e experimentá-lo você mesmo.

Se você estiver testando o recurso em nosso produto, mas estiver enfrentando problemas ou precisar de orientação extra, entre em contato com nossa equipe de produto por meio de nosso canal Discord.

Finalmente, adoraríamos que você compartilhasse seus pensamentos conosco. Sua contribuição molda nosso produto, garantindo que forneçamos recursos que fornecem o máximo valor para você e seus clientes. Deixe-nos saber se você acha que há mais alguma coisa que possamos adicionar para melhorar a facilidade de uso do Reveal, e nós adicionaremos isso ao nosso roteiro.