Convertir la información en visuales
El mundo nos presenta un flujo constante de imágenes. Las empresas nos bombardean con imágenes de las cosas que quieren que probemos o compremos, las estaciones meteorológicas nos presentan imágenes que describen lo que nos espera para el día e incluso nos entretienen con las imágenes en movimiento que vemos en los cines. Por tanto, no es sorprendente que queramos aplicar el mismo enfoque visual a la interpretación de la información en bruto. Pero cómo hacemos eso? ¿Cómo obtenemos nuestra información de forma visual? Hay muchas posibilidades. Una forma es aplicar técnicas de visualización de datos utilizando JavaScript y HTML.
¿Qué es la visualización de datos?
La visualización de datos es el proceso de representar información en forma visual. Pero más que eso, busca presentar la información para que se pueda entender de la manera más rápida y sencilla posible. A veces, las imágenes resultantes son simples, lo que equivale a una colección de líneas dibujadas a mano. En otras ocasiones, son extremadamente complejos y requieren horas de tiempo de computadora para renderizarse. Vemos ejemplos en casi todas partes: los resúmenes de temperatura en las noticias de la mañana, los anuncios de productos en las ventanas de los centros comerciales e incluso en las páginas web mientras navegamos por Internet. Está claro que la visualización de datos es una herramienta importante y tiene un impacto en muchos aspectos de nuestras vidas.
¿Qué es HTML?
HTML es un acrónimo de Hypertext Markup Language y es el lenguaje de Internet. O para ser más precisos, es el lenguaje en el que se basan las páginas web. Se basa en texto y describe cómo se crean y configuran varios aspectos de una página web (encabezado, pie de página, cuerpo, párrafos, etc.) y los enlaces individuales que conectan las páginas. Aunque no lo parezca, HTML es fácil de aprender; la mayoría de las personas pueden manejar lo básico en su primera sesión. El idioma es actualmente administrado por W3C, el Consorcio World Wide Web, que es responsable de crear estándares y desarrollar el idioma.
¿Qué es JavaScript?
JavaScript es un lenguaje de secuencias de comandos multiplataforma. Por multiplataforma queremos decir que está disponible en varios sistemas operativos y navegadores diferentes, y por scripting nos referimos a un mecanismo de agregación que agrupa acciones que podrían ejecutarse manualmente, una a la vez. El lenguaje es similar a Java en algunos aspectos y fundamentalmente diferente en otros. Por ejemplo, la sintaxis es similar, pero JavaScript no tiene escritura estática o verificación de tipo rigurosa. Su objetivo principal es proporcionar capacidades de entrada y salida a HTML. Esto incluye la conexión a recursos locales en la computadora que ejecuta JavaScript.
¿Cómo se utilizan JavaScript y HTML para la visualización de datos?
JavaScript y HTML funcionan en conjunto cuando se utilizan para la visualización de datos. HTML proporciona el marco para la salida renderizada. Describe las partes de cada página, dónde debe ir todo y los conceptos básicos de cómo debe verse cada una. Piense en ello como el marco de madera de una casa. Proporciona el aspecto general y la infraestructura necesarios para el resto de la construcción.
La contribución de JavaScript es doble. En primer lugar, conecta los datos sin procesar, normalmente contenidos en archivos, al marco proporcionado por HTML. Sin esta capacidad, la información tendría que estar incrustada en la página web, lo cual no es práctico considerando la cantidad de información. Y segundo, brinda acceso a cualquier cantidad de bibliotecas que tengan capacidades de renderizado. Por ejemplo, D3.js se usa comúnmente en estos días para la visualización de datos.
Resumen de la lección
En resumen, la visualización de datos es el proceso de representar información para que se pueda entender de la manera más rápida y sencilla posible. HTML , o lenguaje de marcado de hipertexto, es el lenguaje en el que se basan las páginas web. JavaScript es un lenguaje de secuencias de comandos multiplataforma cuyo objetivo principal es proporcionar capacidades de entrada y salida a HTML.
Explora más sobre este tema
Selecciona un tema y sigue aprendiendo...
