Saltar al contenido principal
Ir al panel
¿No sabes por dónde empezar? Responde un breve cuestionario para obtener recomendaciones personalizadas.
Welcome to the Google News Initiative
The Google News Initiative works with publishers and journalists to fight misinformation, share resources, and build a diverse and innovative news ecosystem.
Lección 13 de 18
Data Studio: Armado de visualizaciones interactivas de datos
Data Journalism
Permisos: Cita Datos de Google
Guía de inicio rápido de búsqueda de datos.
Google Trends: Interpretar los datos.
Google Data GIF Maker
Visualizar datos: Plantillas Flourish.
Fuente de datos: Global Forest Watch.
Hojas de cálculo de Google: Cómo limpiar datos
Visualizar datos: Introducción a Tilegram.
Visualizar datos: Tilegrams avanzado.
Fuente de datos: Election Databot.
check_box_outline_blank Data Journalism: Take the Quiz
Curso
0% finalizado
5 minutos para completar

Data Studio: Armado de visualizaciones interactivas de datos

InteractiveData_overview_xkBAYnb.jpg
Dé vida a sus conjuntos de datos creando poderosas visualizaciones interactivas con una herramienta fácil de usar.
InteractiveData_overview_xkBAYnb.jpg

Descripción general de la lección

InteractiveData_overview_MJCCgFQ.jpg

Aprenda a crear visualizaciones que cuenten su historia.


Data Studio es una poderosa herramienta que crea visualizaciones interactivas que se actualizan en tiempo real con datos de distintas fuentes. En periodismo, Data Studio le permite contar historias con datos y le da la posibilidad de elegir cómo presentarlos. Estas visualizaciones les permiten a los usuarios interactuar con las historias desde distintas perspectivas. 



  1. Cómo conectar las Hojas de cálculo de Google con Data Studio.
  2. Cómo editar los datos.
  3. Cómo crear un gráfico de líneas.
  4. Cómo agregar un gráfico de tabla.
  5. Cómo modificar el diseño de la visualización.
  6. Cómo insertar su visualización interactiva.

Para acceder a más lecciones sobre Periodismo de datos, visite:

https://newsinitiative.withgoogle.com/training/course/data-journalism

InteractiveData_overview_MJCCgFQ.jpg

Cómo conectar las Hojas de cálculo de Google con Data Studio.

Antes de comenzar, asegúrese de haber completado nuestras lecciones del Centro de formación, Hojas de cálculo de Google: cómo extraer datos de Internet, y Hojas de cálculo de Google: Cómo limpiar datos; y también asegúrese de haber iniciado sesión con la misma cuenta. Usaremos la hoja de datos que creamos a partir del artículo de Wikipedia en esas lecciones para esta visualización. 





Vaya a datastudio.google.com e inicie un nuevo informe, para ello haga clic en el cuadrado blanco con el icono +. 


En Data Studio, a las visualizaciones se las llama "informes". Para conectar nuestra Hoja de cálculo de Google con este informe, seleccione Crear fuente de datos, abajo a la derecha. 


Aparecerá un menú que le muestra los servicios a partir de los cuales puede extraer datos. Desplácese hasta donde dice Hojas de cálculo de Google y haga clic en SELECCIONAR.


En el cuadro de búsqueda, verá todos los archivos de Hojas de cálculo de Google asociados a su cuenta de Google Drive. (Si es la primera vez que usa Google Data Studio, es posible que deba concederle permiso para acceder a su cuenta de Drive).Seleccione la hoja de cálculo y la hoja de trabajo relacionada donde están almacenados los datos.


Deje todas las casillas de Opciones marcadas y haga clic en Conectar.

Cómo editar los datos.


Vamos a renombrar la visualización. Haga clic en la esquina superior izquierda, donde dice Informe sin título. Lo llamaremos "Las 50 películas con mayor recaudación del mundo". 


Debajo de Tipo, cambie los datos de la fila 5 de Número a Fecha y hora > Año (AAAA). Si ya está configurado como Año (AAAA), déjelo así.


Seleccione Añadir al informe, el botón azul arriba a la derecha. Haga clic de nuevo sobre la misma opción que aparecerá.


