It's a man-law called Public Affairs Centre and I've been talking about climate data in India and the curfew sort of analysis that I think are interesting. So Public Affairs Centre is a small organisation with primary new works of governance and public services and around two years ago we started a small group for the environmental governance group. So primarily as a part of the group we tried to look at how to promote resilience to environmental and climate changes in local areas as a country. And as a part of this, so a large focus of ours is on climate change adaptation, promoting it from the bottom up to sort of hopefully complement big national schemes that are doing the rounds. So as a part of this, what we found was that we had to, when you go down to a small area, we were working in Vayanad and Kerala in the Gulf of Mandar, like Rameshwaram in Tamil Nadu. And like we're all in Bangalore so we've been dressed up in our things happen here.  So like I contrast the Indian way of Indian style of education with say the American where they start from their town and county and state and then go up to the world where their world geography is rubbish but they know their local areas really well. In India we start from the country and then we go up to the world and it's sort of almost degrading to study about Karnataka or you know a district in school. And so it's like that spills over into a lot of our thinking. So when you want to understand climate, climate of India does not make too much sense to me. I mean it's a very large thing if you're studying the macro effects of the monsoon show but what about the climate of Bangalore, what about the climate of Mysore, Ramnagaram. We need that level of granularity to really start making sense. So I'll just do a very brief overview of how climate data is structured in India. I mean who generates it, who has it. The Indian Meteorological Department is the hegemon. They are the overlords. They are a very old organization around 170, 180 years old and they've been collecting a lot of data across the country since then. So in fact India has one of the best instrumental records in the world but the problem is there's lots of data but there's no data really available in the public or very, very little. So I would again temper this statement by saying that things are getting better at a rapid rate. Lots of meetings like this, lots of people who are trying to put pressure, get more out. So the Indian Meteorological Department maintains a lot of weather stations. So they collect all kinds of data starting from rainfall and temperature and moving on to humidity and the list goes on. For reduction especially for the reason or they can stick to rainfall and temperature and actually I'll be talking mostly about rain. Apart from the IMD, almost everybody, every state department that you can think of will have a rain gauge somewhere. I mean they'll be doing it for somebody else but you have rain gauges across Karnataka and schools and town municipality buildings in all kinds of places. So you won't get good quality data everywhere. I mean you have somebody who is responsible for manually jotting down the number at the end of the day. So that's how data is collected. So apart from that you also have the intracit farmers. You have people who are so interested in the climate and they want to know how their local weather is so they often do collect a lot of it. So when it comes to the type of data of the source, so you have station data. This is your primary data that's collected of the source and then you have gridded products. So when you want to do big analysis you want to sort of generate homogenous data for a grid of any size. The conventional size is one degree by one degree which is roughly like 110, 115 kilometers in size. So it's a little bigger than say the district of Bangalore if you're looking for that. So the latest trend is satellite products. So you have American satellites. There's one called TRMM, Propical Rainfall, Meteorological Mission or something like that. And you even have some Indian satellites which collect a lot of data now through imaging where they can deduce the amount of rainfall that actually occurs in real time. I mean there's some fascinating work and India recently launched a satellite called the Megatropics with France. It's sad that while NASA is extremely good about open data and puts a lot of it up to the public, Megatropics still doesn't really, I mean it has a very functional website which is half in French, half in English. So this is one data set that I came across a year ago called the Aphrodite thing called data set. Don't ask me why they named it that, but so here what some scientists in Japan have bought station data from across Asia and they want to, they've started creating these gridded data products. And like I said, India has one of the best station densities that you can imagine. I mean it's the best in Asia outside of Japan and that's remarkable and unfortunately that doesn't always get reflected in our literature and our scientific understanding. In fact, I want to make a caveat that this, the points that are plotted here are a subset of what really existed in India, only around 2000. So from that scale, I'll go down to one farmer in Bayonard who was like one of the first few BSE agriculture holders in the district and in 1983 he decided, you know what, I'm going to buy a small little rain gauge which is essentially a calibrated funnel and I'm going to start collecting rainbow data. It's been 27, 28 years now, he hasn't stopped since. Amazing quantity of data. And when we met him last year, we were the first people ever to have expressed an interest in this data. So he was delighted that someone was willing to recognize his hard work. This is Mr. Vimal Kumar. He's actually a Karnataka by the way. So that gives you a sense of what scales one can deal with. So this is again a snapshot of the Japanese data set. So here on a typical day they give the number of rain gauges that exist across India. So Bangalore comes somewhere here and so we have many, I mean they have, on good days they have six or seven in that little square box. So one of the things that I want to sort of talk about here is, so okay, going back, given that there are a lot of people here who are a lot more savvy with big data analysis than I am, this gridded data is now available for non-commercial use. Anyone can download it. So IMD has its own gridded data sets which are more robust because there are more station data, but it's not really in the public domain. As a non-profit or an institution, you can buy it, you can use it and publish, but you cannot disseminate it in the public domain. Why would the number of rain gauges vary in a day? No, they might not have collected, they might not have reported data errors and every station data, I mean it costs money.  So if you notice, the only missing points are usually, they correlate very highly with the Naxal effected forested areas of India. So one thing you can do is a lot of math-based visualization and this is stuff that I'm not good at, but I know that there are people here who are very good at it and this is an open data set that people can use. What I am very interested in is going to... What time series is this in India? This is 1951 to 2007. So it's daily raven. Why does it stop at 2007? Well, the data set is around two years old. Oh, what you have but... We have a very funny problem in India. In the whole request for gradation of technology, if you actually look at rain gauges and weather stations in India, they sort of drop off after a while in the 2000s because you've had historic continuity for 80-100 years and suddenly they decide, okay, let's build an automated weather station. The old record gets tossed out. So you'll have artifacts coming in. So I think most data sets end in the middle of the 2000s. Hopefully they'll get updated soon. Is that really... Very rich information. So the first theme I want to look at is going local. So what I've done is taken data from this particular grid box. It's a 0.25 by 0.25 degree grid box. So that's around just 25 by 25 kilometers roughly. So this particular grid, so they also had station data but they don't mention what stations they take from. I mean, they have to sign some clauses there. But the two prominent stations in the Bangalore region are the one in Maharani's College and the one at the Old Bangalore Airport. So most likely they would have taken from those. And this gridded data is like an underestimate of the station data from what I can gather. So whatever I show you, the reality is that you can take it for granted that it's a bit more extreme by and large. So this is something that personally I have a lot of fun with. The joy of working with daily rainfall data. So whenever people talk about rainfall profiles, this is what you see. Pick any place.  So with Bangalore, you can see that there is one summer rainfall period and a monsoon rainfall period. But this tells you very, very little. So I just sort of squished it down to rainfall per day where it comes to an average of 5 millimetres per day in the rainiest month. But then, so this is 57 years of data. So if I take daily averages, since I average all the January first, all the February first and so on, it gives me a very, very different picture. And this is what, I mean this, the first time I saw it, it was mind blowing. It shows you that not only do we have, we can, we almost have three rainfall regimes almost. This period between June and September in Bangalore, where it really takes, picks up end of September, October, it rains a lot there. And then you have this period, the summer monsoon period. And then this distinct drop in labor. I mean we conventionally think that monsoon comes in the first of June or the fifth of June or whatever and we think it's raining throughout. But in Bangalore, I mean this is 50 years average. So this is very statistically significant that we have this mini drop period at the end of June. So it's nuggets of information like this. I'm sure that any region of India, you plot this and you will get something new that you would not have found from a monthly average. So from, so these are average rainfalls. This graph just shows you the probability of taking 50 years, all the number of days where you get more than zero or more than two millimeters of rainfall. So it shows you that on no day in Bangalore, you get, you have a chance of more than around 40-50%. So, and this sort of is there in our psyche now. We think that we never know when it's going to end. We have a very significant percentage of rain, given that it rained the previous day. We can do that. I mean, I haven't. I think that would be more interesting when we see higher peaks. Sure. I mean, we can do that. I haven't done it in my presentation. That's certainly something we can explore. But the point is, even this, you do not, I mean, I hadn't come across a daily analysis before. So this influences our psyche, right? Where we think that there's a 50-50 chance even in the rainy season. We don't know whether it will rain or not today. But if you look at the probability of it raining even one day in a week, it's almost 80-90%. It's not a good period of the time. So if you go from thinking, I don't know whether it will rain or not to it will rain this week. It changes the way you behave. It changes the way you carry your umbrella or everything. And if you do your analysis, then it will, you know, tell us even more. So coming back to this. So this is the average, right? So it includes days where it never rained. So if you actually look at the amount of rain that fell when it rained, so the amount of rain per rainy day, it shows you a very different picture. So it sort of goes by this, you know, when it rains at fours. So there are many days, especially in February and March, it rains very rarely. When it does, it's quite a problem. So this gives you, again, a lot of very different kinds of information. And when you go to the maximum recorded rainfall on any given day, it shows you that starting April all the way till December, you've had days where it's almost touched 100 mm. And here I really want to stress that this is an underestimate. If you look at station data, I can show you much more. I mean, I think recorded data, 180 millimeters is the maximum recorded in Bangalore's history. So anytime anyone tells you that, oh, we didn't expect 100 mm of rainfall this day in Bangalore and so all the catastrophes are because we never expected it, sorry, it's a very bad excuse in public policy. We know that it's going to rain this way about once a year or 1.1 times a year. You get one day where it's 100 mm and people die. You're not aware of it always, but so it's completely preventable. This is not the Mumbai deluge of 2005, I think 2006, sorry, when 1,000 centimeters of rainfall. It was 2005, 26 July. So that was one meter of rainfall. At high tide in within about two hours, right? So, I mean, that is from a public policy angle that's excusable. That was a freak occurrence. Exactly. But 100 mm in Bangalore is not a freak occurrence. That's the point I'm trying to make. And if we don't have our infrastructure in place where we can even sort of handle 100 mm in a place like Bangalore where runoff is very easy, I mean, what does this flow out very easily?  So, another data source that I didn't mention in the back is so recently the INV is set up these automated weather stations and they've also set up automated rain gauges in a much larger number. So, there's one in Bangalore which gives you hourly data, pressure, temperature, rainfall, everything. And the only thing is they give you data for the last seven days and then that keeps changing. So, what I did last year was I just went every week, copied, I mean, very manually, just copied data week on week. And so, this is just a picture from 10th August to 19th, 28th September last year in the monsoon.  So, what I'm going to show you here is not stuff I think happened but these are actual documented news stories that took place in those days. So, I tried to just correlate the two. So, the moment it rained 100 mm, those of you who are familiar with Bangalore, there's a Gali Anjaneya temple out on Mysore Road that gets flooded. Anytime a decent amount of rain falls that gets flooded. Now, that in itself is not a big deal but to me it's like a barometer. Once that gets flooded, the slums that are next to it get flooded, walls get washed down, people are homeless, some die. All our storm water rains overflow. And like I said before, this 100 mm thing is not a free occurrence, it happens all the time. So, I've actually put this at 10 mm, I think it's a little lower, even 5-6 mm of rainfall and our traffic is disrupted. Think of the opportunity cost and the economic cost of that. This was really a free occurrence where there was only 10 mm of rainfall recorded at the Bangalore station. It might have been 20, 25 at the location, I think this was close to Ghabar, where in an illegal tenement on a construction site, two people die. The 30 mm of rainfall maximum estimate, if people die, it's a very serious problem. 1,000, 1 meter of rainfall over Bombay if people die. Okay, I mean we can understand that this, I'm not very comfortable with this. So, while all this is happening, I mean what does our city do? On this day in September, the VVMP decides to start fixing portals. And after all this storm water rains have been flooded and they're overflowing, people discover storm water rain irregularities in contracts and then money spent. By the way, Bangalore has spent over 400 crores in the past 5-6 years on storm water rains. You tell me what's the result? So, the point I'm trying to make here is that all these daily rainfall analyses are not just cute, meant for people who love data, but they have serious policy implications as well. So, this is something different. This is something, if any of you are interested, I'd love your help. It's something I did in Weynard where you map this daily rainfall pattern over the traditional calendar. From what Vishwanath told me, even the GKBK here in Bangalore has done it. Where a lot of farmers sort of understand rainfall as having occurred on certain nakshatra in certain months and on certain star signs and so on. And a lot of that is very, very scientific and true. I mean they know from experience. But there's a big disconnect between that and modern scientific knowledge and research and so on. So, if you can bridge that gap, so I've just done it for Weynard. And so here the economy is such that people's lives revolve around the climate. I mean important festivals like Vishu are, I mean if enough rainfall doesn't happen then the festival cannot be a success. Can this be correlated to let's say data in the last 50 years versus data in the more recent 50 years? That could also show that there has been some change in the climate pattern on the rainfall pattern. And maybe this thing is more applicable in some extent. Yes, we can look at that with Weynard. We did sort of look at it. I mean we had only 28 years of data so we did what we could with what we had. And you don't have dramatic changes everywhere. They have very subtle changes happening. And what the traditional calendar gives you is an excellent benchmark to give causal links. You say you have a data change and you have something happening on the ground. People changing farming patterns. This gives you a metric by which to vet traditional knowledge and community knowledge. So if this can be done across India, I mean it could be a phenomenal thing. And I just want to leave you with this where I have shown you all these nice looking daily averages everywhere. But each year is fundamentally unique. These are just running monthly averages from Weynard where it shows you that each year it's like a signature. It's completely different. So I mean we need to sort of keep that in mind when we do all of our analysis. I just want to end by saying that so we have an initiative that's sort of being incubated called knowyourclimate.org. We eventually want to have like a visualization interface for a lot of these graded data products. And I'm looking for people who volunteer and work with us. Thank you.


