OK, now we're going to look at the visualizations in more detail, starting with graphs and more specifically,
time series graphs.
There are many ways to stall your graph at all.
Essentially, they are graphs showing time series data now, time series data.
If I look at one of these, for example, inspect the data consists of a timestamp and a value.
So it's just time stamps values.
That's time series data and behind each and every single one of these graphs is something like that
a series of times with a value.
That's what we're seeing here, and perhaps even multiple time series.
So for this one, there is one two three four five different sets of time series data that behind this
particular graph.
Anyway, in your copy of Carafano, I'm on my copy of Credit.
Go to dashboard's ménage and we'll just create a new dashboard.
Add an empty panel.
OK, so by default, it's using our default data source, which we've selected as standard DB with one
time series being random walk.
And that's a default graph, so we can refresh that, and it's random walks are changing every single
time.
OK, so test data DB is good for learning.
It's just like data.
Now, if we look at the scenario, there are many scenarios in there.
Not all of those are going to return time series data that can be shown in a graph like that.
But the ones we can use random walk, random walk with error, which is the same as Random Walk, actually
shows some error information if you wanted to see how that works.
We could also use one called says the metric values, which are hardcoded values.
So if you look at that, that's one 2090, etc. that the numbers down there, we can change.
Those could make that a 10, and it updates the graph dramatically.
Or I could make it a hundred or I could even add.
For example, that's six feet metric values.
That's a good option for testing.
And also another one called streaming client.
So streaming client is continually updating data.
You can sort of see that being drawn there, but we'll zoom in to it so that we can see that, but also
just highlight with the amass a section and zooming into it.
Now we go, it's just updating continually.
That's the streaming client.
So you can use those scenarios inside the graph visualization to help you when you're working on your
graph style.
Now also, as well as zooming using the mouse option like that, you can use this dropdown here to select
a certain time range sample.
Last five minutes ago, I could see the last five minutes within that range or specific times now minus
five minutes to now or from that date to that date.
But it's just easier to get to the last five minutes, perhaps.
OK, so I'm going to go back to just random walk for now and look at the different options that we can
use to store that graph.
So on the right here, panel options this top dropdown in previous versions of Safana, the option to
choose your visualization was part of one of the options in this section here.
It's now being moved right to the top, so the first one, which is the most common you'll see is Code
Time Series, which is basically the time series graph.
If you're more familiar with version seven or less of Gravano, you still have an all graph visualization
here that you can use.
I'll show you time series option, so that's what we have selected already time series and these are
the options for time series.
If I change that, we'll get different options.
For example, state timeline, we get different options.
I go back to time series.
We go.
So here title, I can write anything.
I like my panel title and it's updated there, and if I went out, it would save my panel title.
Now, in the previous videos, I changed that title by using the panel.
Jason, there.
That's a little more complicated.
It's actually easier just to use the edit option there and change it there.
My panel title description if you like ABCD and that will show up here the eye, if you wanted to,
to help your users a little more understand what's going on.
Transparent background OK, so takes away that greatness panel links.
We can add a specific link.
For example, I can show any links I like that are more descriptive for the graph, for example, my
website.
And open a new tab if I wanted to save and that will then show up top left their website shows my grandfather
on new page.
Whatever you are you think is important, I don't need that repeat options.
This is a more advanced subject, will come onto this later.
There are no template variables found.
We'll look at template variables later on in the course.
Template variables are useful for dynamically creating graphs.
Tooltip when I hover over parts of the graph, you see that shows the date and I series seventy seven
point two, then seventy four point four.
That's the tooltip at the moment.
I only have one series available, so we're only seeing one single time series in a tooltip, so all
doesn't have any effect and hidden just hides it.
But in order to see all have an effect, I'll add a second time series down here by pressing query.
So be I have a new time series called B, and I'm also going to use random walk.
That's good already.
If it doesn't show up, just disable and then enable again.
So I'm saying to time series update now, I could have also just pressed Refresh on the dashboard to
show it.
OK, so going back to tooltip mode single is just showing whatever the closest value is.
So based series a series, if I press all it will just show both all the time I Series B series and
a Series B series.
OK, so legend the legend down here is that the left Stiefel list table?
OK, so it's now in rows or hidden placement bottom or right?
OK, OK.
And Legend Values We only have two things written there a series and B series, but we can also.
Share more options, so last.
OK, so I'm showing the last first max value, there's quite a lot of values to show their distinct
account.
Last, first Macs lost, first Macs.
So if we show the Letterman placement on the right, perhaps more easy or even as table on the right
or the bottom.
There were options.
Graf Styles.
So we can draw our lines at a particular store, so this will be more obvious if I zoom in to a section,
so I'm going to zoom in to the, well, let me zoom in further than that.
So I'm going to use this now minus one minute at a time range and then change that.
Still not that obvious.
So now minus one second.
It's not that obvious on this particular graph.
If I use CSP metric values, that will be easier.
So down here for series, I'm going to use CSP metric values and just use those default numbers.
Excuse me?
OK, so I go, that's straight line between each point.
Curved stepped and stepped differently.
So the first one, the point is positioned there like that, and that one is the adults in a different
spot line, which.
Feel opacity, so the area below the line, for example, gradient mode opacity, it fights out a hue.
And a scheme so scheme we can sit further on down.
I'll come back to that.
Right now, it's just a rainbow colour is opacity line style, solid dashed dots.
I can use Dashte Connect null values.
This is best when the time series data doesn't return any value for a particular time, with the time
stamp still exists.
For example, the time series might return that, and you can see here that there's something missing
in the middle there, or it might even be now.
Same thing, since this is random walk is just regenerating random values or Series B, I'm just going
to delete that for now.
So it's less confusing.
Let me go.
Just refresh that.
OK, so once again, now it could be nothing.
Or now.
OK, so connecting null values always case that the value is now connected, even though there's a null
in between.
So it's never or threshold, so it only connects when there's a certain time period.
So let's say one hour, let's try one minute now, let's try one second one millisecond.
Guess so the time difference is less than one millisecond.
So let me join the dots if the time between those two points is less than one millisecond, if I can
say always or never or even put that back.
OK, show points.
Always, never, always the point.
Stick and see the circles or never.
When you hover over the point and you have the tooltip enabled endpoint size, very large.
Stacked series, this is about whether you have multiple time series, so for this, I'm going to put
that back to random walk.
Incredible series, but instead of creating a query or sitting random walk, I'm going to duplicate.
OK, so I've got to now be a and be refreshed that OK, so they're both there.
OK, so Steck series is off normal.
The two values have been added together, so if you look at the tooltip, a series equals eight nine
point five.
B series equals thirty eight point three.
Together, they total just a little bit less than one hundred and thirty.
There they are stacked on stacked, so showing the real value stacked or within 100 per cent. So 100
per cent so off.
I think we have stylus access.
Access is automatically positioned on the left like so or I could have it on the right as my access
on the right or hidden, it's no longer there.
Auto optional text.
I can have anything I like ABC, ABC that's just describing what the access means with auto or I could
hardcoded.
Let me go.
Just auto is easiest soft meaning soft max.
Not sure what they are anyway.
Show grid lines on or off.
There's no grid lines scale logarithmic or linear logarithmic base to base 10 or linear.
These might be better shown if I'm using a specific metric value, so delete B and change that to see
as the metric values.
So I would go bring that down again.
So logarithmic by two or by 10, I can see it like that and just linear.
OK?
Nexus Standard Options Unit.
Here we can select Y.
Our units are and it's just going to write the text square meters, for example.
OK, so zero meter squared, one meter squared and the same on the axis there min is about showing the
range of the graph.
So let's say I want to show the minimum being 50 meters squared, so starts at fifty there and the max
being sixty.
So we're only showing just that part of the range there between 50 and 60.
Order decimals at some decimals so that we can sit one point one two three four five twenty point three
four five six seven and ninety point six, for example, if I show that again.
So a series says twenty point three, despite the value being twenty point three four five six seven
down there.
So here the decimal option, I can say show me two decimal places.
OK, so the A-series is now twenty point three five meters squared.
OK, so next colour scheme classic pellet.
That's the rainbow option, as I was showing before.
So if I just switch the style back on, it's a graph style thing scheme the thickness of the rainbow.
It's hard that go back down to a colour scheme.
We have green, yellow, red, red, yellow, green, etc. There are several to choose from.
Find one that you'd like.
Moving on thresholds.
OK, so thresholds show thresholds they are off at the moment.
We can turn them on as lawns.
OK, so we have one threshold at 80, then we can change that 50, for example, and they have a visual
threshold.
So they are just there to help you quickly see whether something is above or below a certain number.
Here my value was a 50 could be a percentage, so it's 50 per cent.
Now a percentage means thresholds relative to the mean and the max.
So 50 percent between the middle of the max, which I could set above show thresholds as field region.
OK, so green and red, I can change the colour of that yellow or blue like so as regions and lines
next island in Bass, Spain back to green.
Excellent.
OK, so these are visual thresholds.
They're not to be confused with alert thresholds, which will come onto later query value mappings.
So value mappings are about what text to show when a value is at a certain point.
So let's add a value mapping.
Add new mapping.
I'm gonna show range.
For example, we could use projects or special values between 20 and 50.
I'm going to show the text danger and I can set that colour to being a rate update.
So the tooltip now shows red danger down here.
It's just well, what it was before red danger, but a series being green?
That's OK.
This one here is also danger.
OK, so this is an example of value mappings and there are different options.
The value range rejects or special delete that update now.
Data links at a link.
These are a little more technical.
When you click a data link, it will take some of the value that you have in your graph and send that
to the URL that you're clicking.
For example, title current value, for example Hasti TPS on slash slash often thought RSP code dot
net slash $.
That will bring up a bunch of options that you can send data to that URL.
So for example, I want to send along the series name to the URL that I'm sending the user to.
This is if you want to create dynamic content on another website, and you can use the query string
to get values from so series name and just make that a little more like a proper query string.
So s nine.
And this is just an example.
This is a lot more technical and more applicable for people who are programmers opening a new tab.
So it's name a series name.
So if I save that now, when you click on a value, it then gives you a link that you just.
It so I called my current value down there could be called anything, so if I click that it will open
in a new window, the URL will have this weary string s Eccles Series I as an extra parameter in the
URL, and you can use those extra parameters for showing up important information that might be on a
different system.
So another example of that, if I edit that?
Let's do another one saying value equals like that and show you straight away.
Or I could have just pressed a dollar, but anyway, value equals.
I'll send something else across, say, the whole time range that is selected.
So value and that might be just better.
Same time range save that.
It's all about programming now, and whatever is important for the other system is what you would Typekit.
So save that now.
If I click one, there is my link, which I've named current value could have known that anything,
and if I view the URL that it was sent to, it says time range equals from two and those times are actually
the long equivalent of a time and that can be converted to a date time value at the end client.
Anyway, I'm just showing you that these things exist.
Okay, so that's dot links.
Okay, so I don't need to delete that.
OK, excellent.
Now shining quite a lot about graphs already.
You don't have to remember all of that or really understand exactly what all those things are doing.
You can always come back to this video later or delve a little deeper into any particular subject.
If you want a good place to see more examples of your photographs is the website that I showed you at
the beginning, and this is actually play dot cofounder dot org.
So this is a website built by the Gryphon developers that lets you test out all the different functionalities
of Gravano without worrying about actually breaking anything.
So, for example, if I want to know more about one of these graphs, this one, for example, thresholds
here I can either press a an editor or I could have just press the added option there and understand
how that graph is actually put together by looking at the different properties there.
Legend graph styles access different overrides, which we'll talk about in the next video panel options
and also understand a little more about its data source.
These graphs are using a different data source noticed a DB.
We haven't set up graphite, but you can see the play version has a lot of different data sources that
you can understand a little bit more about as well.
So I'll go right to the bottom.
We'll get Test on DB as well.
Random Walk, Refresh Refresh.
Let's do a larger time.
Okay, so there are some thresholds marked on that one.
So if I get into thresholds, I can actually delete those.
And don't worry if you break anything on this plague Ivana, the website, for example, I could say
apply.
And I've just ruined the thresholds graph for everybody.
But actually, I haven't if I refresh this website.
And look at the time series graphs again and scroll down.
So Schultz is fixed up, so there's many things as you want, and there we go, if you go to dashboard's
home, you can say there's a whole lot of other different types of graphs and options you might want
on.
Look at in more detail, so for example, I can press you on that one and learn all about that one.
Excellent.
So anyway, in the next video, we'll look at various kinds of overrides.
It can filter just by override by pressing that option there.
Excellent.