Chapter 8: Data Visualization: Styling Like a Pro
8.6. Time Saving Techniques in Looker Studio
Extracting Theme from an Image
Learn how to quickly apply a color scheme from a client's logo or image in Looker Studio.
When creating a report for a client, you might want to quickly apply a color scheme that matches their brand. Looker Studio has a feature called "Extract Theme from Image" that allows you to do this.
To use the "Extract Theme from Image" feature, follow these steps:
- Navigate to "Theme and Layout" settings in your Looker Studio report.
- Scroll to the bottom and click on "Extract Theme from Image."
- You can either upload an image file from your computer or provide a URL for an image (e.g., the client's logo).
- Looker Studio will then analyze the image, extract the colors, and present you with three different theme options based on the extracted colors.
- Select a theme option and apply it to your report.
Keep in mind that this feature only changes the color scheme of your report, not the fonts or other settings. It can be a useful starting point, but you may want to further customize the theme to better suit your report's purpose and design.
Reverting to a Previous Theme
Learn how to revert to a previous theme if you're not satisfied with the changes made using the "Extract Theme from Image" feature.
If you apply a theme using the "Extract Theme from Image" feature and are not satisfied with the results, you can try undoing the change using the "Undo" button in Looker Studio. Alternatively, you can refresh the page to revert to the previous settings, as long as you haven't saved the changes.
Keep in mind that using the "Extract Theme from Image" feature might not always provide the perfect color scheme for your report. It can be a helpful starting point, but you might need to further customize the theme and layout settings to create a more visually appealing and effective report.
Creating Accessible Color Palettes
Discover how to create visually appealing and compatible color palettes using the Coolors.co website.
Coolors.co is a free service that helps you generate color palettes that look good together. To create a color palette using Coolers.co:
- Visit the Coolors.co website.
- Choose a starting point by either starting the generator from scratch or exploring trending palettes.
- Click on any of the colors to select the primary color for your palette (e.g., the client's brand color).
- Lock the primary color by clicking the lock icon.
- Press the spacebar on your keyboard to generate complementary colors for your palette.
- Lock any additional colors that you like, and continue pressing the spacebar until you have a complete color palette you're happy with.
Importing Your Palette into Looker Studio
Learn how to quickly import your custom color palette into Looker Studio using the "Extract Theme from Image" feature.
To import your color palette into Looker Studio:
- Take a screenshot or save the color palette image from Coolers.co to your computer.
- In Looker Studio, navigate to "Theme and Layout" settings.
- Click on "Extract Theme from Image" and upload the saved color palette image.
- Looker Studio will extract the colors from the image and apply them to your report.
Adjusting Colors for Accessibility (Color Blindness)
Discover how to create color palettes that are accessible to people with color blindness using Coolors.co's built-in accessibility features.
To ensure your color palette is accessible for people with color blindness:
- In Coolors.co, click on the "Accessibility Tools" icon (eye symbol) in the top right corner of the screen.
- Select the type of color blindness from the dropdown menu to see how the contrast between the colors in your palette will look for people with that type of color blindness.
- Test your color palette across all types of color blindness to ensure it remains accessible and visually appealing for all users.
By using these tools and techniques, you can create visually appealing and accessible color palettes for your Looker Studio reports that cater to a wide range of users, including those with color blindness.
Copying and Pasting Styles for Components
Discover how to copy and paste styles for components in Looker Studio, saving time and ensuring consistency in your report design.
When you want to apply the same style to multiple components in Looker Studio without manually adjusting each component's settings, you can use the "Copy and Paste Style" feature:
- Select the component with the desired style.
- Press
Ctrl+C
(Windows) orCmd+C
(Mac) to copy the component. - Select one or multiple components you want to apply the style to.
- Right-click on one of the selected components and choose "Paste special" > "Paste style only."
This method allows you to quickly apply the same style, such as font, border, margin, and padding settings, to multiple components in your report, ensuring a consistent design and saving time.
Using the "Copy and Paste Style" feature in Looker Studio can help you maintain a consistent look and feel throughout your report while significantly reducing the time spent on manually adjusting the style of each component.
Selecting Multiple Components for Editing
Learn how to select multiple components at once in Looker Studio, making it easy to apply changes to several items simultaneously.
Bulk selection is a useful feature in Looker Studio when you want to apply changes to multiple components at once. Here's how you can use bulk selection to edit multiple components:
- Right-click on an empty area of the page to open the context menu.
- Hover over the "Select" option, and you'll see several options for selecting components:
- Select all: Selects all components on the page.
- Select all controls: Selects all control components (e.g., filter controls) on the page.
- Select all charts and controls: Selects all charts and controls on the page.
- Alternatively, you can right-click on a specific component and choose one of the following options:
- Select all [component type] on the page: Selects all components of the same type as the selected component (e.g., all scorecards).
- Select all charts with [data source] on the page: Selects all charts with the same data source as the selected component (e.g., all charts using Google Analytics data).
Once you have made your selection, you can edit the components simultaneously, such as applying a consistent style or adjusting the settings.
Please note that copying the format of a specific metric, like the currency symbol, cannot be done through bulk selection or copying styles, as it is a data source level setting, not a component style setting.
Copying and Pasting Charts Between Reports
Learn how to copy and paste charts between reports in Looker Studio, making it easier to create templates and reuse visuals for multiple clients.
Copying and pasting charts between reports in Looker Studio can be a powerful way to create templates and reuse visuals for multiple clients. However, sometimes you may encounter issues when trying to paste charts into a new report. This is usually due to data source or data connector limitations.
To successfully copy and paste charts between reports, follow these steps:
- Ensure that the chart you want to copy is connected to a reusable data source. Embedded data sources live within a single report and cannot be reused in another report.
- Copy the chart from the original report.
- Go to the new report where you want to paste the chart.
- Click "Paste" or use the keyboard shortcut
Ctrl+V
(Windows) orCmd+V
(Mac). If the reusable data source is not already in the new report, Looker Studio will prompt you to add the data source to the report. - Click "Add to report" to add the reusable data source to the new report.
- The chart will now be pasted into the new report, connected to the same reusable data source.
By using reusable data sources and ensuring you have the appropriate permissions, you can easily copy and paste charts between reports, making it much more efficient to create consistent visuals for different clients.
Keyboard Shortcuts in Looker Studio
Discover helpful keyboard shortcuts in Looker Studio to improve efficiency and streamline your workflow.
Using keyboard shortcuts in Looker Studio can greatly improve your efficiency and make your workflow more seamless. Here are some useful shortcuts:
- Arrow keys: Navigate between pages when no component is selected.
- Ctrl + Shift + E (Cmd + Shift + E on Mac): Refresh the data source.
- Ctrl + M (Cmd + M on Mac): Create a new page.
- Ctrl + D (Cmd + D on Mac): Duplicate a selected component.
- Alt + Shift + V (Option + Shift + V on Mac): Paste the style of a component without pasting its content.
While not all keyboard shortcuts are documented by Google, these are some of the most helpful shortcuts to improve your experience in Looker Studio. Feel free to explore and experiment with other shortcuts to find the ones that work best for your workflow
π© Receive my weekly Looker Studio tips
π Connect with me on LinkedIn