A continuación, haremos que la visualización tenga 630 píxeles de ancho y 800 píxeles de alto. Haga clic en cualquier lado y escriba los números en la sección Tamaño del lienzo.

Cómo crear un gráfico de líneas.

Ahora, agregaremos un gráfico interactivo de líneas en el que se muestren las recaudaciones mundiales para un año determinado. Si hace clic sobre cualquier año en la línea, aparecerá una tabla en la que se enumeran las principales películas, desde la de mayor recaudación hasta la de menor recaudación.  




Primero, seleccione la herramienta del rectángulo y arrastre el cursor del mouse por la parte superior del lienzo. Use la herramienta Texto para agregar un título. Use el panel de la derecha para darle formato al texto.


Vaya a Añadir un gráfico y haga clic en Gráfico de líneas suavizadas. 


Cambie el tamaño para que se adapte bien debajo del título, pero deje espacio para el gráfico siguiente.


Para cambiar el tamaño, la métrica y la clasificación del gráfico de líneas, haga doble clic sobre este.Para Dimensión, arrastre y suelte Año para reemplazar a Título. Luego, reemplace Métrica con Worldwide gross.


Bajo Ordenar, haga clic en Worldwide gross, y luego en Año. 


Cambie la opción de orden a Ascendente.En la parte inferior, verá una sección denominada Interacciones. Seleccione Aplicar filtro. Esto hará que con cada clic en el gráfico de líneas se dispare una acción para filtrar la tabla.

Cómo agregar un gráfico de tabla.


Seleccione Añadir un gráfico > Tabla. Cambie su tamaño para que muestre las primeras 10 filas de la lista.


Vamos a configurar esta tabla con tres métricas en el siguiente orden: Año, rango y "Worldwide gross" (recaudación mundial). Vaya a Métricas y agregue estos campos, ya sea arrastrándolos desde Campos disponibles o haciendo clic en Añadir métrica. 


A continuación, vaya a Estilo > Colores de la tabla y modifique el color del encabezado por un gris oscuro.


Vaya a Pie de página de la tabla y desmarque la casilla Mostrar paginación.


Ahora, puede agregar texto que cite sus fuentes de datos e instrucciones para usar la tabla. Seleccione Texto y agréguelo a la parte inferior de la tabla.

Cómo modificar el diseño de la visualización.

Ahora, veamos algunos distintos tipos de elementos de diseño y texto que puede usar para personalizar su visualización. 




Para agregar texto direccional, como "Desplácese para ver más", haga clic en Texto y escriba su mensaje. 


En cualquier momento, puede generar una vista previa de su visualización haciendo clic en Vista. Para alternar entre los modos Vista y Editar, simplemente vuelva a hacer clic.


Cuando esté en modo Vista, puede hacer clic en cualquier punto en la línea y la tabla de abajo mostrará automáticamente las 50 películas principales de ese año. 


El modo Vista también le permite ver la visualización completa que creó, incluidos el título, el gráfico de líneas y la tabla. 

Cómo insertar su visualización interactiva.

Puede compartir su visualización por correo electrónico o insertándola en su sitio web. 



PASO 1 de 2

Comparta esta visualización del mismo modo que compartiría cualquier otro documento de GSuite.



PASO 2 de 2

Para insertar esta visualización interactiva en su sitio web, haga clic en Archivo > Insertar informe. Marque la casilla Habilitar inserción y use el código de su página.


Share this visualization the same way you'd share any other GSuite document.


To embed this interactive visualization on your website, click File > Embed report. Check the Enable embedding box and use the code on your page.

¡Felicitaciones!

InteractiveData_overview_IXJEf3a.jpg

Ha completado la lección "Data Studio: Armado de visualizaciones interactivas de datos".



Para seguir desarrollando sus habilidades de periodismo digital y conseguir la certificación de la Google News Initiative, visite el sitio web de nuestro Centro de formación y apúntese para otra lección.



Para acceder a más lecciones sobre Periodismo de datos, visite:

https://newsinitiative.withgoogle.com/training/course/data-journalism

InteractiveData_overview_IXJEf3a.jpg
Leave and lose progress?
By leaving this page you will lose all progress on your current lesson. Are you sure you want to continue and lose your progress?