Comprende y visualiza tus datos con InfluxDB Cloud

Hola a todos, mi nombre es Christina Robinson. Soy Gerente de Ingeniería de Software en Influx Data, y hoy voy a hablarles sobre cómo visualizar sus datos de marca de tiempo desde InfluxDB utilizando Girath. ¡Vamos allá!

En primer lugar, ¿qué es InfluxDB? InfluxDB es una plataforma de series de tiempo. Es de código abierto, escalable, motor de análisis para acumular, analizar y actuar sobre datos en tiempo real. Tenemos bibliotecas cliente-servidor para la ingestión de datos, incluyendo JavaScript, Go, Python y otras bases de datos, entre muchas más. Ahora tenemos casi 200 bibliotecas. ¿Cuál es la característica de los datos de series de tiempo? Básicamente, son datos con marca de tiempo. Pueden generarse en intervalos regulares, como métricas, o en períodos de tiempo irregulares, como eventos. Tenemos volúmenes muy altos y los datos son más valiosos en su versión en tiempo real. Por lo tanto, son sensibles al tiempo. Después de 30 días, los datos pueden dejar de ser relevantes.

¿Qué es Giraffe? Giraffe es un software de mapeo de gráficos personalizado para InfluxDB. Es una biblioteca de JavaScript, utiliza el marco de trabajo React, también es de código abierto y está disponible en un repositorio de GitHub. Toma como entrada un CSV anotado. ¿Por qué? Porque ese es el resultado de InfluxQL y FluxQueries, que es nuestra propia versión personalizada de cómo consultamos la database. Es transmisible y básicamente es como tu típico CSV data, pero tiene algunos encabezados en la parte superior. Tiene grupo, conjunto de datos y predeterminado. El grupo contiene entradas de verdadero o falso que indican si los datos se han agrupado y por qué categoría. El conjunto de datos describe cada tipo de los datos y luego está el conjunto de resultados de prueba que son tus valores CSV tradicionales.

¿Por qué querrías usar Giraffe? Bueno, alimenta las visualizaciones del panel de control de InfluxDB y el explorador de datos en todas nuestras versiones. Eso incluye nuestra versión de código abierto original, nuestra versión enterprise, así como nuestra versión más reciente en la nube. Los desarrolladores pueden reutilizar las visualizaciones que creas dentro de InfluxDB en aplicaciones externas como sitios web, aplicaciones móviles u otras aplicaciones personalizadas. Veamos cómo se ve Giraffe. Podemos producir gráficos de banda, medidores, gráficos, gráficos con una estadística única superpuesta, un mapa de calor, histograma, dispersión, solo una estadística simple, así como una tabla, y tenemos algunas visualizaciones más que vendrán próximamente. Veamos lo básico de Giraffe. En primer lugar, debes obtener tus datos en Giraffe. Esto es un CSV anotado, como mencioné anteriormente. Hay dos formas de hacerlo. La primera es mediante el uso de lo que se llama una consulta Flux. Básicamente, utilizarás la API REST en el lenguaje que prefieras, porque tenemos más de 200

bibliotecas, y puedes escribir tu Flux y obtener los data de vuelta. O, si no quieres lidiar con las API REST, en realidad tenemos un cliente de JavaScript que está escrito específicamente, y se encarga de muchos de los atajos por ti. Luego, hablamos sobre los conceptos básicos de la visualización. En primer lugar, está la entidad base que se llama el trazado. Esto es lo que importarás en tu código de React. A continuación, tenemos una propiedad para el trazado, y esa propiedad contiene los datos CSV en sí que vas a pasar, así como un objeto de capas. El objeto de capas, que es básicamente una propiedad de configuración, te permite especificar qué tipo de trazado es y todas sus propiedades. Echemos un vistazo a algunos ejemplos. Aquí es donde importarías el trazado de Giraffe. A continuación, tendrías que lidiar con tus data. Esto utiliza nuestra biblioteca de JavaScript, por lo que se encarga de parte del trabajo duro por ti. A continuación, tendrás que definir tu objeto de propiedad de configuración. Esto es donde pasas los data y pasas el objeto de capas. Por último, tienes el objeto de capas, que te dirá qué tipo de trazado es. En este caso, estamos utilizando el ejemplo de un trazado de línea, por lo que tenemos que tener el tipo de línea. Tenemos un valor x, que se caracteriza en función de todos los valores de tiempo y el eje y, que se compara con todos tus valores. Por último, realmente renderizarás el trazado. Aquí está el trazado, y aquí está tu configuración de propiedad. Puedes llamar a Giraffe desde muchas aplicaciones externas diferentes. Cualquier aplicación de React o JavaScript puede usar Giraffe, y hemos proporcionado códigos de muestra en nuestra biblioteca de GitHub que te permitirán ver cómo usar varios tipos de trazados. También puedes probar Giraffe directamente a través de una página HTML. Esto no requiere ninguna instalación de React o JavaScript en el entorno de desarrollo. También tenemos códigos de muestra para esto. Por último, Giraffe no admite la representación en el lado del servidor en este momento. Hemos recibido muchas solicitudes al respecto y está en nuestros próximos lanzamientos. Eso es básicamente cómo se usa Giraffe en pocas palabras y también tengo al final de mi presentación todos los enlaces a los que hice referencia, nuestro repositorio de GitHub, nuestra guía de inicio rápido, algunas demos de design, la lista de los ejemplos de código, y más información sobre CSV anotado. Todo esto estará disponible en la presentación proporcionada. También tenemos todos los diferentes tipos de trazados a los que hice referencia para tu información, y eso es todo. Gracias por escuchar.