Criação de uma cena VizArtist usando um Counter Data Source

Primeiro, você precisa:

  • A) Crie um widget de fonte de dados Counter em sua Experiência .
  • B) Instale nosso plug-in Viz Social conforme descrito neste artigo e neste guia de instalação .
  • C) Baixe esta cena de amostra e use-a como base para o seu projeto:


(Download) flowics_counter.via


  • D) Vá para Feed Streamer e adicione um novo feed da seguinte maneira:


A cena é assim: 


E sua árvore assim:

A chave para uma cena de sucesso é ter a hierarquia de grupo correta e as configurações de plug - in .

Compreender a árvore da cena

No nosso caso, devemos ter certeza de que todos os dados estão conectados ao Widget para podermos exibir a informação em tempo real.

Passaremos por todos os containers da cena, explicando brevemente como eles funcionam e dando uma olhada mais detalhada naqueles que possuem um plugin específico que mostra sua configuração.


1 - group

O "pai" da cena; que não tem plug-ins:


2 - object

Apenas um contêiner, possui 1 plugin :

  • plugin key container



3 - array

Encarregado de conectar a cena com o Widget; tem 2 plug-ins (ambos requerem configuração específica):

  • Complemento do contêiner STV_MessagesReader


No campo "Nome da fonte", você deve inserir o mesmo nome que definiu no ponto D)


  • Contêiner complementar DataArray


4 - index0

Apenas um contêiner; NÃO tem add-ons.


5 - hashtag

O hasthag do balcão; tem 1 elemento de texto e 1 complemento :

  • Elemento de texto
  • Contêiner complementar DataText 


6 - count

O número (contagem) do contador; tem 1 elemento de texto e 1 complemento :

  • Elemento de texto
  • Contêiner complementar DataText 


7 - twitter_logo

O ícone das redes sociais que estamos usando como fonte ( Twitter neste exemplo); tem 1 elemento de imagem e 1 plugin :

  • Elemento de imagem
  • Plugin Rectangle Geom


Você pode (e deve) alterar o ícone social se o seu Flow estiver coletando dados de outra fonte. Ou seja, Facebook , Instagram , etc.


Was this article helpful?