Descarga y preparación de gráficas SVG para diseño en Figma y Illustrator

Clase 11 de 14Curso de Visualización de Datos y Storytelling con Latinometrics

Resumen

¿Cómo exportar una gráfica de Google Sheets a herramientas de diseño como Adobe Illustrator o Figma?

Transformar visualizaciones de datos en presentaciones impactantes es esencial en el mundo del diseño. Afortunadamente, herramientas como Google Sheets permiten crear gráficos básicos que pueden mejorarse con aplicaciones avanzadas como Adobe Illustrator o Figma. Aquí te mostraré cómo llevar tu gráfica de Google Sheets al siguiente nivel descargándola en formato SVG, ideal para ser editado en estas plataformas de diseño.

¿Cómo descargar una gráfica SVG desde Google Sheets?

  1. Abre tu gráfica en Google Sheets: Asegúrate de que tu gráfica esté lista para ser exportada.
  2. Descarga en formato SVG: Google Sheets ofrece la opción de descargar tus visualizaciones en varios formatos.
    • Ve a Archivo en el menú.
    • Selecciona Descargar y elige Gráfico como SVG.

El formato SVG es crucial ya que es escalable y editable, lo que te permitirá personalizar cada aspecto del diseño en herramientas como Adobe Illustrator y Figma.

¿Cómo utilizar Raw Graphs para exportar gráficos?

Raw Graphs es una alternativa eficiente para exportar gráficos, especialmente si buscas más flexibilidad o si Google Sheets presenta limitaciones. Aquí te indico cómo proceder:

Preparación de datos en Raw Graphs

  1. Limpieza de datos: Antes que nada, asegúrate de que los datos no contengan símbolos de dinero o formatos complejos. Convierte todo a un formato numérico y sencillo.
  2. Carga tus datos: Copia los datos desde Google Sheets y pégalos en Raw Graphs.
  3. Revisa la estructura de datos: Utiliza Stack On para reorganizar tus datos, por ejemplo, selecciona "Country Name" o cualquier índice relevante.
  4. Formato de columnas: Verifica que cada columna tenga el formato correcto (texto, número, fecha).

Creación y descarga del gráfico

  1. Selecciona el tipo de gráfico: Raw Graphs ofrece diversas opciones, desde Diagramas de Venn hasta gráficas de líneas y barras. Voy a explicar cómo crear una gráfica de líneas:
    • Arrastra el valor de los años al eje X.
    • Arrastra el valor del Producto Interno Bruto al eje Y.
  2. Ajustes personalizados: Puedes personalizar las dimensiones del gráfico (por ejemplo, 1000 x 800), el tipo de curva, y otros detalles para que se ajusten a tus preferencias.
  3. Descarga tu gráfica: Una vez que estés satisfecho con la visualización, descárgala en formato SVG para una edición más detallada en Figma o Adobe Illustrator.

Observaciones finales para la creación y exportación de gráficos

  • Formato SVG: Siempre opta por este formato para ediciones posteriores.
  • Consistencia: Durante la exportación de datos, asegúrate de que los formatos y estructuras sean consistentes para evitar problemas durante la carga y edición.
  • Experimentación: No dudes en probar diferentes tipos de gráficos y ajustes para encontrar la visualización que mejor comunica tu mensaje.

El proceso de exportar y editar gráficos no solo potencia la presentación de datos, sino que también fomenta la creatividad y la precisión en el diseño. Con estas herramientas y consejos, estarás listo para crear visualizaciones impresionantes que capturen la atención de tu audiencia. ¡Sigue explorando y mejorando tus habilidades de diseño!