--- title: "Analice datos JSON utilizando filtros, fórmulas y gráficos" date: "2022-05-04" categories: - "json" - "tools" tags: - "data-analysis" - "grid-view" - "json" - "tools" - "xmlspy" description: Descubra cómo analizar eficazmente datos JSON utilizando los filtros, fórmulas y gráficos de XMLSpy. Aprenda técnicas para mejorar la claridad de los datos y obtener información valiosa. --- Status: #blog Tags: #data-analysis #grid-view #json #tools #xmlspy Categories: [json](/blog/es/category/json.md) | [development](/blog/es/category/development.md) # Analice datos JSON utilizando filtros, fórmulas y gráficos Los desarrolladores de software y otros profesionales de los datos a menudo necesitan examinar nuevas instancias de datos antes de diseñar procesos para una producción eficiente. A medida que JSON se convierte en un formato más popular para el intercambio de datos, el beneficio de tamaños de datos más pequeños puede implicar una pérdida de claridad en la estructura subyacente de los datos. XMLSpy permite visualizar, modelar y [editar archivos JSON](https://www.altova.com/es/xmlspy-xml-editor/json_editor) e incluye herramientas avanzadas para analizar datos JSON, incluyendo la aplicación de filtros, fórmulas y gráficos. Veámoslo. ![](/blog/images/weather_forecast.jpg) La ayuda en línea de XMLSpy y el proyecto de ejemplos que se instala junto con XMLSpy son un excelente punto de partida. La ayuda en línea incluye instrucciones e ilustraciones para aplicar filtros y fórmulas. En la imagen que se muestra a continuación, se ha aplicado un filtro a un documento JSON que contiene datos sobre discos de música para mostrar únicamente las canciones compuestas por Brian May: [![Analice datos JSON con filtros en la vista de cuadrícula JSON en XMLSpy.](/blog/images/filter-from-help.png)](filter-from-help.png) En esta ilustración, un archivo JSON contiene una descripción de un pedido de productos de supermercado, y se aplica una fórmula para calcular el precio total [![Ejemplo de una fórmula en la vista de cuadrícula JSON](/blog/images/formula-from-help.png)](formula-from-help.png) El archivo de ejemplo Chart.jsonc describe las temperaturas mínimas y máximas por mes. Estos datos se utilizan para crear un gráfico que también muestra un promedio calculado para cada mes: [![Utilice gráficos para analizar datos JSON en la vista de cuadrícula JSON](/blog/images/chart-example-grid.png)](chart-example-grid.png) Todas las imágenes anteriores se generaron a partir de archivos .jsonc. Dado que los documentos JSON, distintos de JSON5, no permiten comentarios, se ha introducido el formato JSON con comentarios (JSONC) para permitir la inclusión de comentarios en los documentos JSON. Los filtros, las fórmulas y las funciones de gráficos para la vista de cuadrícula JSON se implementan como funciones XQuery almacenadas en comentarios, que son interpretadas por XMLSpy para analizar los datos JSON. Esto se puede verificar al visualizar el archivo Chart.jsonc en modo de texto: [![Ejemplo de gráfico en formato de texto.](/blog/images/chart-example-text.png)](chart-example-text.png) Estos ejemplos pueden sugerir estrategias para abordar de manera eficiente los desafíos de desarrollo en el mundo real, especialmente en proyectos donde sea necesario procesar archivos JSON de gran tamaño provenientes de fuentes externas. ### Analizar datos JSON obtenidos de servicios web Supongamos que se nos ha encomendado la tarea de procesar datos de pronósticos meteorológicos de 5 días para un número aleatorio de ciudades en cualquier parte del mundo. Este tipo de datos podría ser útil para predecir los horarios de envío entre destinos importantes, o incluso para navegantes de recreo que estén de vacaciones en los trópicos. Existen muchas API disponibles para obtener información sobre el clima, y todas proporcionan datos en formatos ligeramente diferentes. En esta publicación, analizaremos los datos de la API openweathermap.org.   Podemos enviar una solicitud REST directamente a la API desde el menú principal "Archivo/Abrir" en XMLSpy. Simplemente haga clic en el botón etiquetado como "Cambiar a URL" en la parte inferior del cuadro de diálogo "Abrir" e introduzca la llamada a la API como la URL del archivo: [![Abrir un archivo JSON desde una URL de un servicio web en XMLSpy](/blog/images/URL-open-dialog.png)](URL-open-dialog.png) El resultado de la llamada a la API se abrirá en la ventana de edición principal. No hay un encabezado (prologo) para los datos JSON que identifique el formato o la versión, por lo que no se reconocerá automáticamente, pero puede usar la opción "Archivo/Guardar como" y aplicar la extensión de archivo .jsonc: [![Datos JSON obtenidos de una URL por XMLSpy](/blog/images/example1-1.png)](example1-1.png) Al hacer clic en el botón "Cuadrícula", se activa la vista de cuadrícula y los datos en formato JSON se vuelven inmediatamente más fáciles de entender [![Analizar datos JSON en la vista de cuadrícula de XMLSpy](/blog/images/example1-2.png)](example1-2.png) Lo primero que podemos hacer es verificar si se pronostica que la temperatura bajará de cero grados en esa ubicación. Esto se puede hacer fácilmente aplicando un filtro a la lista. Podemos hacer clic en el icono de filtro que se encuentra a la derecha de "[ ] list" en la parte superior de la lista y escribir una expresión XQuery, siguiendo el ejemplo de filtro que se encuentra en la ayuda de XMLSpy como guía para la sintaxis. El filtro se aplicará inmediatamente para mostrar solo las predicciones de temperaturas por debajo de cero grados: [![Aplicar un filtro para analizar datos en formato JSON](/blog/images/example1-3.png)](example1-3.png) Dado que, por el momento, solo nos interesan los valores de temperatura, también hemos simplificado la visualización de cada elemento del array haciendo clic en las barras de desplazamiento grises que se encuentran a la izquierda de cada número de elemento, como se muestra arriba. Ahora es evidente que en esta ubicación habrá noches bastante frías. Ahora, quizás queramos encontrar la temperatura más baja prevista en este pronóstico. Podemos aplicar una fórmula para lograrlo. En la imagen que se muestra a continuación, hemos insertado un nuevo nodo en el arreglo de la lista, hemos cambiado su tipo a "fórmula" y le hemos dado un nombre a la fórmula. En lugar de escribir la fórmula directamente en la vista de cuadrícula, podemos utilizar la ventana de ayuda de XQuery para crear, probar y depurar una expresión de XQuery: [![Crear una fórmula utilizando la ventana de ayuda de XQuery en la vista de cuadrícula JSON](/blog/images/example1-4.png)](example1-4.png) Podemos copiar la expresión completada desde el editor de [XQuery](https://www.altova.com/es/xmlspy-xml-editor#xquery_editor) y pegarla en la vista de la cuadrícula JSON: [![Cree, pruebe y depure fórmulas en la ventana de XQuery](/blog/images/example1-5.png)](example1-5.png) Utilizando una estrategia similar y tomando como base el ejemplo de "Chart.jsonc", podemos añadir un gráfico para visualizar los datos: [![Aplicar un gráfico para visualizar datos en formato JSON](/blog/images/example1-6-2.png)](example1-6-2.png) Los elementos de ChartConfig definen los parámetros utilizados por la función de gráfico, pero incluso la propia función de gráfico puede ser creada dentro de la ventana de XQuery [![Crear la expresión del gráfico en la ventana de XQuery](/blog/images/example1-6a.png)](example1-6a.png) Una evaluación exitosa muestra los datos de la imagen binaria en la ventana de resultados. También puede hacer clic derecho en el gráfico para exportarlo como un archivo de imagen. Las dimensiones de la imagen se definen mediante los parámetros de ancho y alto de ChartConfig. Las funciones añadidas a los datos en formato .jsonc se almacenan en comentarios, como se puede observar aquí al volver a la vista de texto. [![La representación del gráfico, tal como se visualiza en la vista de texto](/blog/images/example1-7.png)](example1-7.png) Si queremos aplicar las mismas funciones a otros datos JSON obtenidos de la API, tenemos dos opciones. Podemos utilizar la ventana de ayuda de XQuery para almacenar temporalmente una expresión y aplicarla a otro documento .jsonc, o bien podemos copiar y pegar todo el conjunto de expresiones. Primero, agreguemos más cálculos para mejorar el análisis: [![Datos en formato JSON con un resumen de los valores.](/blog/images/example1-8.png)](example1-8.png) Copiar los comentarios del documento original y pegarlos en un nuevo conjunto de datos proveniente de la API genera un análisis instantáneo: [![Copiar fórmulas y gráficos a un nuevo archivo JSON](/blog/images/example1-9.png)](example1-9.png) Puede compartir fácilmente sus descubrimientos con otros miembros del equipo. Si hace clic en el icono de disco que aparece junto a la definición de la función, los resultados se incrustarán como datos JSON en el archivo: [![La fórmula de incrustación genera datos en formato JSON](/blog/images/example1-10.png)](example1-10.png) O bien, puede guardar el gráfico como un archivo de imagen para utilizarlo en un informe [![Una imagen de un gráfico, exportada para su uso en un informe.](/blog/images/Martinique-forecast.png)](Martinique-forecast.png) Cada tarea de integración de datos y generación de informes debe comenzar con una comprensión clara de los datos de origen. Utilizar XMLSpy para analizar datos JSON puede acelerar su éxito con su propio proyecto. Para obtener una perspectiva diferente, este [video de demostración](https://www.youtube.com/watch?v=ZTt-_Te9a9c) muestra filtros, funciones, gráficos y muchas otras funciones potentes de la vista de cuadrícula JSON. [Descargue una versión de prueba gratuita](https://www.altova.com/es/download) que incluye la ayuda en línea, el tutorial y muchos ejemplos prácticos, ¡hoy mismo!