Data Studio: Armado de visualizaciones interactivas de datos

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

Paso 2
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. 

Paso 3
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.

Paso 4
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.

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

Paso 1
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". 

Paso 2
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í.

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

Paso 4
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.

Paso 1
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.

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

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

Paso 4
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.

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

Paso 6
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.

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

Paso 2
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. 

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

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

Paso 5
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.

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

Paso 2
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.

Paso 3
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. 

Paso 4
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. 

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

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