1 00:00:00,000 --> 00:00:03,233 Welcome to a new series of videos. In 2 00:00:03,239 --> 00:00:05,309 these videos, we are going to learn how 3 00:00:05,309 --> 00:00:07,619 to create interactive charts with 4 00:00:07,619 --> 00:00:10,379 Python. Let me show you the exact charts 5 00:00:10,379 --> 00:00:12,209 that we are going to create throughout 6 00:00:12,239 --> 00:00:14,579 these videos. This will be the first 7 00:00:14,579 --> 00:00:17,789 chart, you see these are interactive. So 8 00:00:17,819 --> 00:00:20,069 for example, when we hover the mouse 9 00:00:20,099 --> 00:00:22,349 over the graph, we get these popups 10 00:00:22,349 --> 00:00:25,319 looking at the exact value at that point 11 00:00:25,319 --> 00:00:27,719 where the cursor is pointed. So that 12 00:00:27,719 --> 00:00:29,969 will be Average Rating by Day, and then we 13 00:00:29,994 --> 00:00:33,054 have Average Rating by Week, by Month, 14 00:00:34,362 --> 00:00:37,454 by Month by Course, so for multiple courses. 15 00:00:37,478 --> 00:00:39,884 [No audio] 16 00:00:39,909 --> 00:00:42,149 Then we have this cool graph, 17 00:00:42,179 --> 00:00:45,449 it's a stream graph. Again, this is 18 00:00:45,496 --> 00:00:48,076 Average Ratings by Month by Course, but 19 00:00:48,359 --> 00:00:50,347 shown in a different plot. 20 00:00:50,371 --> 00:00:52,400 [No audio] 21 00:00:52,425 --> 00:00:57,959 Then we have when are people the happiest, and 22 00:00:57,959 --> 00:01:00,198 then lastly, we have this pie chart, 23 00:01:01,778 --> 00:01:03,315 which again, is interactive. 24 00:01:04,821 --> 00:01:07,829 And it's much better looking than the other 25 00:01:08,009 --> 00:01:10,439 charts that we built with matplotlib. So 26 00:01:10,439 --> 00:01:13,019 these charts are built with Highcharts. 27 00:01:13,109 --> 00:01:15,629 Now Highcharts is a JavaScript plotting 28 00:01:15,629 --> 00:01:18,659 library. But we can use Highcharts in 29 00:01:18,659 --> 00:01:22,319 Python through justPi and justPi is a 30 00:01:22,319 --> 00:01:25,379 web framework for Python, it is quite 31 00:01:25,409 --> 00:01:27,209 new, so chances are that you haven't 32 00:01:27,209 --> 00:01:30,149 heard about it. So justPi is a web 33 00:01:30,149 --> 00:01:33,149 framework like flask, but justPi has 34 00:01:33,149 --> 00:01:36,179 very crucial advantage. The advantage of 35 00:01:36,179 --> 00:01:38,969 justPi is that you don't have to write 36 00:01:38,999 --> 00:01:42,449 any HTML, JavaScript, or CSS, you can 37 00:01:42,449 --> 00:01:45,179 create complete apps, complete modern 38 00:01:45,179 --> 00:01:48,569 looking websites with justPi only. So 39 00:01:48,569 --> 00:01:50,759 you're going to shoot two stones with 40 00:01:50,759 --> 00:01:53,009 one birds, I mean, one bird with two 41 00:01:53,009 --> 00:01:55,709 stones or two birds with one stone, you 42 00:01:55,709 --> 00:01:57,689 get the idea. So you're going to learn 43 00:01:57,689 --> 00:02:00,539 both justPi and also Highcharts. That's 44 00:02:00,539 --> 00:02:03,449 what I meant. And here is the plan. In 45 00:02:03,449 --> 00:02:05,159 the next video, I'm going to show you 46 00:02:05,159 --> 00:02:08,429 how to create a one page justPi 47 00:02:08,429 --> 00:02:11,699 website, which contains just a title and 48 00:02:11,699 --> 00:02:14,579 a paragraph with text, so a simple web 49 00:02:14,609 --> 00:02:17,069 page. Then in the video after that, we 50 00:02:17,069 --> 00:02:20,039 are going to expand that website by 51 00:02:20,039 --> 00:02:23,039 adding a Highcharts graph to the web 52 00:02:23,039 --> 00:02:25,619 page. In other words, in the next two 53 00:02:25,619 --> 00:02:28,319 videos, you are going to learn both how 54 00:02:28,319 --> 00:02:30,989 to create a justPi web app and also how 55 00:02:30,989 --> 00:02:35,279 to add Highcharts graph to justPi web 56 00:02:35,279 --> 00:02:38,039 apps. Then in the videos after those two 57 00:02:38,039 --> 00:02:40,289 videos, we are going to learn how to 58 00:02:40,289 --> 00:02:42,779 create other charts. So the ones that I 59 00:02:42,779 --> 00:02:45,659 showed you here and which are the charts 60 00:02:45,659 --> 00:02:48,089 that we built, that we created on Jupyter 61 00:02:48,089 --> 00:02:50,039 with matplotlib. So we're going to 62 00:02:50,039 --> 00:02:53,249 create every single one of them. So get 63 00:02:53,249 --> 00:02:55,926 ready and I'll talk to you in the next video.