Our first speaker today is Adam Harvey who will be talking about visualising scientific data with HTML5 but I think first up he wants to give a reminder to anyone to go to a web address and give away your personal details and it's a redirect address so you can trust him. And the only interesting part from his made up bio is the fact that his mother, Adam Harvey's mother referred to him as an unshaven, unkempt mess with terrible hair whereas for me I got the same description but for my wife so without further ado Adam Harvey thank you. Thanks Peter. Good morning everyone. So before we actually get started properly I need to gather some data because I need it for a demo later on. As I said to the people who are here early I'm doing a live demo with user submitted data in a session. Clearly I've lost my marbles so go to this address and enter where you're staying in Brisbane now if it's not one of the preset options on the right hand side just be very generic you know just pick a suburb or something like that we don't we don't necessarily need sort of bedroom level detail here but if you could do that that would be really really good please so there's your address I'll just give you a few seconds to memorize it it is very long yeah yes sorry it does need to be a capital K which is also fun but probably not quite what you're after is everyone good sweet so as I was saying and as Peter was saying I'm Adam Harvey and this is a very inaccurately known talk because HTML5 of course no longer really has a five in the title thank you w3c of course I'm lying to you anyway when I say HTML5 what I really mean is HTML plus JavaScript plus CSS plus SVG plus various other technologies so it's not particularly HTML5 as such but since everybody else seems to like using it as a buzzword I'm going to use it as a buzzword as well you all know that your first problem of course is that you have data must go on reams and reams of data and you want to be able to visualize it somehow which makes complete sense the problem is that you have data in a lot of different formats this was a very this was a subset of what I had to deal with in the last 12 months there are in fact more mentions of XML further down with different words basically I mean you can see there that you've got the problem immediately that a lot of these things aren't going to talk very nicely in a web context which is unfortunate because the web happens to be where an awful lot of data exchange happens these days you've also got the problem that a lot of these formats are not very well supported across platform so I mean for example access what a lovely format that is what a what a brilliant database system but if all you want to do is dump some data somewhere it happens to be easy enough for people to use the only one on that list that I think is actually useful when you want to do this sort of thing csv I should have rehearsed that the xml ones aren't so bad if you can figure out what they actually mean but you do have that small problem that you have to figure out what they actually mean my favorite on this list are the fixed width text files which are not fixed width because some of the fields have overflowed and they've just used printf so if in doubt get it into a database I'm not going to evangelize any particular database realistically if it's something you can connect to from your chosen server side programming environment great that's really all you need the good thing is if you can get your data into csv which most of those formats I mentioned you can with various tools then you're pretty much golden at that point because you basically have the ability with most modern languages php and python the examples up there but there are plenty of others to natively pull out that data and slurping in wherever it makes sense or output json or do whatever it is you actually want to do with it if you have some sort of weird arbitrary database access then odbc and an appropriate connector is often your friend in that regard as I said csv is easy and interoperable it's completely non-standard of course and you'll spend hours sometimes figuring out what the appropriate combination of quoting and escaping characters are but you will at least get there in the end so to serve it up json of course is incredibly widely supported these days it is effectively the de facto standard at this point for getting data to and from a server on over http there are of course good reasons for this it's somewhat less bloated than xml you actually stand a chance of reading it and it's quite lightweight small data sets of course you can embed straight into your web pages there's no particular need to necessarily have a server side so if you've got a small data set forget about writing php or python if you're you know reasonable reasonable web developer just do it all in javascript if you've got larger data sets and you need to look at lazy loading but that's often pretty simple you don't tend to need to do much more than just ask for a particular bit of data slurp it out spit it back in json most of the demos i'm actually doing here are doing neither of those because as i've already mentioned i'm lying to you so what i'm doing in most of these is actually i've got static json that i'm loading up via xml http request that also actually works but i probably wouldn't recommend it in practice all right so the way i'm going to structure this is i'm but i'm really only going to give you a taste of some of the options that are out there 20 minutes really isn't long enough to exhaustively go through the options it's not even really long enough to summarize the options so i picked a couple of interesting libraries and written some demos and i'm going to walk you through some of the interesting bits of code that actually have generated the these demos or at least i think they're interesting you may think they're interesting so the first the first library i'm going to talk about is the javascript infovius toolkit who here has used it seen it okay a few of you well that's good i won't be boring most of you then slightly unfortunate acronym as it turns out it's not terribly easy to google for unless you use the full name which is unfortunately quite long it is basically a way of visualizing mostly tree and graph data you also it can do some charts as well it has a wide variety of output formats and they've really improved in the last 12 months the website which i should have linked if i've been thinking about this which is the jit.org google it has a very nice demo gallery which shows you the range of things you can actually get out of this library and it's really really useful so you have a whole bunch of trees and graphs and space maps and all sorts of things that are actually really really handy and which you can interact with quite well it also works with ie now uses canvas for doing the drawing but it also bundles x canvas and make sure that it uses the subset of canvas that x canvas supports and it all works really really nicely the only problem is if you're doing lots of animation as i discovered last year and one of your target users is running ie6 it's kind of slow actually really slow like sort of one frame per second slow but it's still it still works pretty well so let's get into a demo and then i'll show you some of the code behind it live demo time this ought to be good all right so i've loaded up a data set here which is basically a subset of the distribution timeline so this is just the debian section of it this is effectively just a map or a graph sorry which just basically just funnels out all the direct derivatives of debian the indirect derivatives via say a buntu or nopics and continues on out from there and if i'd spend a bit more time on this i might have actually pruned some of those so this is actually interactive and this is really where the javascript info viz toolkit comes into its own is the way you can actually interact with it so if i click on that now this is out of the box i've done nothing to make this work basically what i have but very little really so you can see here it just goes all over the place let's maybe go a couple of levels at once it's pretty cute and it looks pretty good and people actually seem to grok it which is really really handy it's a very good way of presenting this sort of hierarchical data to potentially a lay audience you know when you're presenting to maybe your supervisors supervisors supervisor who isn't actually interested in your project but is actually giving you money then this is the sort of thing that actually comes in really really handy all right so how do we build this as i said this is just static json so that's the format it's in now this came as a csv file and if i had more time i'd show you how i did the transform but it's not that complicated really it's just sloped in the csv file built up a json structure i use php but you can use python whatever and then spat out json out the other end really nothing to it some of those children obviously have children of their own now the actual code to build this i'm actually going to show you the whole thing including boilerplate so well almost the whole thing this missing a little window on load but everything else so this is actually how we built it so it's the hyper tree module that we're using we're injecting into the container we'll just make it the size of the window so we have to tell it how to create labels this is a slightly unfortunate bit of boilerplate that we have to write because in practice you really actually tend to want the labels to look the same but there you go the only thing i've had to do to basically make the visualization work is that line there so we've got a click handler on the labels and then from there we just call the appropriate method within the toolkit and it does all the animation and basically reparent it for you we also have this here which actually places the labels again i'm not entirely sure why you wouldn't actually have a default implementation of this but you don't so but it's going to end up looking something very similar to this that's it so that's how you define the object you call those two methods you're done happy days going with your life so that was four slides about what was that about 20 lines of code and you had that visualization all of the pretty much all of the toolkit's chart types are basically that simple to use i'm also going to show you an extra bonus demo i'm not going to show you the code for this but basically just to give you an idea of the breadth of what you can actually do with it here's something completely different this is a very ugly because i only did it yesterday browser share chart over the last year the bit i like is that ie has dropped below 50 percent now this is again this is the same toolkit but this is obviously a different visualization and again you've got you can interact with it so we've got little hover handlers there so ie is down to 46 percent firefox is 30.7 chrome's really increased so chrome earlier in the year was 7.2 now 13 now 14 and you can see all of that at a glance and this allows you to basically have a nice interactive chart very very cheaply the amount of code that went into this is about the same as what you just saw for the hyper tree it's it's really quite simple okay so that's the javascript infoviz toolkit now the other library i'm going to talk about add a little bit of length is rafael who here is familiar with rafael okay about the same number but a different number that's good rafael is a vector drawing library it's actually written by an australian who i really hope isn't here um it or ever sees this talk um it generate the reason why it's cool is because you can use it like svg the the interface is very similar to the concepts in svg your drawing primitives are basically the same but it will also generate vml as well which is handy in internet explorer hopefully ie9 will take over the world at least on windows and this will deal with this problem but for the time being if you actually want ie users to see it and unfortunately all the people who are in control of the purse strings at my university run ie then that's basically what you're going to need to give them so why would you use it when html5 gives you this lovely canvas element which also has drawing primitives which also works quite well because rafael gives you event handlers and unified event handlers at that across all the quirks of the various browsers and god knows there are a lot of them so it's very similar as you can see to really most of the major javascript libraries so there's a click method you give it a call back it does stuff this is pretty handy that's actual code from the demo which i will now show you now i'm not going to bore you terribly with the details of this but basically gee i wish this projector was brighter basically all right you don't need to see me for a minute or two anyway success okay so what this is this is the duchenne muscular dystrophy gene i work in genetics um and what this is is this is every exon in the gene and i'm not going to bore you with what an exon is basically with the number of variations in that gene for each exon or the percentage of variations in that gene for each exon and what this demonstrates is that you've got certain hot spots and these variations are in patients who are suffering from a form of muscular dystrophy usually do shan but sometimes becker so you can see here that there are some hot spots that we've immediately been able to see so let's interact with this i've got some handlers on this so let's have a look at exon 14 which is a nice bright one so click on that exon 14 has 191 listed variants in 102 base pairs which is a hell of a lot so you can see there i mean this is a very simple piece of code and again i'll show you most of the code in a minute but it's i like it you know it's got little bits of interactivity and you know it's sort of animated and kind of pretty all right let me figure out how to turn these lights back on again right okay so how have we built this again we have a data set which is just straight up jason we have some code which basically here so we're just starting the rafael element so again it just needs a container to draw into in html that gives you a drawing canvas if you like so we'll draw the actual box which is what you just saw which is just goes across the whole screen then we'll draw the individual exon rectangles i'm not going i'm going to skip through this quite quickly because i'm quite crunched for time but you basically get the idea we've got a little animation handler there so we've got our hover handlers to do the highlight effect okay and that was basically what you saw there is a little bit of boilerplate there but the code is actually pretty straightforward and you can click on the demo links in my slides and this will actually come up so you can have a look at the code in full please don't judge me i wrote most of it about two o'clock in the morning after beers okay so you've got various options i've only touched on a couple there are plenty more out there how do you really put it all together though in the end you know you've got this data you need people to see it and you want them to see it in a rich way cheat there are a ton of good services out there now i don't know that you guys but i don't actually get much time at work to make things pretty you know i it's all about the data data in data out but making it pretty is actually important it's what gets you great money it's what keeps people interested it's what will fire people up at conferences hopefully so you don't really have the time to do all of this so use the services when they're available a good example of this is mapping now mapping i hope daniel nedasi is not in the room mapping is not terribly hard i mean it is but it's not it's it's not rocket science you know you you have data it's usually in some sort of form that you can draw in a vector form you could invent your own mapping system you know plenty of people have done it some of them even did a good job but why would you bother i mean you've got google maps which has an interesting api but it's quite functional uh big maps which has a much friendlier api but it's much less functional and also kind of evil open street map which of course has the advantage that your underlying data is free so if you're doing some sort of creative commons licensing that can be really handy so don't write your own if there's something that's already out there even if it's a you know a web service user i say i don't see any point google you know google charts would be another good example of that don't reinvent the wheel if you need a static chart don't sit down with jp graph and write something use google charts move on with your life so earlier on i had you all basically give me your personal details i hope you all entered locations because otherwise that's the data set all right let's see how this went so what i've done here is a google maps visualization now i use google maps not open street map basically for time reasons i already knew the api that really isn't where it was meant to go that's actually pretty entertaining thank you whoever did that there we go okay so brisbane bris vegas so you can see here we've just got markers at the moment we're using the clustering library that you can get from the google maps utile library yes i know i'm running out of time um you can see that we've got 28 in brisbane proper let's maybe zoom in a little bit more yeah so we've got plenty of people staying at urban est and i'd say the marks in there as well and then we've got people sort of dotted around the place as we go now that's by itself reasonably okay but i think we can do better or at least i hope we can do better the person who's put in south australia might have just mucked this up it's not very html 5e though of course very few things are html 5e these days so let's actually do something more on the client side than just setting markers okay now a lot of the time you really want to draw some sort of heat map over the top or something like that so ordinarily you do that on the server but that requires a lot of resources now where i work we have one server that hosts most of our visualization and most of our projects it's kind of overloaded and the last thing it needs is for people like me to blundering with a map like that and have it generate 40 tiles of a heat map every single time i scroll around because funnily enough that results in the load average spiking assist had been getting paged and my email mysteriously disappearing from my account so what we need to do instead is just get the data it's all about the data and then draw it on the client side so we'll draw an overlay on the client side a tile server would be better but it's trickier to get working on the client side and i know this because i spent about four hours on this last night it's easier on the server side because google maps is just set up that way but we'll use an overlay for now we'll use canvas to do the heat map coloring in actual fact we're using canvas to do to do the drawing as well so this is a very very posh version of the code you're about to see in action so basically we have some data which is a set of coordinates nothing more we will do some boilerplate to get it into the form that google maps expects we will draw transparent radial gradients basically to get an intensity which we will then go through get the image data out of the canvas and we will colorize how we how are we going to colorize it we're going to go through normalize the data so that we actually know where our bounds are we're not using an absolute scale here there's no there's no need a heat maps really all about just seeing where the heat actually is we've got a heat gradient which i will not bore you with the details of and then we just go through pixel by pixel and just colorize as appropriate if we need to all right let's see if this actually works i'm not terribly confident about this after seeing the earlier one you see my point i think i've just destroyed my browser it's decidedly interesting ah here we go it was just having a good think about it now i'm about to spike my cpu because it's about to do the drawing and coloring which unfortunately is going to be fairly painful i think now with the size of that data set actually let's see if i can forestall that thank you adelaide person so you can see there that we have basically we have a small dark spot in adelaide funny i've often said that and then we have a big hot spot in brisbane and i'm out of time but if you come and see me later i will just get rid of that adelaide one and zoom in some more and actually show you what that looks like properly because all right come on you can see the same chugs having to do more and more data but you can see even on this there is a hot spot around the cbd we've got people scattered around the suburbs mostly the north it gives us a good idea of the distribution of our delegates straight away and you can see it at a glance this is not the greatest set of demos in the world but hopefully it will inspire you to think about what you can actually do with html5 go forth there's time for about one question can our next speaker just come our speakers which over why i take another question


