Aplicaciones y websites gráficos

link
bookmark_border Favoritos

Información que te facilitará conseguir, crear y usar recursos gráficos, audiovisuales, cartográficos e interactivos.

Explorando otros recursos gráficos y audiovisuales.

Te recomendamos agregar un recurso gráfico, audiovisual o interactivo cada dos o tres párrafos, para generar pausas y mantener el interés en cada desplazamiento.1 Para guiarte en esa idea, a continuación te presentamos un glosario de aplicaciones y recursos que facilitan su diseño, desarrollo e incrustación:

  • vpn_key logo Buffer (gratuita y paga): Aplicación de software para web y móvil, diseñada para administrar cuentas de redes sociales, proporcionando medios para que el usuario programe publicaciones en Twitter, Facebook, Mastodon, Instagram, Instagram Stories, Pinterest y LinkedIn, así como analizar sus resultados e interactuar con su comunidad.
  • vpn_key logo Canva (gratuita y paga): Aplicación web con una interfaz intuitiva, decenas de plantillas y la posibilidad de integrar elementos como botones, fotos, audios o videos. Permiten crear, entre otros formatos, infografías interactivas sencillas y visualmente atractivas de manera rápida y gratuita o pagando por elementos premium.

  • vpn_key logo Headliner (gratuita y paga): Aplicación web enfocada en transcribir, compartir, editar y promocionar su podcast mientras nos divertimos en el camino.
  • logo Keepvid: web que permite bajar videos de redes y sitios web.
  • vpn_key logo Mailchimp (gratuita y paga): Plataforma especializada para crear, programar y enviar correos electrónicos masivos a partir de bases de datos de contactos y configuraciones de marca, automatización de flujos, herramientas de e-mail marketing enfocadas en obtener más aperturas, clics y ventas.
  • vpn_key logo Shareaholic (gratuito y pago): Plug-in para compartir contenidos web a Facebook, Twitter, Pinterest y más de 200 servicios más.
  • logo Thumbnail downloader: Web que permite bajar la portada de un video de YouTube, Dailymotion, Vimeo, Youtube y guardarla en muchos tamaños y calidades (HD, HQ, 1080p, 4K).
  • amCharts (gratuita y paga): Biblioteca con casi todos los gráficos que puedas imaginar, con interesantes posibilidades de personalización. Puedes usarla sin pagar, permitiendo su pequeño logotipo debajo de las visualizaciones. Tiene múltiples clientes de alto perfil como Microsoft, Amazon, Nasa y eBay.2
  • ArcGIS Online (pago): Software de representación cartográfica SIG completo, basado en la nube. Te permite crear mapas interactivos y aplicaciones de manera colaborativa, usar herramientas avanzadas de análisis de datos, compartir, incorporar y exportar los mapas en múltiples formatos. Tiene una versión de prueba de 21 días.
  • DaVinci Resolve (gratuito y pago): Software de edición de video no lineal desarrollado por Blackmagic Design. Permite transferir y registrar vídeos a un disco duro donde puede ser editado, procesado y posteriormente exportado en multitud de formatos.
  • D3.js (gratuita): Biblioteca JavaScript para manipular documentos basados ​​en datos y presentarlos mediante HTML, SVG y CSS. Su enfoque en estándares web, ofrece todas las capacidades de los navegadores modernos sin depender de marcos específicos, combinando poderosos componentes de visualización y un enfoque basado en datos para la manipulación DOM. Muchas otras librerías de visualización de datos se basan en D3.
  • Educandy (gratuita): Plataforma y comunidad web para crear juegos online, a partir de 8 actividades educativas basadas en palabras, preguntas y respuestas. Después de crear una actividad, se genera un código que puedes compartir para jugar desde un dispositivo o incrustar el juego en un sitio web.
  • Flourish (gratuita y paga): Plataforma de visualización de datos con enfoque en gráficos, mapas e historias interactivas. Permite usar o integrar plantillas construidas en múltiples lenguajes, cómo D3, WebGL o vanilla JS. Tiene una versión gratuita y clientes globales como Amnesty International, BBC, Comcast, Disney y Google.
  • From data to Viz: "De los datos a la visualización" es una clasificación de tipos de gráficos basada en el formato de datos de entrada. Viene en forma de árbol de decisiones que conduce a un conjunto de visualizaciones potencialmente apropiadas para representar su conjunto de datos.
  • Genially (gratuita y paga): Herramienta online enfocada en comunicación visual interactiva. Ideal para crear infografías, juegos, guías y presentaciones interactivas, sin necesidad de programación.
  • Global Forest Review (gratuita): Informe sobre el estado de los bosques del mundo. Proporciona información textual, gráficas estadísticas y mapas interactivos de cada país, generados a partir de datos y análisis geoespaciales disponibles para apoyar a la comunidad mundial que trabaja para proteger y restaurar los bosques en todo el mundo.
  • Global Forest Watch (gratuita y paga): Aplicación web y móvil con mapas sobre monitoreo forestal, uso de la tierra y tendencias de deforestación. 

  • Google My Maps (gratuito): servicio web para crear mapas interactivos a través de interface. Puedes añadir puntos o dibujar formas, buscar lugares y guárdalos, crear mapas a partir de hojas de cálculo, personalizarlos con íconos, colores, fotos y vídeos, compartirlos e incrustarlos en un sitio web, así como modificarlos de manera colaborativa, a partir de Google drive.
    Artlejandra
  • HighCharts (gratuita y paga): Una de las bibliotecas de software para gráficos más completas. Escrita en JavaScript, además de todo tipo de gráficos interactivos, tiene bibliotecas adicionales centradas en mapas, mercado bursátil y mucho más. Es gratuita para uso personal (Creative commons), paga para uso comercial.2
  • Indesign (pago): Software de diseño editorial líder del sector para medios escritos y digitales. Facilita crear y publicar libros, revistas digitales, e-books, pósteres, PDF interactivos e integrar miles de tipografías e imágenes de Adobe Stock.
  • Illustrator (paga): Software de diseño profesional, ideal para crear infografías a partir de vectores. Permite personalizar al máximo las infografías y crear algo realmente llamativo. Con la herramienta "Gráficos", podrás crear diagramas de flujo, infografías de línea de tiempo y gráficos de barras, así cómo incluir eventos para dar interactividad al exportarlos como SVG.
  • Infogram (gratuita y paga): Aplicación web que permite crear infografías a partir de plantillas donde podrás incorporar contenidos multimedia e incrustarlas en sitios web o compartirlas en redes sociales, como Facebook, o Twitter.
  • Information is Beautiful: Banco de referentes en visualización de datos e infografías. 
  • Leaflet (gratuita): biblioteca JavaScript de código abierto líder para mapas interactivos compatibles con dispositivos móviles. Tiene todas las funciones de mapeo que la mayoría de los desarrolladores usan.
  • LearningApps.org (gratuita): Plataforma no comercial para apoyar procesos de enseñanza y aprendizaje con pequeños módulos interactivos. Tiene plantillas y una galería de aplicaciones, organizadas por temáticas, a partir de las cuales se pueden crear aplicaciones del mismo tipo, que pueden ser compartidas o incrustadas en un sitio web.
  • Mapbox (gratuita y paga): conjunto de aplicaciones y servicios de mapas y ubicación para desarrolladores y diseñadores. Ofrecen “datos de ubicación precisos y potentes herramientas de desarrollo para cambiar la forma en que navegamos por el mundo”. Cada producto tiene un nivel gratuito y planes pagos.
  • OpenStreetMap (gratuita): servicio web de datos abiertos de mapas, usado por miles de sitios web, aplicaciones móviles y dispositivos. Construido por una comunidad de mapeadores, profesionales de SIG, ingenieros, personal humanitario que mapea áreas afectadas por desastres, entre otros.
  • Photoshop (pago): Software de edición profesional de imágenes rasterizadas más popular del mundo, usado principalmente para el retoque de fotografías y gráficos.
  • Premiere (pago): Software líder en la edición de video profesional, que permite la integración con otras aplicaciones y servicios de Adobe Cloud, como Adobe Photoshop, After Effects, Adobe Audition y Adobe Stock. 
    Libra Producciones
  • RAW Graphs (gratuita): Aplicación web de código abierto para la creación de visualizaciones de datos estáticos, que proporciona formas sencillas de asignar dimensiones de datos a variables visuales. Presenta un enfoque basado en gráficos para la visualización de datos: cada modelo visual es un módulo independiente que expone diferentes variables visuales que se pueden usar para mapear dimensiones de datos.3
  • Spark (gratuita y paga): Adobe Spark es una aplicación web para diseño de folletos, gráficos para redes, collages, páginas web y videos. Permite integrar elementos de marca, fotos gratuitas, herramientas de Adobe Cloud, como Adobe Stock y Lightroom, y conectar Dropbox, Google photos y Google Drive.
  • Tableau Public (gratuita): plataforma online para crear, explorar y compartir visualizaciones de datos. Cada visualización creada se convierte en pública, por lo dispone de una galería enorme sobre diversos temas de datos públicos. 
  • Three.js (gratuita): Biblioteca Javascript liviana de alto nivel para crear complejos gráficos animados en 3D y mostrarlos en un navegador web. Puede ser utilizada en conjunción con el elemento canvas de HTML5, SVG o WebGL, sin el esfuerzo que requiere una aplicación tradicional, con el uso de plugins.
  • Twine (gratuita): Herramienta web para crear historias y juegos sin necesidad de codificación (aunque también es posible adicionar CSS y Javascript). Tiene una guía completa sobre su uso y genera los para cargarlos en un sitio web.
  • Visually (pago): Servicio que ofrece acceso a profesionales especializados en elaborar, diseñar materiales de comunicación y marketing digital, tales como infografías, calculadoras de ROI, informes, presentaciones o videos.

¿Te resultó útil?

Más información en:

  1. https://www.orbitmedia.com/blog/web-content-checklist-17-ways-to-publish-better-content/
  2. https://www.codewall.co.uk/best-javascript-chart-libraries/
  3. https://dl.acm.org/doi/10.1145/3125571.3125585



Origen de la Revista Bioika

Origen de la Revista Bioika
close bookmark_border Favoritos
"