Ir al contenido principal
Todas las coleccionesViz FlowicsData Providers
Trabajando con Custom Data Provider
Trabajando con Custom Data Provider
Actualizado ayer

El Custom Data Provider es un elemento que permite crear estructuras de datos simples directamente en el editor de gráficos, eliminando la necesidad de utilizar fuentes de datos externas como archivos JSON o Google Sheets para integrar datos en tus paquetes gráficos.

Este elemento es compatible con otros elementos gráficos que tienen propiedades vinculables, lo que facilita enlazar variables personalizadas a tus elementos gráficos.


Agregar un Custom Data Provider


1. Dentro de los Data Providers, localiza el elemento Custom Data y haz doble clic en él para agregarlo con un alcance de Global Data Provider.

2. Haz click en "New Property"


Agregar Propiedades


Para comenzar a utilizar este elemento, necesitas definir propiedades que te ayudarán a construir tu estructura de datos.


Las propiedades disponibles son:

  • Text: A través de este campo, puedes editar, crear o eliminar texto dentro de tu gráfico, ya sea para un titular o para detalles específicos como el nombre del entrenador principal del equipo local y visitante.

  • Text List: Te permite crear, editar o eliminar una lista de elementos de texto. Por ejemplo, puedes crear una lista con los nombres del equipo local y otra con los del equipo visitante.

  • Image: Permite agregar imágenes como logotipos, bugs de TV y más. Las imágenes deben cargarse previamente en el Assets Library. La principal ventaja de esta propiedad es que elimina la necesidad de buscar manualmente las URLs de las imágenes para enlazarlas.

  • Images List: Permite tener una lista de imágenes. Por ejemplo, puedes mostrar diferentes imágenes vinculadas a una lista dinámica y tener la capacidad de cambiar estas imágenes directamente.

  • Video: Permite agregar o cambiar videos en formato .webm o .mp4. Puedes cambiar o subir nuevos videos al AssetsLibrary y mostrarlos en tu gráfico. Para conocer los requisitos para subir un video, haz clic aquí.disculpa por npo

  • Color: Te permite incluir colores de los equipos en tu estructura de datos para cada equipo participante.

  • Font: Te permite asignar una fuente a los textos que estén vinculados a este valor. Esta función no se puede utilizar en el Control Remoto, solo en el Editor Gráfico.

Al crear propiedades, necesitas proporcionar:

  • Un nombre

  • Una descripción (opcional)

Las propiedades aparecerán listadas en el inspector bajo la pestaña Properties. Desde allí, podrás editar el nombre o la descripción, y también eliminar una propiedad añadida.

Puedes crear tantas propiedades como necesites y reordenarlas.


Editar Valores


En la pestaña Values, tienes la capacidad de crear, editar o eliminar los valores que hayas creado, lo que te permite gestionarlos y ajustarlos fácilmente según sea necesario.


Mostrar en Control Remoto


Para mostrar dentro del Remoto los "Values" de tu Custom Data Provider configurado en el Editor, es necesario activar la opción Show on Remote Control en la pestaña Values.


Vincular Datos


Una vez que las Propiedades y sus respectivos Valores están añadidos, estos serán los datos disponibles para vincular a elementos en el Árbol, como Listas Dinámicas, Elementos de Texto, Imágenes y otros.


Control API para Custom Data Providers


Algunos "Values" contenidos en el Custom Data pueden ser controlados a través de la API. Para esto, es necesario habilitar la opción "Integration ID".

Para saber más sobre cómo habilitar el "Integration ID", haz clic aquí.

Los "Values" que pueden ser controlados a través de la API son:

  1. Custom text.

  2. Custom image.

  3. Custom color.des consultar aquí.

Para más información, puedes consultar aquí.


Casos de Uso

Editor Gráfico/Remoto

Cuando ya tienes un gráfico creado y los "Valores" añadidos a tu Custom Data Provider, puedes modificar directamente los elementos vinculados a estos valores. Estos cambios se pueden realizar directamente en el control remoto, sin necesidad de regresar al editor para hacer los ajustes.

Por ejemplo, puedes cambiar:

  1. Colores: Actualizar colores de equipos o temas.

  2. Logotipos: Sustituir o actualizar logotipos según sea necesario.

  3. Patrocinadores: Añadir o reemplazar imágenes o detalles de patrocinadores.

A esto:

Viz Flowics Plugin

Una ventaja de usar los Custom Data Providers es que dentro del Viz Flowics Plugin, puedes editar directamente el template deseado.

En el caso de las imágenes, puedes crear una lista de imágenes sin necesidad de usar una Google Sheet, lo que hace más sencillo seleccionar imágenes directamente desde el Asset Library.

Para hacerlo, sigue estos pasos:

  1. Dentro del template en el Viz Flowics Plugin, haz clic en "Select File".

  2. En la Asset Library, selecciona la(s) imagen(es) que deseas usar en el Plugin y haz clic en "Select".

  3. Dentro del Plugin, las imágenes seleccionadas se mostrarán y podrás organizarlas en el orden que necesites.

¿Ha quedado contestada tu pregunta?