WEBVTT 00:00.960 --> 00:06.570 In this video we will create an interactive price chart with our six stocks and we will discover the 00:06.570 --> 00:09.370 functionalities in our interactive graph. 00:09.390 --> 00:14.670 So for example we can zoom in and zoom out and many more things. 00:14.670 --> 00:18.210 And first of all we import pandas and also cufflinks. 00:18.390 --> 00:22.420 And again we determine explicitly that we want to work offline. 00:22.860 --> 00:30.490 So we have to run the set config file method only once and then it should work in each and every two 00:30.530 --> 00:31.960 but a notebook session. 00:32.010 --> 00:38.250 So let's do this again here and let's import our stocks see a 3 file. 00:38.820 --> 00:47.160 So here we have the closing prices for our six stocks and we create the normalized data frame and then 00:47.160 --> 00:58.770 with the plot method we can create an interactive politely chart or graph and let's have a look here. 00:58.780 --> 01:02.280 So this is our interactive graph and the. 01:02.320 --> 01:11.350 If we hover here through the graph then we can see that it is interactive so we can see here that we 01:11.350 --> 01:20.520 can hover back and forth and then we can see here the prices for our six stocks so here we have all 01:20.520 --> 01:29.060 six stocks on our graph and uh we can all sort this a bit or delete the one or several specific graphs. 01:29.160 --> 01:37.530 So let's assume we are not interested in the Boeing graph and then we can go uh to the let's end and 01:37.740 --> 01:45.810 we can make a single click on the Boeing ledger and here slow and then you can see that the Boeing graph 01:45.840 --> 01:54.000 disappeared and we can do this also for more than one graph so we can go here to the IBM graph and then 01:54.000 --> 01:57.080 also here we're actually at this a bit. 01:57.120 --> 02:08.460 The IBM graph and we can also get this graph back by again clicking here on Boeing and on IBM and we 02:08.460 --> 02:16.020 can also select a single stock and uh we can do this uh by having a double click on one ticker. 02:16.020 --> 02:21.410 So for example uh we decide to select your only uh the Apple stock graph. 02:21.450 --> 02:32.610 So we perform a DoubleClick and then we can only see here the APA graph and if you double click again. 02:32.610 --> 02:34.970 So we get back all the other graphs. 02:34.980 --> 02:36.910 So here we are. 02:37.230 --> 02:40.320 And let's go now here to the header. 02:40.710 --> 02:44.820 So here for example we can zoom in and zoom out. 02:50.200 --> 02:55.360 And we can also do this more specifically by using here this room. 02:55.360 --> 03:01.810 So we have to click here on this room and then we can select a specific part of our graph that we are 03:01.810 --> 03:03.100 interested in. 03:03.100 --> 03:11.660 So for example here and there we can create here the area that we are interested in and here we have 03:11.660 --> 03:13.930 assumed into this area. 03:14.960 --> 03:21.240 So here we have uh the time period from July to 49 to lie to a 16. 03:21.470 --> 03:30.310 And uh if you want to go back to the initial graph you can do so by clicking here on reset axis so here 03:30.310 --> 03:31.080 we are back. 03:31.690 --> 03:39.820 Now let's determine that we want to swim in here and the then here with uh the pan if we select pan 03:39.850 --> 03:41.460 then we can shift here. 03:41.470 --> 03:47.830 Our graph so from the left side to the right hand side from the top to the bottom and so on 03:51.040 --> 03:57.190 and again we can go back here to the initial view and that's another functionalities so by default we 03:57.190 --> 04:02.680 can see here for example the stock prices on September for our six stocks. 04:02.680 --> 04:04.850 But we can also select. 04:04.900 --> 04:12.920 So close this data on hover and if we enable this then we only see the very closest. 04:12.930 --> 04:14.620 The point here. 04:14.620 --> 04:19.500 So for example here the Apple stock price in October to 16. 04:19.660 --> 04:22.510 And of course the fees so when we can see a daily data. 04:22.510 --> 04:28.440 So let's do this here and let's shift here a little bit. 04:28.470 --> 04:34.870 So for example here we can see the Apple stock price on the 22nd of October 2014. 04:34.890 --> 04:39.160 So three hundred forty two point one 1. 04:39.180 --> 04:44.760 And of course we can also go back to the initial uh view here compare data on hover. 04:45.240 --> 04:51.110 So if we click here then we can see for all six stocks for example. 04:51.150 --> 05:00.180 The prices on the 25th of November to 14 so these are the main functionalities of our interactive plot 05:00.220 --> 05:01.820 Lee price chart. 05:02.020 --> 05:06.700 And uh with this we are finished here and I hope to see you also in the next video by.