Today we're going to learn about community visualizations in Google Data Studio, what
they are, how to use them, how to get access to them, and review some examples in action.
Hi, this is Ahmad from Sarawak with another lesson from Google Data Studio essentials.
In the previous two lessons we learned about all the different standard chart types in
Google Data Studio. But what if the type of visualizations that we are after is not possible
to achieve with any of those default chart types? What if we want something completely
different? The good news is within Data Studio, we have community visualizations and components.
The feature is right now in developer preview mode as we speak, and to create a custom component
and community visualization. You either have to be a developer or you need to hire one.
But the best news is you don't have to because people are creating community visualization
and they are sharing them with us. We've already created a few community visualization in Siavak.
You can find them in our blog. Today, we're going to learn what these community visualizations
are, how we can get access to the ones that people have created and shared with us. And
we are going to review some exciting examples in action. Let's go ahead and get started.
Hello, and welcome to this new lesson. In the previous lesson, we learned about different
chart types in Data Studio. But what if the type of visualization that you want to have
is not already covered by any of those charts? What if you want to visualize your data differently?
The good news is that within Data Studio, it is possible to create custom data visualizations,
and components. Data Studio calls them community visualizations, and it's actually a feature
that is still in developer preview as we talk.
Here's the page and here you can learn about everything that you need to put together to
create a currency visualization. As you can see here, it says that you will have the flexibility
to use any visualization library, any kind of JavaScript library, and CSS to create your
visualizations. And then you can define how to style your element how to tell the story
with your data with that JavaScript library, and CSS and some coding knowledge. But you
don't have to be developer on a technical expert to be able to create your own visualizations.
It's possible for anyone that creates a custom visualization to share it with others. So
people and companies are creating community visualizations, and they're sharing it with
us if Google reviews them, and then shares them in this little menu in Google Data Studio.
So instead of going to add a chart menu and you using one of these standard charts, you
can open this little menu and access to community visualizations that are approved by Google.
There are a few that featured by Data Studio, supermetrics, click inside, and then you can
explore more to see the rest of them. They work quite similarly to the rest of standard
Data Studio charts. So for example, this guard chart by Data Studio, let's see how it works.
So we have this chart to some it might look great to some it might look ugly. I'm not
going to discuss that and go into that. But let's see we have a metric and we can sort
it we can apply a default date range. And then on this time tab, we can apply a minimal
gauge value, which I'm going to leave at zero. We can set the maximum and we have new users
43,000 here let's put the maximum at 50,000 because of major tech label and a number of
minor tech sections, etc. And then we can define three different sections, green section,
yellow section, and red section. So for example, let's say, if there are in a time period,
if the business owner is happy with 40 to 50,000 users, it is green, as then it is starts
to get ugly for them if it's somewhere between 25,000, 40,000 users, okay? This is where
they get worried because they have fewer users that they expected. And anything between zero
and 25,000 means that actually someone's gonna get fired. Basically, that's it. So it has
the same data Properties tab and it has the same install tab, just like any other standard
chart in Data Studio.
Now let's take a look at some community visualizations that I have found more interesting or useful.
This is the first one sunburst. The sunburst chart shows one metric over multiple dimension.
And it uses this kind of rings to show the distribution of that metric across different
categories within that dimension. Here I have revenue by product category as product. The
main ring in the middle, which is darker shade represents product category, we can see nest
here, apparel here, office drinkware. And it's quite an ID, tree map visualization that
we saw in the previous lesson. So the underlying data set is basically the same revenue, product,
category and product. But here we have a different kind of visualization. If you hover over any
of these, we can see that product category, for example, had 71% share of revenue across
all categories, and saying we can move the mouse cursor to the outer ring to see the
actual products within that category to actual nest product within the nest category in this
example, and how much was the share of revenue across the single category, okay. And if required,
we can have another ring and another dimension as well. Let's take a look at another example.
Here we have one metric sessions and three dimensions, landing page, second page, and
exit page. So we actually visualizing in kind of a story of how people enter the website,
which pages do they land on, what are the second pages that they see. And finally, what
is the page that they see the last one, what is the page that they actually exit from.
The ring in the middle represents the landing page. So for example, we can see that homepage
was responsible for 57% of the sessions. And then of those people, 75000s of them reloaded
the homepage, which corresponds to 26% of people who landed on the homepage and 15%
of all the stuff sections put in the website. And then if we move another level out, we
can see okay, homepage could have been the exit session for our website as well. But
there could be some other pages so from homepage to homepage and then exit on basket. Remember
that can be different pages between the second page and the exit page, it doesn't mean that
they directly went from the second page to the exit page.That was sunburst. Let's see
the next one.
This one's quite interesting. This is an animated bar chart. Here I have top seven cities by
revenue from 2017 to date, and this chart type uses a cool animation to show how top
10 cities by revenue change from month to month during this time period. Now here I've
chosen to highlight New York, San Francisco and Mountain View. But depending on the story
you want to tell you can decide which value from your categories do you want to highlight.
Maybe you want to see the change of a product revenue, or product categories revenue over
time, you can highlight that and see how it changes over time.
Let's move on to the heat map. A heat map is quite a straightforward who can apply to
dimension and one metric. Here I have user by day of the week and hour of the day. And
this type of visualization uses different shades of color to show the highest and lowest
values for that metric, in this case users for the combinations for the different combinations
of those two categories. So for example, Thursday at 10am, we had this number of users. But
Wednesday, and Tuesdays we're not so busy either. So for example, if the owner of this
business wants to allocate resources to their customers supporting they know that Mondays
are quite busy, Thursdays they're quite busy. Also Fridays and Saturdays. And maybe some
employees can take a day off on Tuesdays and Wednesdays.
Moving on to the next, the funnel visualization, which I'm sure would be exciting for most
people. For a long time, when people wanted to create a funnel visualization in Google
Data Studio, they had to use a static image as a background, and then just overlay some
scorecards over that a static image. But now with the introduction of this funnel diagram,
it's easier than ever to create a funnel visualization Data Studio. All you need to do is just pick
your metrics, and then place them in order. The chart will take care of the risk. Here
we see how users go through the purchase funnel on this website. How many sessions do we have,
how many people and how much percentage of them view the collection page. How many product
detail views do we have, how many products were added to the basket, how many checkouts
And finally, how many transactions. And immediately we can see together bottleneck, the collection
page to the product detail. Maybe they have ugly product images. I don't know, we have
to look at their website and see what we can do to increase the percentage of product detail
views and encourage people. So when they are on a collection page, they want to click on
a product. That's it.
Let's move on to the next one, the range filter. This one is actually not a visualization,
but it's a community component. It's a filter menu. That allows us to select a range between
a minimum and a maximum number, or during the date range to filter the rest of the charts
and components on the page. Here we have third of January to 20th of May, and we can use
this range filter to limit the amount of data that are represented on the rest of the charts
on this page. You noticed that as I adjusted the range, this trendline changed and the
scorecard above also refreshed to reflect the new numbers.
Let's take a look at the final example the Sankey chart. The Sankey chart is good to
show the relationship between categories of two or more dimensions. Here I have gender,
device category and age range. I can hover my mouse pointer, and each of these sections
to highlight the relationship between each pair of categories, male users on mobile,
female users on desktop. For example, desktop users that are 18 to 24 years old. That's
it. Now you know that within Data Studio, it is possible to create custom visualizations
and components and share it with others. You know where to find them, how to use them,
and we also reviewed some of the most interesting ones together.
Thank you very much and see you in the next lesson. In this lesson, we learned about community
visualizations and components, where to find them and how to use them. Next, we learn how
to bring to life to our report by adding report interactions. Did you learn anything new today?
I hope you did. Feel free to test your knowledge by taking the quiz for this lesson for continue
to the next. As always, you can find the links in the descriptions below. If you're new to
measureschool, make sure to subscribe so you can get notified of future videos that we
publish. And if you have a question, any question, feel free to leave a comment. I look forward
to seeing you in the next lesson.