Now, let us take a look at the mesocortical tract. It is actually basically a continuation, but it is considered separately because of its pathophysiological implications. The mesocortical tract also starts from the ventral tegmental area. It goes through the medial forebrain bundle and it goes to the prefrontal cortex. This is the medial prefrontal cortex. This is the orbital frontal prefrontal cortex. It goes to the PFC and some of the fibers they go to the anterior part of the cingulate gyrus. So, this is the mesocortical tract. So, in a nutshell, we have the mesolimbic tract going from the VTA to the amygdala to the entorhinal cortex to the septal area and to the nucleus accumbens and we have the mesocortical tract going from here to the PFC and to the cingulate gyrus.


hey guys what is up welcome to my channel for today's video we are doing a good old play session of a new brand that i've never tried before and i've been extremely intrigued by we're going to be covering kimchi chic beauty so if you want to see what i got and what i'm playing with then just keep watching hi guys if you're new here my name is morgan i'm a product knowledge enthusiast i just love knowing anything and everything about all the new makeup on the market and sharing my thoughts with you guys the makeup that i have it's not new it's definitely not new because i placed this order from kim chi chic beauty months ago i don't even want to tell you how many months ago but like it may or may not have been around a certain holiday called valentine's day when they had a sale and these have been sitting in my makeup collection waiting to be used and i don't know and finally i sat down today and i was like what do i want to film today i looked down at my george's makeup that i haven't used and i was like it's time it's your time kim chi i actually have had a lot of you guys recommend this brand to me said their products are really good but most importantly for me the packaging is just so cute i believe kim chi is a drag queen and she was on ruPaul's drag race and oh my gosh not exaggerating when i say cutest makeup i've ever seen i have been absolutely dying to try this makeup and then i forgot about it and then i'm back again to wanting to try it so i'm happy i had the time i'm gonna show you what i picked up like six months ago and we're just gonna play with it i was looking on the website today man things have changed within the last six months they have a lot of other new makeup items so we'll see how this goes today maybe i'll place another order so i have some basic stuff that's kind of older ish because makeup world time flies it really does so let's get into it you guys are gonna love how cute these products are if you're into packaging so we're gonna start off with bronzer here i picked up one bronzer so here's what the box looks like and these are $15 each not too bad of a price on the back this is really cute it says they are a proud partner of the trevor project we are committed to donating two percent of our sale prices to the trevor project which is really awesome we love a good philanthropy with our makeup brand so the packaging reminds me a lot of two phase it's just so cute it is a plastic packaging and i got the shade failure is that collect bronzer oh one which is i went to malibu let's take a look so cute it has a little kimchi embossing let's swatch it feels very very creamy okay i think this is going to be good so far i'm liking the way it feels i'm using an isam v54 now where did i get that number from 49 and ooh i like this one this is a warm bronzer it does carry some good pigment to it nothing too crazy though it's really smooth and blendable and it didn't take too much to apply like you see it travels far on the face i like this oh my goodness you guys can see my dandruff listen update on my dandruff if you're new here don't be scared i i've been struggling with dandruff and balancing that between my curly hair and not wanting to wash it too much and workouts etc etc it's improved so much with the products that i've been using but it's not it's not gone yet but the improvement to guys anyways i just wanted to point that out because dark hair and dandruff not cute anyways i like this bronzer blending really really smooth on the skin i like the warmth that it has as well gorgeous wow $15 this is a really really good bronzer i really like this okay thumbs up i also got two blushes i clearly could not make my mind up so they both come in this nice pink packaging baby pink oh all of these have the cutest sayings tan tan vacation tan blush for your flush and kim chi the owner of the brand really just like writes cute notes on the packaging i love this brand everything about this brand so far just seems so thoughtful like a lot of love and thought went into these products which i very much appreciate as somebody who appreciates makeup and appreciates everything from the packaging to the website to the product itself and the quality all aspects of the marketing to the actual point of application i can see the effort that was put in these products so here's what the packaging looks like of the blushes the individual ones they now have trios from what i can see on the website it's kind of this metallic pink and i chose two colors so these are $15 each just like the bronzer and the blushes come with two sides as you can see this is vacation and this is pinky so let's see let's do pinky first i'm going to swatch the two sides okay so this is really great it's a great bargain because you get two shades that are clearly different which i really like then let me do a vacation again they feel really creamy they feel like they're gonna have a lot of pigment to them this is vacation these bottom two you can see how beautiful these swatches are i'm very very impressed so far let's put on a couple different blushes so i want to start off with the deepest one right here in vacation they do have some kickback but nothing too terrible very pigmented but not too pigmented it's more like compared to a lot of other blushes i have these definitely have a bit more pigment but it still isn't overwhelming it's still workable as long as you go in with a light hand you'll be fine and it blends onto the skin really well that's cute let's go into the lighter pink right here this is an isam v50 by the way this one is a little bit more subtle it's a little bit lighter for my skin tone but you can see it still has some color to it and they both look different they don't look the same which is really great meaning it's a better value so again super into these blushes kimchi cheek beauty is doing a good job so far let's keep the momentum up i picked up one of the highlighters now there are multiple colors and multiple different styles of formulations in the range so it's definitely worth taking a look at the website but let me take a look at the highlights so it looks like these individual ones are you guessed it $15 there's a couple bundle deals there's some liquid highlights a couple different palettes let's see what i ended up with this one says get glow and the packaging is a light purple super cute i got this shade hollywood glow this is the lightest one there are three different shades of these and i see i like the split pan you just get more these don't feel as creamy i would say as the blushes they feel a little bit more powdery and they aren't swatching as nice i personally think i would like some more creaminess just feels too powdery but let's say this is a colitis h1 brush it translates on the skin well it really does i didn't like the swash i just like highlights that tend to feel a little bit creamier but it's translating a nice on the skin i'm going to get to the other side now this side looks like it's going to be a little bit more glittery i'm not too glittery i mean this might just be the colors that i picked but for me it's a bit too icy i really loved the blush and the bronzer formula i'm not as moved by the highlight formula it definitely gets the job done like the highlight works it's a decent highlight but it's not special it's not looking as blended into the skin as i would prefer so this one i'm kind of about but the other two items so far have been phenomenal it's time to get into my favorite part of this video those other products were just a warm up but the eyeshadow palettes which you guys know how much i love eyeshadow palettes are amazing so i'm gonna start off with the one that i'm not going to use today because i think this was limited edition and it sold out it's still on the website but it's not available right now but this is the catnips and kimchi rainbow sharks mini me eyeshadow palette it was $15 however this is what i didn't realize there's a bigger version of it for $28 but there's a mini version i'm in love with the fact that they did a big version and a mini version so first of all i want you to look at the artwork on the packaging it's so cute literally the cutest makeup ever even the cardboard on the outside and it is literally a mini palette the cutest palette ever i mean the colors are cute too it's a neutral palette but let me get a normal size brush this is a pkbeauty 201 it's so tiny i need to compare it let me get a natasha palette circle loco was just available but look at the i'm obsessed i wish this was still available because it's actually the cutest thing that i've ever seen oh my goodness $15 too i need all makeup to be mini like that because my collection is a lot so the fact that they're so small would justify it more for me it's cheaper the colors look pretty they swatched really nice as well unfortunately like i said this is no longer available it's sold out but it's on the website so we're gonna go in with the other palette that i have that is still available you can see these prices are very affordable this is the virgin mojito palette it's $14 and again just so much thought went behind these products it's incredible here's what the packaging looks like this one is pretty simple but when you see the inside it's going to be made up for so this is kim chi right here and here is the adorable palette i absolutely love what they did with the artwork here you they put a little bear ear around this and it's called pear bear yellow diamond limoncello mint chip i mean this is the makeup brand for me okay so what i'm going to do i'm gonna go off camera i'm gonna do this eye and then i'll move on to this eye for you guys so i'll be right back got the lemon lime kind of look going oh i had so much fun with this palette it's it's a good one not perfect i'll tell you about it but it's a good one but you're nice and close we're gonna start off with limoncello i'm using a bk beauty 202 brush and by the way my base right now is urban decay primer potion which sometimes makes shadows a little bit difficult to blend just a four warning there so that's why i'm putting this yellow in my crease so that it's easier to blend some shadows i'm also going to run this along the lower lash line i like that this brush has a nice tip to it because it means i don't need to use another brush to get it all down here i'm going to wipe this brush off i'm going to take some of sour apple down here which is like a lime green and putting this in the inner half of my crease i will say this kind of looks the same as the yellow shade so the colors don't differ like i would like them to if you really wanted them to look different you could put a white base down but i'm not a big fan of how they kind of look the same as you can see you can see a slight differences but just keep that in mind that these kind of look the same all right here's our start here i know we look a little weird sonia g it's soft to find here and i'm using some of sour pop right here which this color is not the easiest to use i'm not gonna lie to you guys these colors right here are typically pretty hard to work with i think they're hard to formulate or something but yeah this one's no exception it's it's a little bit of extra work to blend however pigmentation is there we did a great job with pigmentation just be careful and move slow for blending because i did struggle a little bit but not too much since i didn't put it on too big of an area just be aware of that it still works opacity is really great so we were able to make it work just can't get over how fun and how cute palettes are from this brand can't believe it took me so long to try these they're adorable i'm going to just take my finger and we're going into pear bear this is a shimmery neon yellow it's not metallic by any means but you can see it does have a shimmer to it and i'm just putting this on the inner third of the eyelid right here i'm taking my refer 28 brush and we're going into lime phase which has that same shimmer formula and it's just the green version and we're going to bridge the yellow between the green and because it's a shimmer it really is going to make it super seamless is this cute blend this a little bit more final touch we're taking yellow diamond which this one has some actual very fine glitter particles and putting it right on top of the inner corner to add a little bit of extra pizzazz and i'm going to take actually some of pear bear right here that first shimmery yellow i just want to put it in the inner corner of the lower lash line just to pull things together this look is so cute i haven't done a look like this in a while i really like it okay i mean all things considered i did say that dark green was a little bit harder to work with but it wasn't that hard i think the formula here is very nice very workable so i'm gonna do liner lashes and then we'll be back to finish off lips all right so here's what the final look is with liner and lashes so cute i really like it it is very neon though i looked at myself from afar in the mirror and i was like that's very very bright but if you like really bright neon colors this is the palette for you really fun we're gonna move on to the last product that i have which is a lip gloss i only picked up one these are called the high key gloss i got mine in the shade natural these are 11 dollars this brand is priced very fair really liking the prices i guess this kind of goes right i picked out my natasha denona i need a nude lip crayon and dana i thought these two would go together so let me pop this on all right let's see the packaging feels a little bit on the cheaper side but obviously we're not paying a luxury price for this no scent for all of you guys who don't like scent here's what the applicator looks like let's see super pigmented not sticky wow i really like this formula this is a good formula it's like not sticky at all it gives you so much pigment okay nice i mean also on the website they have a like a shimmery gloss formula that you can put on top they're called the gloss over gloss lip gloss there's also a plumping lip gloss surprise i don't see any um liquid lipsticks oh i guess i'm on the lips gloss category no they don't have liquid lipsticks interesting anyways i mean here is the final look and i have to say i am so impressed with kimchi shake beauty this brand is officially on my radar the only thing that i tried today that i wasn't in love with was the highlighter but other than that the bronzer was so creamy it was a great level of pigmentation not too warm same exact feelings about the blushes as well they're creamy they're pigmented but they're still blendable i like that the blushes are split hand as well and the eyeshadow palettes are so affordable the color stories are so thoughtful as well i'm looking at the website right now with all the other palettes that they have so cute so thought out great color stories that even have some neutral palettes for you neutral wearers i'm not gonna buy any more makeup from this band for a while probably just because i have a lot of other stuff that i'm working through but if i have the space i would totally buy more from this brand because i cannot get over how cute these shadows are i don't think they're the best shadow quality in the world however definitely fantastic for the price workable a great opportunity to pick up some nice colorful shades pigmented overall really solid oh and the gloss i almost forgot really awesome gloss as well really solid experience with this brand officially a new brand on my radar i'm gonna keep an eye out for their new releases because i'm super impressed with the quality so i had a lot of fun just playing around with a new makeup brand for today's video haven't done this in a while i feel like so i love featuring and trying out new brands so let me know if there are any other brands that you think i would love and need to try out but i give this one a thumbs up definitely keep an eye out for any sales that they have if you're interested in purchasing anything from the brand i think you will really like it that is all i have for today's video i hope you guys enjoyed it if you weren't subscribed to my channel already i would love it if you would consider taking the time to do so and i will see you all in the next one bye guys have a good one