Creación de Gráficas Profesionales en Figma con Latinometrics
Clase 12 de 14 • Curso de Visualización de Datos y Storytelling con Latinometrics
Contenido del curso
Clase 12 de 14 • Curso de Visualización de Datos y Storytelling con Latinometrics
Contenido del curso
Vicente Guerra
Nestor Antonio Pineda Otero
Edward Javier Camargo Gomez
Kevin Alejandro Tovar Lamilla
Julian Castro Pulgarin
Edwin Ortiz Llamccaya
Eduardo Guzmán
Leonel Federico Valencia Estudillo
Heiber Hernán Beltrán Torres
Gilberto Barrón López
TONY LUIS HERNANDEZ GALLEGOS
Juan Jose Ramirez Lopez
JULIAN ANDRES TEJADA CHICA
Luisa Fernanda Vásquez Montoya
Luis Gustavo Ibarra Carrizalez
Juan Jose Ramirez Lopez
Luis Alvarez
Witiman Andrés Canacue Ortiz
Anderson Jiménez Santana
Mago Jiménez
Paula Quintero
Alberto Díaz Castro
Ernesto Canales
Idequel Bernabel Alvarez
Rodrigo Hinojosa
Franklin Paredes Trejo
Santiago Salazar Grisales
Paola Marcela Arguelles Salazar
Esteban Felipe Vega Cepeda
Oscar Senday
Les comparto la gráfica que hice utilizando la API de Spotify para obtener datos sobre las canciones de un albúm, ChatGPT para acomodar los datos rápidamente (convertir los JSON en CSV), RAW Graphs para graficar y finalmente Figma para el diseño.
Se ve muy bien, excelente trabajo. Gracias por compartir.
Muy buena metodología, la probaré, aunque la atención se va a la imagen de la cantante, tal vez si la envías al fondo la imagen, y las barras estén al frente, se mantenga tu estética y sé dé más relevancia a la info.
Esta es la grafica que hice en la clase anterior ya editada (recibo feedback 😁)
Que genial esta clase!! Nunca habia pasado de los graficos de excel o Pwer BI, no habia hecho conexion en usar Figma para edicion de estas graficas ;0
Yo pienso igual, esta clase me parecio genial, siempre quise saber como se elaboran las gráficas en programas de diseño
x2
Me salió casi idéntico
El uso de Figma no es muy claro para mí. El video pasa muy rápido y no se entiende bien cómo agrupar y desagrupar elementos. Aunque la información es interesante, el proceso no queda del todo claro para poder aplicar la herramienta y poder generar estos gráficos.
Estoy de acuerdo. Se asume que ya conocemos ya manejamos esa herramienta. Tendré que ver varias veces para ir replicando el ejemplo de profesor y después practicar con otros ejercicios para asimilar mejor lo que nos enseñaron. Aunque me queda la duda de si todo lo que se hace dentro de Figma para mejorar la visualización de gráfica se puede hacer directamente en Google Sheets. ¡A practicar! :-)
Creo que la clase solo tiene el objetivo de mostrarnos lo que se puede hacer. Platzi tiene cursos de figma para profundizar, saludos.
Esto es hermoso! Si hacen sus gráficas en python tambien pueden guardarlas en svg y de ahí directamente mandarlas a algún programa como figma o Illustrator. ¡Que superpoder me acabas de dar! A mi que diseño como hobby y programo como profesional. Esto es oro
Una de las clases más importante del curso y se desarrolló a una velocidad que no parecía una clase, sino un video de cómo el profesor hace la gráfica, poca pedagogía de enseñanza en este video, es importante que lo evalúen para mejorar.
Estoy de acuerdo con este comentario.
Recordar que Figma es una herramienta de diseño es importante. Pues, creo que a pocos se les había ocurrido utilizarla como herramienta para visualizar datos. Me parece una genialidad y se agradece mucho que Latinometrics comparta su salsa secreta con la comunidad de Platzi para que cada quien la adapte a su propia receta
Esto es hermoso! Si hacen sus gráficas en python tambien pueden guardarlas en svg y de ahí directamente mandarlas a algún programa como figma o Illustrator. ¡Que superpoder me acabas de dar! a mi que diseño como hobby y programo como profesional. import matplotlib.pyplot as plt # Crear algunos datos para graficarx = [1, 2, 3, 4, 5]y = [2, 3, 5, 7, 11] # Crear la gráficaplt.plot(x, y) # Guardar la gráfica en formato SVGplt.savefig('mi_grafica.svg', format='svg') # Mostrar la gráficaplt.show()
Me demore horas en copiar, no soy diseñador, pero aprendí bastante, es necesario pre organizar los márgenes y luego adaptar los textos, creo que por eso no es lo mío el front end, pero lo logre.
Les comparto mi gráfica que hice con Figma. Tomé datos del banco mundial de los 10 países más felices del mundo y su ingreso per cápita. Le puse un título llamativo, tomé la gráfica base de google sheets y le puse una descripción para ampliar la información.
¡Espero les guste!
Aqui tome un datasets sobre muertes por causas y países. Y decidí mostrar el insight de como durante toda la década del 2000 las enfermedades del corazón fue la causa número #1 de muertes en mi pais. Tomé el formato de latinometrics y le di un poco de mi estilo en figma.
Primero use tableau para explorar la data y que graficos serian mas convenientes, y luego exporte la data y la lleve a rawgraphs y luego a figma.
Gracias por compartir
Primera vez que me topo con esta plataforma. Haré el curso, hay mucho por aprender. Gracias!
Comparto mi gráfica, es la primera vez que utilizo Figma, me costó trabajo y me tarde un poco; pero que genial herramienta para seguir explorando y aprendiendo.
Felicidades!
Creando gráficos espectaculares con Figma
Visión general:
Esta clase se centra en cómo usar Figma para mejorar la visualización de datos, específicamente en la creación de gráficos que se alinean con el estilo de Latinometrics. Se enfatiza la colaboración en tiempo real y la accesibilidad de la herramienta.
Conceptos clave:
Ideas principales en orden cronológico:
Ejemplos específicos:
Se utiliza un gráfico cargado previamente y un ícono que se integra en la visualización.
Metodología:
Puntos de aprendizaje más importantes:
Referencias o recursos adicionales:
Mención de la creación de una librería de banderas y el uso de plugins en Figma.
Preguntas de comprensión:
Resumen realizado por la IA ADA.
Abro el link, pero no aparece la plantilla de Latinometrics. ¿Qué debo hacer?
Propuesta, pero ... realizada con Inkscape por ser open source (https://inkscape.app/); Figma es de pago:
Me llama mucho la atención el tema del origen y características de los dinosaurios así que tome el 1% del Dataset total de las especies conocidas para practicar los temas vistos en este curso y quise observar mediante este grafico la diferencia de pesos (toneladas) que tienen cada uno de los dinosaurios allí mencionados (únicos).
Que genial, el Tyrannoraurus Rex estaba pesadito xd
Grandíosas herramientas!