<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>dashboard design Archives | Data Studio</title>
	<atom:link href="https://www.datastudio.ca/tag/dashboard-design/feed/" rel="self" type="application/rss+xml" />
	<link></link>
	<description>AI and Analytics Tips, Techniques and Tutorials</description>
	<lastBuildDate>Sun, 09 May 2021 04:32:04 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.3</generator>

<image>
	<url>https://www.datastudio.ca/wp-content/uploads/2020/01/cropped-Logo-80x80.png</url>
	<title>dashboard design Archives | Data Studio</title>
	<link></link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>How to extract a report theme from an image in Google Data Studio?</title>
		<link>https://www.datastudio.ca/design-and-formatting/how-to-extract-a-report-theme-from-an-image-in-google-data-studio/</link>
		
		<dc:creator><![CDATA[Lachezar Arabadzhiev]]></dc:creator>
		<pubDate>Mon, 13 Apr 2020 23:29:11 +0000</pubDate>
				<category><![CDATA[Design and Formatting]]></category>
		<category><![CDATA[dashboard design]]></category>
		<category><![CDATA[data studio tutorial]]></category>
		<guid isPermaLink="false">https://datastudio.ca/?p=1186</guid>

					<description><![CDATA[<p>In this post, I want to show you how to extract a theme from an image in Google&#8230;</p>
<p>The post <a href="https://www.datastudio.ca/design-and-formatting/how-to-extract-a-report-theme-from-an-image-in-google-data-studio/">How to extract a report theme from an image in Google Data Studio?</a> appeared first on <a href="https://www.datastudio.ca">Data Studio</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>In this post, I want to show you how to extract a theme from an image in Google Data Studio. We often find ourselves in situations, where the dashboard look-and-feel needs to align with the client&#8217;s brand and style. However, imagine that you have already built a dashboard and you have to now go and change the colour and font of every single table, chart and label. It takes a lot of time if you do it manually, so here is a nifty time-saver tip.</p>


<div class="saswp-how-to-block-section"><div class="saswp-how-to-block-steps"><p class="saswp-how-to-total-time"><span class="saswp-how-to-duration-time-text"><strong>Time Needed :</strong> </span>2 minutes</p><p>Extract a theme from an existing, uploaded or web-based image</p><ol><li><h1 id="go-to-google-data-studio-and-create-a-new-report" class="saswp-how-to-step-name ">Go to <a rel="noreferrer noopener" href="https://datastudio.google.com/u/0/" target="_blank">Google Data Studio</a> and &#8220;Create&#8221; a new report<em>.</em></h1><p class="saswp-how-to-step-text">You can use an existing report as well.<img decoding="async" style="width: 1910px" src="https://datastudio.ca/wp-content/uploads/2020/04/e52cd2fd-google-data-studio-homepage-interface.jpg" alt="google data studio homepage interface"></p></li><li><h1 id="click-on-the-edit-button-of-your-report" class="saswp-how-to-step-name ">Click on the &#8220;Edit&#8221; button of your report.</h1><p class="saswp-how-to-step-text">Make sure you do not select any chart or table by clicking in the grey area outside the report.<img decoding="async" style="width: 1920px" src="https://datastudio.ca/wp-content/uploads/2020/04/0417826d-edit-a-data-studio-report.png" alt="edit a data studio report"></p></li><li><h1 id="choose-one-of-the-extract-theme-from-image-options-all-of-them-will-lead-to-the-same-outcome" class="saswp-how-to-step-name ">Choose one of the &#8220;Extract theme from image&#8221; options. All of them will lead to the same outcome:</h1><p class="saswp-how-to-step-text">3.1 Right-click an existing image in your report.<br>3.2 Pick &#8220;Upload from computer&#8221; and select a locally stored image.<br>3.3 Paste the URL of an image available on the web.<img decoding="async" style="width: 1908px" src="https://datastudio.ca/wp-content/uploads/2020/04/1d3dde8a-extract-theme-from-image-feature.jpg" alt="extract theme from image feature"></p></li><li><h1 id="in-a-pop-up-window-data-studio-is-going-to-suggest-themes-created-for-you-using-different-colour-schemas" class="saswp-how-to-step-name ">In a pop-up window, Data Studio is going to suggest &#8220;Themes created for you&#8221;, using different colour schemas.</h1><p class="saswp-how-to-step-text">In this case, Data Studio has identified the predominant colours in my image.<img decoding="async" style="width: 1396px" src="https://datastudio.ca/wp-content/uploads/2020/04/235b7e34-themes-created-for-you-pop-up-window-in-data-studio.png" alt="themes created for you pop-up window in data studio"></p></li><li><h1 id="once-you-pick-a-theme-the-configuration-is-going-to-be-available-under-theme-and-layout" class="saswp-how-to-step-name ">Once you pick a theme, the configuration is going to be available under &#8220;Theme and Layout&#8221;.</h1><p class="saswp-how-to-step-text">You can also edit the newly generated theme further by selecting &#8220;Customize&#8221;.<img decoding="async" style="width: 1022px" src="https://datastudio.ca/wp-content/uploads/2020/04/ee4de758-customize-theme-extracted-from-image.png" alt="customize theme extracted from image"></p></li></ol></div><div class="saswp-how-to-block-tools"><h5 id="tools">Tools</h5><ul><li>This feature is directly available in Google Data Studio.</li></ul></div><div class="saswp-how-to-block-material"><h5 id="materials">Materials</h5><ul><li>Remember, all you need as a source for the theme is a random image.</li></ul></div></div>


<p>I hope this was a helpful design trick in! If you have any questions, feel free to DM me on <a rel="noreferrer noopener" href="https://www.linkedin.com/in/larabadzhiev/" target="_blank">LinkedIn</a> or <a href="https://datastudio.ca/#colophon" target="_blank" rel="noreferrer noopener">subscribe to my newsletter</a>.</p>



<h2 class="wp-block-heading" id="dynamic-dashboards-and-data-analysis-with-google-data-studio">Dynamic Dashboards and Data Analysis with Google Data Studio</h2>



<p>Learn how to build powerful data visualizations and unlock insights with my <a rel="noreferrer noopener" href="https://www.udemy.com/course/dynamic-dashboards-and-data-analysis-with-google-data-studio/?referralCode=ED2EC987F6AD37C6DED8" target="_blank">course on Udemy.</a> If you are wondering, these are the things you will gain knowledge about. Take a look.</p>



<h3 id="by-the-end-of-the-course-you-will-be-able-to" class="wp-block-heading"><strong>By the end of the course, you will be able to:</strong></h3>



<ul class="wp-block-list"><li>Use  and understand all chart types throughout the course (Bullets, Pie Charts, Scorecards, Scatter plot and etc.).</li><li>Connect and blend data sources from Google Analytics and Google Sheets.</li><li>Create custom dimensions with conditional expressions (CASE + REGEXP_MATCH + IN).</li><li>Build a user journey funnel with Google Analytics data based on a &#8220;Page Title&#8221; dimension.</li><li>Explore user-level data with scatter plot (eCommerece) and create a device breakdown visualization.</li><li>Build a time-series chart with rolling dates and interaction filters.</li><li>Automate reports with advanced date selection filters.</li><li>Understand the access levels in Data Studio &#8220;Owner&#8221; vs &#8220;Viewer&#8221;.</li><li>Apply conditional formatting rules to signal data anomalies.</li><li>Apply IF statements within a CASE and use operators.</li><li>Extract a report theme and colour scheme from an image in Data Studio.</li></ul>



<figure class="wp-block-image size-large"><img decoding="async" src="https://datastudio.ca/wp-content/uploads/2019/11/Video-Outro-Thumbnail_Updated.jpg-1024x576-1.jpg" alt="Google Data Studio Course" class="wp-image-710"/></figure>
<p>The post <a href="https://www.datastudio.ca/design-and-formatting/how-to-extract-a-report-theme-from-an-image-in-google-data-studio/">How to extract a report theme from an image in Google Data Studio?</a> appeared first on <a href="https://www.datastudio.ca">Data Studio</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Learn how to use conditional formatting in Google Data Studio</title>
		<link>https://www.datastudio.ca/design-and-formatting/learn-how-to-use-conditional-formatting-in-google-data-studio/</link>
		
		<dc:creator><![CDATA[Lachezar Arabadzhiev]]></dc:creator>
		<pubDate>Sun, 26 Jan 2020 01:25:00 +0000</pubDate>
				<category><![CDATA[Design and Formatting]]></category>
		<category><![CDATA[conditional formatting]]></category>
		<category><![CDATA[dashboard design]]></category>
		<guid isPermaLink="false">https://datastudio.ca/?p=791</guid>

					<description><![CDATA[<p>Within your dashboards and reports, it is important to highlight the key data points, so that the people&#8230;</p>
<p>The post <a href="https://www.datastudio.ca/design-and-formatting/learn-how-to-use-conditional-formatting-in-google-data-studio/">Learn how to use conditional formatting in Google Data Studio</a> appeared first on <a href="https://www.datastudio.ca">Data Studio</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Within your dashboards and reports, it is important to highlight the key data points, so that the people using your reports can construct an insight faster and in a more clear way. This is why when conditional formatting was added to Data Studio, everyone was super excited.  In this post, I am sharing a video from my <a href="https://www.udemy.com/course/dynamic-dashboards-and-data-analysis-with-google-data-studio/?referralCode=ED2EC987F6AD37C6DED8">Data Studio course</a> that goes over using conditional formatting effectively and exploring rule sequencing.</p>



<figure class="wp-block-video"><video controls src="https://datastudio.ca/wp-content/uploads/2020/01/Section-8_Part-2_Blog-Post.mp4"></video></figure>



<h3 id="video-transcript-for-conditional-formatting-modified-for-clarity" class="wp-block-heading">Video Transcript for Conditional Formatting (modified for clarity):</h3>



<p>Let&#8217;s take a look at conditional formatting. What I&#8217;ve done here is, I&#8217;ve just created a brand new report, so we have a clean space. We&#8217;re going to create just a simple grid and click on tables. We are going to create a brand new table here. We&#8217;re going to do a couple of changes on the table so we&#8217;re using the data source as Google Analytics data once again. </p>



<p>That&#8217;s the sample, it&#8217;s available across all Google Data Studio accounts. For dimension, we&#8217;re going to use a Google Analytics dimension called page. Page is simply the URL in your website. Click on that. We&#8217;ll keep the sessions and for the style I&#8217;m just going to go ahead and remove the first column. </p>



<p>The row numbers. Now we have the table expanded a little bit and we&#8217;re also going to add a filter for a date range. We&#8217;re going to deal with a specific subset of data and that&#8217;s going to be January 1st to January 31st. So, we&#8217;re just going to go back. Pick that. </p>



<p>We&#8217;re going to work on just this fixed date range, right, then click apply. Great. So, we have that. We&#8217;re going to click on the table and go in the style tab here and there you have it, conditional formatting. So the way conditional formatting works is, you can give specific rules for the data and you can colour or alter the font of the data to highlight a specific range or a ratio. So, we&#8217;re going to start with creating our first rule. </p>



<h4 id="continued" class="wp-block-heading">Continued&#8230;</h4>



<p>It&#8217;s simply clicking add here and the first thing that pops up is the rules. So just by looking at the data, we&#8217;re seeing sessions that are under thousand. There is a lot in the thousands and then some in the above two thousand. </p>



<p>So let&#8217;s create a rule that highlights the ones that are under a thousand. Colour type is already by default a single colour and the format rules, we are going to click here. If you click on sessions the condition will be less than a thousand, so thousand is an arbitrary number that we&#8217;ve picked and what we could select here, after we input the value, colour and style. &nbsp;have a couple of options so we could highlight the sessions, we can highlight the page cell or we can highlight the entire row. </p>



<p>Let&#8217;s assume for a minute that we&#8217;re going to just highlight the entire row. And as I said we can change the font colour or we could change the background. And in this case, I would like to change the background to red because under a thousand it&#8217;s not as great of performance let&#8217;s say. </p>



<p>We&#8217;ll change that and we&#8217;ll click save and add another and the table flashed just for a second and you can see the first value here and we&#8217;re going to expand the table, but the first value is under thousands already highlighted. </p>



<h4 id="continued-2" class="wp-block-heading">Continued&#8230;</h4>



<p>Now we&#8217;re going to do another rule and pick all the sessions that are over two thousand. So once again sessions, select a condition greater than and we&#8217;ll put two thousand here for the entire row. </p>



<p>And that is a very great performance. So we&#8217;re just going to choose the green colour and save and add another. And here&#8217;s what happens we already have the red highlighted under a thousand and over two thousand graded in two thousand. It&#8217;s highlighted in green. That&#8217;s great. And then we&#8217;re going to click on sessions once again and we&#8217;re going to say perhaps the ones that are greater than a thousand are still good and we&#8217;re going to assign them just the yellow colour because those are neutrals, not that great. It&#8217;s not bad. </p>



<p>So somewhere in the middle, we assign that entire row again and we click save and look what happens. </p>



<p>The second rule actually that we created that was the green highlighting, it&#8217;s no longer valid. And the last rule that we&#8217;ve put that greater than 1000 has kind of overwritten our initial rule. So let&#8217;s see why that has happened. We can go back to conditional formatting click right here and we&#8217;ll see how the rules were written. The importance here and in a lot of different Google Products the sequence of the rules matters a lot. </p>



<p>So that first we have less than a thousand and that&#8217;s easy to do because it&#8217;s just a simple rule and everything that is less than a thousand will be coloured in red. However, the second rule when its session is greater than thousand it really is cancelled out by the third rule in terms of the sequence. </p>



<h4 id="continued-3" class="wp-block-heading">Continued&#8230;</h4>



<p>So if I swapped those two, my table should correct itself. And there you go. So we have the sequence of greater than a thousand, So yes absolutely 1060 is great than 1000. But once it reaches two thousand. The green rule kicks in and we have the table formatted correctly and if I expand this table, we&#8217;ll see that all values are highlighted. </p>



<p>Now, we can obviously play around with how things are highlighted from a design perspective. Should we highlight only the sessions? Maybe it&#8217;s a better idea here because the page we don&#8217;t really want to highlight it. But we have the capability to do that. </p>



<hr class="wp-block-separator has-text-color has-background has-very-dark-gray-background-color has-very-dark-gray-color is-style-wide"/>



<p> I hope this was helpful! If you have any questions, feel free to DM me on <a href="https://www.linkedin.com/in/larabadzhiev/">LinkedIn</a> or <a href="https://datastudio.ca/#colophon">subscribe to my newsletter</a> for more updates <img src="https://s.w.org/images/core/emoji/16.0.1/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" />  </p>
<p>The post <a href="https://www.datastudio.ca/design-and-formatting/learn-how-to-use-conditional-formatting-in-google-data-studio/">Learn how to use conditional formatting in Google Data Studio</a> appeared first on <a href="https://www.datastudio.ca">Data Studio</a>.</p>
]]></content:encoded>
					
		
		<enclosure url="https://datastudio.ca/wp-content/uploads/2020/01/Section-8_Part-2_Blog-Post.mp4" length="84928908" type="video/mp4" />

			</item>
	</channel>
</rss>
