[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.00,0:00:11.39,Default,,0000,0000,0000,,slides now yes can see the slice so
Dialogue: 0,0:00:07.86,0:00:15.29,Default,,0000,0000,0000,,let's start the talk now
Dialogue: 0,0:00:11.39,0:00:15.29,Default,,0000,0000,0000,,thank you okay
Dialogue: 0,0:00:15.32,0:00:20.79,Default,,0000,0000,0000,,hi I'm William I'm a software developer
Dialogue: 0,0:00:18.51,0:00:23.58,Default,,0000,0000,0000,,and today I'm gonna be talking about
Dialogue: 0,0:00:20.79,0:00:35.73,Default,,0000,0000,0000,,data visualizations and maps with
Dialogue: 0,0:00:23.58,0:00:42.60,Default,,0000,0000,0000,,JavaScript so I'm going to show you
Dialogue: 0,0:00:35.73,0:00:48.57,Default,,0000,0000,0000,,something similar to this today it's
Dialogue: 0,0:00:42.60,0:00:51.21,Default,,0000,0000,0000,,it's blurry and but I'll show the real
Dialogue: 0,0:00:48.57,0:00:58.14,Default,,0000,0000,0000,,thing later and there are problems with
Dialogue: 0,0:00:51.21,0:01:11.73,Default,,0000,0000,0000,,mine I'm not sure if I can you can see
Dialogue: 0,0:00:58.14,0:01:14.54,Default,,0000,0000,0000,,oh gosh I don't know if can you see we
Dialogue: 0,0:01:11.73,0:01:21.56,Default,,0000,0000,0000,,still see the cuz the slide with the
Dialogue: 0,0:01:14.54,0:01:21.56,Default,,0000,0000,0000,,market after with the smack manually
Dialogue: 0,0:01:24.31,0:01:27.48,Default,,0000,0000,0000,,[Music]
Dialogue: 0,0:01:43.76,0:01:51.14,Default,,0000,0000,0000,,honest I think that's better so I can
Dialogue: 0,0:01:46.53,0:01:59.61,Default,,0000,0000,0000,,yes I can I can now switch now you can
Dialogue: 0,0:01:51.14,0:02:01.89,Default,,0000,0000,0000,,see so if you look like on one map fuck
Dialogue: 0,0:01:59.61,0:02:05.46,Default,,0000,0000,0000,,you see I'm not sure I've done something
Dialogue: 0,0:02:01.89,0:02:15.27,Default,,0000,0000,0000,,wrong or that box does this like the D
Dialogue: 0,0:02:05.46,0:02:17.70,Default,,0000,0000,0000,,is cut off in New Zealand I'm sorry
Dialogue: 0,0:02:15.27,0:02:20.88,Default,,0000,0000,0000,,about this like write down some notes
Dialogue: 0,0:02:17.70,0:02:22.89,Default,,0000,0000,0000,,inside my slides it's because this talk
Dialogue: 0,0:02:20.88,0:02:26.70,Default,,0000,0000,0000,,has been postponed quite a few times I
Dialogue: 0,0:02:22.89,0:02:29.93,Default,,0000,0000,0000,,might forget I might forget what I want
Dialogue: 0,0:02:26.70,0:02:32.34,Default,,0000,0000,0000,,to say in the presentation
Dialogue: 0,0:02:29.93,0:02:38.40,Default,,0000,0000,0000,,[Music]
Dialogue: 0,0:02:32.34,0:02:42.61,Default,,0000,0000,0000,,here's another another interesting thing
Dialogue: 0,0:02:38.40,0:02:44.42,Default,,0000,0000,0000,,to look at if you can't see it it's fine
Dialogue: 0,0:02:42.61,0:02:47.76,Default,,0000,0000,0000,,[Music]
Dialogue: 0,0:02:44.42,0:02:52.98,Default,,0000,0000,0000,,here it is zoomed in there's there's a
Dialogue: 0,0:02:47.76,0:03:01.25,Default,,0000,0000,0000,,problem here with a data visualization
Dialogue: 0,0:02:52.98,0:03:01.25,Default,,0000,0000,0000,,given by Channel NewsAsia like this
Dialogue: 0,0:03:03.59,0:03:09.63,Default,,0000,0000,0000,,there's supposed to be something here
Dialogue: 0,0:03:06.51,0:03:12.18,Default,,0000,0000,0000,,but there's none and I think it's it's
Dialogue: 0,0:03:09.63,0:03:14.82,Default,,0000,0000,0000,,just a mistake I think I mean they
Dialogue: 0,0:03:12.18,0:03:18.63,Default,,0000,0000,0000,,probably didn't really care about it I
Dialogue: 0,0:03:14.82,0:03:20.73,Default,,0000,0000,0000,,guess so
Dialogue: 0,0:03:18.63,0:03:23.88,Default,,0000,0000,0000,,what I want to say is that every
Dialogue: 0,0:03:20.73,0:03:27.24,Default,,0000,0000,0000,,everybody makes mistakes and I'll be I
Dialogue: 0,0:03:23.88,0:03:29.67,Default,,0000,0000,0000,,guess this was done using d3 I could I
Dialogue: 0,0:03:27.24,0:03:35.19,Default,,0000,0000,0000,,could check now but I have to but I
Dialogue: 0,0:03:29.67,0:03:43.71,Default,,0000,0000,0000,,guess it's done I'll talk about d3 again
Dialogue: 0,0:03:35.19,0:03:46.03,Default,,0000,0000,0000,,later here is where a lot of these
Dialogue: 0,0:03:43.71,0:03:47.09,Default,,0000,0000,0000,,realizations you see now are taken from
Dialogue: 0,0:03:46.03,0:03:51.06,Default,,0000,0000,0000,,[Music]
Dialogue: 0,0:03:47.09,0:03:54.06,Default,,0000,0000,0000,,this repository and just want to note
Dialogue: 0,0:03:51.06,0:04:04.14,Default,,0000,0000,0000,,that this and this notice that there's
Dialogue: 0,0:03:54.06,0:04:07.65,Default,,0000,0000,0000,,only one repository and I'm also really
Dialogue: 0,0:04:04.14,0:04:13.71,Default,,0000,0000,0000,,grateful for the work and that you can
Dialogue: 0,0:04:07.65,0:04:15.66,Default,,0000,0000,0000,,see in this repository although this
Dialogue: 0,0:04:13.71,0:04:19.05,Default,,0000,0000,0000,,slides these these slides are going to
Dialogue: 0,0:04:15.66,0:04:22.08,Default,,0000,0000,0000,,be up on github later on so you can look
Dialogue: 0,0:04:19.05,0:04:27.51,Default,,0000,0000,0000,,at you can look at this after after my
Dialogue: 0,0:04:22.08,0:04:35.55,Default,,0000,0000,0000,,job here's the sources that this
Dialogue: 0,0:04:27.51,0:04:41.19,Default,,0000,0000,0000,,repository takes from and I I wanted to
Dialogue: 0,0:04:35.55,0:04:45.39,Default,,0000,0000,0000,,show this this source this this part of
Dialogue: 0,0:04:41.19,0:04:52.41,Default,,0000,0000,0000,,the repository because this is the data
Dialogue: 0,0:04:45.39,0:04:58.91,Default,,0000,0000,0000,,that I used in late March and just
Dialogue: 0,0:04:52.41,0:05:04.17,Default,,0000,0000,0000,,notice that oh gosh so big
Dialogue: 0,0:04:58.91,0:05:08.22,Default,,0000,0000,0000,,late March that you get province and
Dialogue: 0,0:05:04.17,0:05:10.04,Default,,0000,0000,0000,,state country-region you know last time
Dialogue: 0,0:05:08.22,0:05:13.17,Default,,0000,0000,0000,,they are all these are these are all
Dialogue: 0,0:05:10.04,0:05:16.14,Default,,0000,0000,0000,,these these headings and this is your
Dialogue: 0,0:05:13.17,0:05:22.45,Default,,0000,0000,0000,,this is your raw data but then on
Dialogue: 0,0:05:16.14,0:05:22.45,Default,,0000,0000,0000,,[Music]
Dialogue: 0,0:05:23.97,0:05:38.50,Default,,0000,0000,0000,,but then on I think this was one week
Dialogue: 0,0:05:33.61,0:05:42.94,Default,,0000,0000,0000,,ago and I'm just guessing that it's the
Dialogue: 0,0:05:38.50,0:05:45.37,Default,,0000,0000,0000,,same now the headings have changed and
Dialogue: 0,0:05:42.94,0:05:46.93,Default,,0000,0000,0000,,the raw data that you that I pulled from
Dialogue: 0,0:05:45.37,0:05:48.88,Default,,0000,0000,0000,,it was different
Dialogue: 0,0:05:46.93,0:05:51.07,Default,,0000,0000,0000,,actually a lot of other people pull cool
Dialogue: 0,0:05:48.88,0:05:53.10,Default,,0000,0000,0000,,from this data and they create a api's
Dialogue: 0,0:05:51.07,0:05:54.15,Default,,0000,0000,0000,,and I've been gonna talk about them
Dialogue: 0,0:05:53.10,0:05:57.28,Default,,0000,0000,0000,,later
Dialogue: 0,0:05:54.15,0:06:03.99,Default,,0000,0000,0000,,[Music]
Dialogue: 0,0:05:57.28,0:06:09.91,Default,,0000,0000,0000,,here's something interesting which oh I
Dialogue: 0,0:06:03.99,0:06:13.57,Default,,0000,0000,0000,,think yeah I'll talk about I'll talk
Dialogue: 0,0:06:09.91,0:06:16.57,Default,,0000,0000,0000,,about pulling from this from this source
Dialogue: 0,0:06:13.57,0:06:22.54,Default,,0000,0000,0000,,later here's this here's this something
Dialogue: 0,0:06:16.57,0:06:29.59,Default,,0000,0000,0000,,interesting that I found that I think it
Dialogue: 0,0:06:22.54,0:06:35.62,Default,,0000,0000,0000,,looks nice so when you build Maps in
Dialogue: 0,0:06:29.59,0:06:40.78,Default,,0000,0000,0000,,JavaScript I I think you look at these
Dialogue: 0,0:06:35.62,0:06:47.14,Default,,0000,0000,0000,,map libraries at first so leaflet
Dialogue: 0,0:06:40.78,0:06:50.11,Default,,0000,0000,0000,,popularise and later I'm gonna show
Dialogue: 0,0:06:47.14,0:06:52.81,Default,,0000,0000,0000,,where I got stuck while using open
Dialogue: 0,0:06:50.11,0:06:54.97,Default,,0000,0000,0000,,layers so I ended up using leaflet for
Dialogue: 0,0:06:52.81,0:07:01.39,Default,,0000,0000,0000,,speed and it looks like what I wanted to
Dialogue: 0,0:06:54.97,0:07:05.34,Default,,0000,0000,0000,,get in the end you'll probably use these
Dialogue: 0,0:07:01.39,0:07:05.34,Default,,0000,0000,0000,,map fbi's as well if you working on maps
Dialogue: 0,0:07:06.13,0:07:10.12,Default,,0000,0000,0000,,[Music]
Dialogue: 0,0:07:07.83,0:07:16.93,Default,,0000,0000,0000,,some some things that you might consider
Dialogue: 0,0:07:10.12,0:07:20.23,Default,,0000,0000,0000,,is like pricing so for format box I'm
Dialogue: 0,0:07:16.93,0:07:23.35,Default,,0000,0000,0000,,quite scared so for Google Maps you can
Dialogue: 0,0:07:20.23,0:07:29.83,Default,,0000,0000,0000,,set daily quotas to protect against
Dialogue: 0,0:07:23.35,0:07:32.26,Default,,0000,0000,0000,,unexpected increases so you don't want
Dialogue: 0,0:07:29.83,0:07:34.98,Default,,0000,0000,0000,,your billing to suddenly increase
Dialogue: 0,0:07:32.26,0:07:34.98,Default,,0000,0000,0000,,without you knowing
Dialogue: 0,0:07:38.94,0:07:44.62,Default,,0000,0000,0000,,which which I aced when using map box so
Dialogue: 0,0:07:42.88,0:07:47.17,Default,,0000,0000,0000,,it's important to pick the right tool
Dialogue: 0,0:07:44.62,0:07:50.44,Default,,0000,0000,0000,,for the right job and don't be like me
Dialogue: 0,0:07:47.17,0:07:52.87,Default,,0000,0000,0000,,if you can avoid it I only pick me flirt
Dialogue: 0,0:07:50.44,0:07:54.76,Default,,0000,0000,0000,,because I only ended up using leaflet
Dialogue: 0,0:07:52.87,0:07:58.45,Default,,0000,0000,0000,,because it works nicely with Matt box
Dialogue: 0,0:07:54.76,0:08:05.08,Default,,0000,0000,0000,,and it just got close to results I
Dialogue: 0,0:07:58.45,0:08:06.58,Default,,0000,0000,0000,,wanted to get so for security you might
Dialogue: 0,0:08:05.08,0:08:12.25,Default,,0000,0000,0000,,want to look at that too like how it
Dialogue: 0,0:08:06.58,0:08:16.45,Default,,0000,0000,0000,,deals with tokens and how how each of
Dialogue: 0,0:08:12.25,0:08:18.01,Default,,0000,0000,0000,,these map ups deal with security and and
Dialogue: 0,0:08:16.45,0:08:24.22,Default,,0000,0000,0000,,how good their documentation is for
Dialogue: 0,0:08:18.01,0:08:31.03,Default,,0000,0000,0000,,security so you can link leaflet to
Dialogue: 0,0:08:24.22,0:08:33.70,Default,,0000,0000,0000,,Google Maps by using plugins you can
Dialogue: 0,0:08:31.03,0:08:39.73,Default,,0000,0000,0000,,also have a look at these are the these
Dialogue: 0,0:08:33.70,0:08:47.70,Default,,0000,0000,0000,,are the plugins as well when Apple's map
Dialogue: 0,0:08:39.73,0:08:49.99,Default,,0000,0000,0000,,is marketeers in maps like there's
Dialogue: 0,0:08:47.70,0:08:53.65,Default,,0000,0000,0000,,comparisons usually between google maps
Dialogue: 0,0:08:49.99,0:08:55.51,Default,,0000,0000,0000,,and maps and other map map api is I'm
Dialogue: 0,0:08:53.65,0:09:00.93,Default,,0000,0000,0000,,not going to go through that in this
Dialogue: 0,0:08:55.51,0:09:04.21,Default,,0000,0000,0000,,talk this talk is just meant for a like
Dialogue: 0,0:09:00.93,0:09:14.08,Default,,0000,0000,0000,,things specific to mine to what I wanted
Dialogue: 0,0:09:04.21,0:09:17.11,Default,,0000,0000,0000,,to to get if also if there's a plan like
Dialogue: 0,0:09:14.08,0:09:19.60,Default,,0000,0000,0000,,this if there's a better API that that
Dialogue: 0,0:09:17.11,0:09:21.16,Default,,0000,0000,0000,,um can help with open source projects
Dialogue: 0,0:09:19.60,0:09:24.13,Default,,0000,0000,0000,,like what I what I did that would be
Dialogue: 0,0:09:21.16,0:09:30.07,Default,,0000,0000,0000,,that would be they'll be best because um
Dialogue: 0,0:09:24.13,0:09:32.04,Default,,0000,0000,0000,,I don't want to worry about billing and
Dialogue: 0,0:09:30.07,0:09:35.41,Default,,0000,0000,0000,,things like that when I'm doing
Dialogue: 0,0:09:32.04,0:09:36.47,Default,,0000,0000,0000,,client-side small small projects open
Dialogue: 0,0:09:35.41,0:09:39.51,Default,,0000,0000,0000,,source
Dialogue: 0,0:09:36.47,0:09:39.51,Default,,0000,0000,0000,,[Music]
Dialogue: 0,0:09:39.71,0:09:46.24,Default,,0000,0000,0000,,so before the demo I just want to say
Dialogue: 0,0:09:42.38,0:09:49.52,Default,,0000,0000,0000,,again that if you take data from a
Dialogue: 0,0:09:46.24,0:09:51.14,Default,,0000,0000,0000,,repository or Fei be prepared for the
Dialogue: 0,0:09:49.52,0:09:55.34,Default,,0000,0000,0000,,data format to change and break your
Dialogue: 0,0:09:51.14,0:10:00.22,Default,,0000,0000,0000,,entire app this will tend to happen if
Dialogue: 0,0:09:55.34,0:10:00.22,Default,,0000,0000,0000,,you automate pulling fetching the data
Dialogue: 0,0:10:00.76,0:10:08.93,Default,,0000,0000,0000,,and not something I consider was like
Dialogue: 0,0:10:06.16,0:10:11.93,Default,,0000,0000,0000,,automating the whole process to get the
Dialogue: 0,0:10:08.93,0:10:20.11,Default,,0000,0000,0000,,latest to show the latest map and the
Dialogue: 0,0:10:11.93,0:10:24.05,Default,,0000,0000,0000,,latest data but after a while I I
Dialogue: 0,0:10:20.11,0:10:31.25,Default,,0000,0000,0000,,realized that if you pull from a dynamic
Dialogue: 0,0:10:24.05,0:10:35.24,Default,,0000,0000,0000,,API your your app might break it might
Dialogue: 0,0:10:31.25,0:10:40.46,Default,,0000,0000,0000,,be inaccurate which is not what not not
Dialogue: 0,0:10:35.24,0:10:42.85,Default,,0000,0000,0000,,good for you your users so so if I'll
Dialogue: 0,0:10:40.46,0:10:49.10,Default,,0000,0000,0000,,talk about this later in the next slide
Dialogue: 0,0:10:42.85,0:10:53.81,Default,,0000,0000,0000,,or now it should also have two changes
Dialogue: 0,0:10:49.10,0:10:55.72,Default,,0000,0000,0000,,every day or at shorter intervals if you
Dialogue: 0,0:10:53.81,0:10:58.67,Default,,0000,0000,0000,,intend to work a news organization
Dialogue: 0,0:10:55.72,0:11:02.00,Default,,0000,0000,0000,,Americans Newton this might be helpful
Dialogue: 0,0:10:58.67,0:11:08.80,Default,,0000,0000,0000,,for you this is also helpful for
Dialogue: 0,0:11:02.00,0:11:12.14,Default,,0000,0000,0000,,databases in general so something I
Dialogue: 0,0:11:08.80,0:11:14.30,Default,,0000,0000,0000,,thought would be nice to have I think
Dialogue: 0,0:11:12.14,0:11:19.40,Default,,0000,0000,0000,,it'd be nice to have if you do any of
Dialogue: 0,0:11:14.30,0:11:23.60,Default,,0000,0000,0000,,this database in the future is you
Dialogue: 0,0:11:19.40,0:11:32.69,Default,,0000,0000,0000,,should let let your users choose the
Dialogue: 0,0:11:23.60,0:11:34.85,Default,,0000,0000,0000,,primary location because you look here
Dialogue: 0,0:11:32.69,0:11:38.39,Default,,0000,0000,0000,,and and what I want to see is like in
Dialogue: 0,0:11:34.85,0:11:43.22,Default,,0000,0000,0000,,the around Singapore just and I get you
Dialogue: 0,0:11:38.39,0:11:45.68,Default,,0000,0000,0000,,know this and I feel like slow down get
Dialogue: 0,0:11:43.22,0:11:55.16,Default,,0000,0000,0000,,to that at the end it
Dialogue: 0,0:11:45.68,0:11:59.90,Default,,0000,0000,0000,,takes time also there are enough
Dialogue: 0,0:11:55.16,0:12:03.62,Default,,0000,0000,0000,,existing visualizations online on coca
Dialogue: 0,0:11:59.90,0:12:05.90,Default,,0000,0000,0000,,Dorothy please don't add more unless you
Dialogue: 0,0:12:03.62,0:12:08.45,Default,,0000,0000,0000,,can maintain it well that's what that's
Dialogue: 0,0:12:05.90,0:12:13.28,Default,,0000,0000,0000,,why I'm reluctant to make it to add more
Dialogue: 0,0:12:08.45,0:12:16.07,Default,,0000,0000,0000,,to this this this whole thing I'm doing
Dialogue: 0,0:12:13.28,0:12:18.35,Default,,0000,0000,0000,,is just a learning tool and it's not
Dialogue: 0,0:12:16.07,0:12:40.49,Default,,0000,0000,0000,,well you can use it to deploy something
Dialogue: 0,0:12:18.35,0:12:44.42,Default,,0000,0000,0000,,but just maintain it and so when I
Dialogue: 0,0:12:40.49,0:12:46.70,Default,,0000,0000,0000,,started off I start off with open I
Dialogue: 0,0:12:44.42,0:12:53.06,Default,,0000,0000,0000,,tried I I try to do I try to use both
Dialogue: 0,0:12:46.70,0:12:57.92,Default,,0000,0000,0000,,open layers and leaflet this is just to
Dialogue: 0,0:12:53.06,0:13:00.71,Default,,0000,0000,0000,,do a comparison for them and I think I
Dialogue: 0,0:12:57.92,0:13:03.83,Default,,0000,0000,0000,,tried I tried them both around the same
Dialogue: 0,0:13:00.71,0:13:10.97,Default,,0000,0000,0000,,time but what I got for open layers was
Dialogue: 0,0:13:03.83,0:13:15.59,Default,,0000,0000,0000,,this what I got in the end what I did
Dialogue: 0,0:13:10.97,0:13:17.66,Default,,0000,0000,0000,,was I followed their documentation and I
Dialogue: 0,0:13:15.59,0:13:20.81,Default,,0000,0000,0000,,for some reason I did service I would
Dialogue: 0,0:13:17.66,0:13:26.21,Default,,0000,0000,0000,,just know not what I wanted and then I
Dialogue: 0,0:13:20.81,0:13:30.08,Default,,0000,0000,0000,,did did their client-side thing and that
Dialogue: 0,0:13:26.21,0:13:35.57,Default,,0000,0000,0000,,is that's what you get when you get when
Dialogue: 0,0:13:30.08,0:13:37.13,Default,,0000,0000,0000,,you use some open open layers yeah
Dialogue: 0,0:13:35.57,0:13:42.26,Default,,0000,0000,0000,,that's what you get when you use open
Dialogue: 0,0:13:37.13,0:13:46.94,Default,,0000,0000,0000,,layers and open layers compared to
Dialogue: 0,0:13:42.26,0:13:52.54,Default,,0000,0000,0000,,leaflet it's nice because like for
Dialogue: 0,0:13:46.94,0:13:58.86,Default,,0000,0000,0000,,instance if you want it it localizes the
Dialogue: 0,0:13:52.54,0:14:04.15,Default,,0000,0000,0000,,language of locations automatically
Dialogue: 0,0:13:58.86,0:14:08.94,Default,,0000,0000,0000,,it gives you if that part of the box for
Dialogue: 0,0:14:04.15,0:14:15.13,Default,,0000,0000,0000,,all the different places in the world
Dialogue: 0,0:14:08.94,0:14:19.72,Default,,0000,0000,0000,,but the thing is for openlayers I got
Dialogue: 0,0:14:15.13,0:14:22.09,Default,,0000,0000,0000,,stuck I got stuck here and like I didn't
Dialogue: 0,0:14:19.72,0:14:25.42,Default,,0000,0000,0000,,want to move further because it's just
Dialogue: 0,0:14:22.09,0:14:30.84,Default,,0000,0000,0000,,more complicated because I wanted to get
Dialogue: 0,0:14:25.42,0:14:30.84,Default,,0000,0000,0000,,something similarly similar to this
Dialogue: 0,0:14:30.90,0:14:39.61,Default,,0000,0000,0000,,you're just shown in Channel NewsAsia
Dialogue: 0,0:14:34.92,0:14:41.68,Default,,0000,0000,0000,,and I don't I don't mind it looking like
Dialogue: 0,0:14:39.61,0:14:43.60,Default,,0000,0000,0000,,this but to get the markers on it's
Dialogue: 0,0:14:41.68,0:14:55.42,Default,,0000,0000,0000,,quite difficult I think it was quite
Dialogue: 0,0:14:43.60,0:15:01.54,Default,,0000,0000,0000,,difficult so so that's it for open
Dialogue: 0,0:14:55.42,0:15:05.29,Default,,0000,0000,0000,,layers so I tried leaflet and oh it's
Dialogue: 0,0:15:01.54,0:15:09.78,Default,,0000,0000,0000,,gonna show mm I was gonna show the real
Dialogue: 0,0:15:05.29,0:15:12.52,Default,,0000,0000,0000,,like like what I was trying to recreate
Dialogue: 0,0:15:09.78,0:15:13.30,Default,,0000,0000,0000,,and it's this this thing that's on
Dialogue: 0,0:15:12.52,0:15:21.04,Default,,0000,0000,0000,,channel is it
Dialogue: 0,0:15:13.30,0:15:31.81,Default,,0000,0000,0000,,Channel NewsAsia and this mmm kind of
Dialogue: 0,0:15:21.04,0:15:35.97,Default,,0000,0000,0000,,kept lucky yeah this is mine it's what I
Dialogue: 0,0:15:31.81,0:15:39.19,Default,,0000,0000,0000,,got when I usually flip so
Dialogue: 0,0:15:35.97,0:15:48.43,Default,,0000,0000,0000,,when you zoom in you get well you get
Dialogue: 0,0:15:39.19,0:15:53.50,Default,,0000,0000,0000,,like the darker red areas are places
Dialogue: 0,0:15:48.43,0:15:55.72,Default,,0000,0000,0000,,where it's more affected I guess and
Dialogue: 0,0:15:53.50,0:15:59.73,Default,,0000,0000,0000,,then when you zoom in you get a similar
Dialogue: 0,0:15:55.72,0:15:59.73,Default,,0000,0000,0000,,thing where you can see for each
Dialogue: 0,0:16:01.40,0:16:13.52,Default,,0000,0000,0000,,each country like their current
Dialogue: 0,0:16:05.18,0:16:17.09,Default,,0000,0000,0000,,situation and this is March 21st so I'm
Dialogue: 0,0:16:13.52,0:16:19.21,Default,,0000,0000,0000,,gonna go through how you can build
Dialogue: 0,0:16:17.09,0:16:33.43,Default,,0000,0000,0000,,something like this
Dialogue: 0,0:16:19.21,0:16:39.89,Default,,0000,0000,0000,,five time HTML is here
Dialogue: 0,0:16:33.43,0:16:44.48,Default,,0000,0000,0000,,I'd leaflet add another thing for
Dialogue: 0,0:16:39.89,0:16:48.11,Default,,0000,0000,0000,,leaflet think you see this in the
Dialogue: 0,0:16:44.48,0:16:53.60,Default,,0000,0000,0000,,documentation is quite nice and I joined
Dialogue: 0,0:16:48.11,0:16:56.00,Default,,0000,0000,0000,,oh I'm not sure if I've time well I
Dialogue: 0,0:16:53.60,0:16:58.91,Default,,0000,0000,0000,,joined I joined both chart yes and
Dialogue: 0,0:16:56.00,0:17:01.52,Default,,0000,0000,0000,,leaflet into the same into the same half
Dialogue: 0,0:16:58.91,0:17:05.90,Default,,0000,0000,0000,,machine so what I mean by truck is is
Dialogue: 0,0:17:01.52,0:17:14.96,Default,,0000,0000,0000,,like you can view the you can view the
Dialogue: 0,0:17:05.90,0:17:23.08,Default,,0000,0000,0000,,case is left as well on the same I just
Dialogue: 0,0:17:14.96,0:17:28.10,Default,,0000,0000,0000,,put it all together so that's what char
Dialogue: 0,0:17:23.08,0:17:32.27,Default,,0000,0000,0000,,CSS does then all you have to do for
Dialogue: 0,0:17:28.10,0:17:37.55,Default,,0000,0000,0000,,leaflet is add this all you have to do
Dialogue: 0,0:17:32.27,0:17:42.08,Default,,0000,0000,0000,,for charge is inside that and notice I
Dialogue: 0,0:17:37.55,0:17:44.93,Default,,0000,0000,0000,,don't use d3.js and I use short guess
Dialogue: 0,0:17:42.08,0:17:48.29,Default,,0000,0000,0000,,and I'm if I have time I'll go through
Dialogue: 0,0:17:44.93,0:17:55.69,Default,,0000,0000,0000,,that well I know why I try to avoid
Dialogue: 0,0:17:48.29,0:17:55.69,Default,,0000,0000,0000,,using d3 now that's this buttons to
Dialogue: 0,0:17:57.79,0:18:04.10,Default,,0000,0000,0000,,access token here which I'm not gonna
Dialogue: 0,0:18:01.22,0:18:07.19,Default,,0000,0000,0000,,show but the whole things of a source
Dialogue: 0,0:18:04.10,0:18:11.35,Default,,0000,0000,0000,,but I had removed the access token in my
Dialogue: 0,0:18:07.19,0:18:11.35,Default,,0000,0000,0000,,the public repository
Dialogue: 0,0:18:11.73,0:18:25.30,Default,,0000,0000,0000,,the data this is the data from John
Dialogue: 0,0:18:21.16,0:18:39.73,Default,,0000,0000,0000,,Hopkins I think that's that's the data
Dialogue: 0,0:18:25.30,0:18:43.74,Default,,0000,0000,0000,,and then script for leaflet is here and
Dialogue: 0,0:18:39.73,0:18:55.90,Default,,0000,0000,0000,,just that's that's all it takes to do
Dialogue: 0,0:18:43.74,0:19:00.73,Default,,0000,0000,0000,,like all that so I think set the you set
Dialogue: 0,0:18:55.90,0:19:07.27,Default,,0000,0000,0000,,the bounds of a map here Oh Southwest
Dialogue: 0,0:19:00.73,0:19:10.21,Default,,0000,0000,0000,,North East then you said when you first
Dialogue: 0,0:19:07.27,0:19:18.01,Default,,0000,0000,0000,,load the page you set the center here
Dialogue: 0,0:19:10.21,0:19:22.08,Default,,0000,0000,0000,,and set the view here and I I think I'm
Dialogue: 0,0:19:18.01,0:19:22.08,Default,,0000,0000,0000,,not sure what country it's that 244
Dialogue: 0,0:19:23.13,0:19:36.30,Default,,0000,0000,0000,,against the London or something then had
Dialogue: 0,0:19:30.36,0:19:38.62,Default,,0000,0000,0000,,the tiles so so for for mapping in
Dialogue: 0,0:19:36.30,0:19:44.98,Default,,0000,0000,0000,,general on the web I think everything
Dialogue: 0,0:19:38.62,0:19:47.43,Default,,0000,0000,0000,,has to use tiles 512 pixels I guess I
Dialogue: 0,0:19:44.98,0:19:47.43,Default,,0000,0000,0000,,think so
Dialogue: 0,0:19:49.63,0:20:07.59,Default,,0000,0000,0000,,everything is made of tiles that are
Dialogue: 0,0:19:56.03,0:20:10.83,Default,,0000,0000,0000,,this this size set the markers which are
Dialogue: 0,0:20:07.59,0:20:10.83,Default,,0000,0000,0000,,[Music]
Dialogue: 0,0:20:12.01,0:20:19.52,Default,,0000,0000,0000,,the markers are the blue these blue
Dialogue: 0,0:20:14.78,0:20:25.67,Default,,0000,0000,0000,,things where the pop-up comes from is
Dialogue: 0,0:20:19.52,0:20:32.42,Default,,0000,0000,0000,,patched the circles are the circles are
Dialogue: 0,0:20:25.67,0:21:00.71,Default,,0000,0000,0000,,the circles the red circles add them
Dialogue: 0,0:20:32.42,0:21:03.20,Default,,0000,0000,0000,,here I'll just go through this like for
Dialogue: 0,0:21:00.71,0:21:05.93,Default,,0000,0000,0000,,each for each data set for each data
Dialogue: 0,0:21:03.20,0:21:09.56,Default,,0000,0000,0000,,point you add a marker here and then
Dialogue: 0,0:21:05.93,0:21:14.27,Default,,0000,0000,0000,,it's pop-up and then you add the pop-up
Dialogue: 0,0:21:09.56,0:21:27.26,Default,,0000,0000,0000,,to the position latitude/longitude on
Dialogue: 0,0:21:14.27,0:21:29.78,Default,,0000,0000,0000,,the map you add the circle as well then
Dialogue: 0,0:21:27.26,0:21:31.61,Default,,0000,0000,0000,,you add the marker layer the layer of
Dialogue: 0,0:21:29.78,0:21:33.50,Default,,0000,0000,0000,,markers all all the markers which is all
Dialogue: 0,0:21:31.61,0:21:35.72,Default,,0000,0000,0000,,the blue points onto the map and then
Dialogue: 0,0:21:33.50,0:21:38.96,Default,,0000,0000,0000,,you add all the circles onto the map and
Dialogue: 0,0:21:35.72,0:21:45.59,Default,,0000,0000,0000,,then you think you you think you've
Dialogue: 0,0:21:38.96,0:21:49.31,Default,,0000,0000,0000,,added all the all the markers already
Dialogue: 0,0:21:45.59,0:21:51.61,Default,,0000,0000,0000,,but what you what do you have to do I'll
Dialogue: 0,0:21:49.31,0:21:51.61,Default,,0000,0000,0000,,tell you later
Dialogue: 0,0:21:52.93,0:21:57.25,Default,,0000,0000,0000,,so all the blue blue points
Dialogue: 0,0:21:59.42,0:22:40.89,Default,,0000,0000,0000,,I think gosh I think all the markers are
Dialogue: 0,0:22:24.84,0:22:59.64,Default,,0000,0000,0000,,pushed here but not sure remember what
Dialogue: 0,0:22:40.89,0:23:12.48,Default,,0000,0000,0000,,that that does because I wanted to add
Dialogue: 0,0:22:59.64,0:23:25.65,Default,,0000,0000,0000,,comments on to this but I thought I'd be
Dialogue: 0,0:23:12.48,0:23:28.38,Default,,0000,0000,0000,,able to remember anyway anyway you have
Dialogue: 0,0:23:25.65,0:23:38.04,Default,,0000,0000,0000,,to add like I've added all the markers
Dialogue: 0,0:23:28.38,0:23:40.74,Default,,0000,0000,0000,,already but I have to add it again
Dialogue: 0,0:23:38.04,0:23:49.20,Default,,0000,0000,0000,,I don't know I don't know why I have to
Dialogue: 0,0:23:40.74,0:23:50.94,Default,,0000,0000,0000,,do that for leaflet and then I I want to
Dialogue: 0,0:23:49.20,0:23:53.48,Default,,0000,0000,0000,,remove them I think I think I have to
Dialogue: 0,0:23:50.94,0:23:53.48,Default,,0000,0000,0000,,clear
Dialogue: 0,0:23:57.74,0:24:06.00,Default,,0000,0000,0000,,I have to clear them every time you zoom
Dialogue: 0,0:24:01.20,0:24:08.04,Default,,0000,0000,0000,,in and at a certain point after delete
Dialogue: 0,0:24:06.00,0:24:12.00,Default,,0000,0000,0000,,these blue markers and a sort of zoom
Dialogue: 0,0:24:08.04,0:24:13.53,Default,,0000,0000,0000,,point and the thing is actually I
Dialogue: 0,0:24:12.00,0:24:16.46,Default,,0000,0000,0000,,shouldn't shouldn't even gone through
Dialogue: 0,0:24:13.53,0:24:20.93,Default,,0000,0000,0000,,the code like what I what I tried to do
Dialogue: 0,0:24:16.46,0:24:24.45,Default,,0000,0000,0000,,was I just want to show this but what
Dialogue: 0,0:24:20.93,0:24:27.54,Default,,0000,0000,0000,,what you might firstly do is it'll show
Dialogue: 0,0:24:24.45,0:24:30.26,Default,,0000,0000,0000,,it will show this all of this but what
Dialogue: 0,0:24:27.54,0:24:33.30,Default,,0000,0000,0000,,happens is that the whole map is shown
Dialogue: 0,0:24:30.26,0:24:34.68,Default,,0000,0000,0000,,it shows all the markers it shows all
Dialogue: 0,0:24:33.30,0:24:37.35,Default,,0000,0000,0000,,the markers and all the puppets for the
Dialogue: 0,0:24:34.68,0:24:41.04,Default,,0000,0000,0000,,entire map even though it's not in the
Dialogue: 0,0:24:37.35,0:24:47.43,Default,,0000,0000,0000,,view it even even if it's not in the
Dialogue: 0,0:24:41.04,0:24:49.38,Default,,0000,0000,0000,,view right now so in my code here which
Dialogue: 0,0:24:47.43,0:24:50.82,Default,,0000,0000,0000,,is public it which is open source you
Dialogue: 0,0:24:49.38,0:24:56.67,Default,,0000,0000,0000,,can find out how I did that
Dialogue: 0,0:24:50.82,0:25:00.30,Default,,0000,0000,0000,,and it's these few lines only but what
Dialogue: 0,0:24:56.67,0:25:02.49,Default,,0000,0000,0000,,what that what it does out of the box is
Dialogue: 0,0:25:00.30,0:25:07.37,Default,,0000,0000,0000,,that it shows you all the popups outside
Dialogue: 0,0:25:02.49,0:25:09.99,Default,,0000,0000,0000,,of this view and it lags a lot it
Dialogue: 0,0:25:07.37,0:25:12.72,Default,,0000,0000,0000,,there's a very huge performance hit
Dialogue: 0,0:25:09.99,0:25:16.41,Default,,0000,0000,0000,,because all these things are dumb all
Dialogue: 0,0:25:12.72,0:25:18.51,Default,,0000,0000,0000,,these things are built using the Dom the
Dialogue: 0,0:25:16.41,0:25:18.99,Default,,0000,0000,0000,,popups are all Dom I think I guess the
Dialogue: 0,0:25:18.51,0:25:21.30,Default,,0000,0000,0000,,markers
Dialogue: 0,0:25:18.99,0:25:26.88,Default,,0000,0000,0000,,I think the markers are images it is not
Dialogue: 0,0:25:21.30,0:25:34.35,Default,,0000,0000,0000,,really no idea so okay I think I've gone
Dialogue: 0,0:25:26.88,0:25:36.57,Default,,0000,0000,0000,,over time but okay which is really no
Dialogue: 0,0:25:34.35,0:25:39.18,Default,,0000,0000,0000,,idea so I I got around that made it
Dialogue: 0,0:25:36.57,0:25:40.71,Default,,0000,0000,0000,,quite perfect made the performance quite
Dialogue: 0,0:25:39.18,0:25:44.99,Default,,0000,0000,0000,,quite good I think it performs better
Dialogue: 0,0:25:40.71,0:25:44.99,Default,,0000,0000,0000,,than performance better than this
Dialogue: 0,0:25:48.67,0:25:57.17,Default,,0000,0000,0000,,yeah which which you can't even really
Dialogue: 0,0:25:51.02,0:26:02.57,Default,,0000,0000,0000,,load and also something about this I've
Dialogue: 0,0:25:57.17,0:26:05.78,Default,,0000,0000,0000,,missed out I started I fixed for this I
Dialogue: 0,0:26:02.57,0:26:11.45,Default,,0000,0000,0000,,fixed their this this great thing you
Dialogue: 0,0:26:05.78,0:26:20.57,Default,,0000,0000,0000,,get when you drag to the top or to the
Dialogue: 0,0:26:11.45,0:26:22.58,Default,,0000,0000,0000,,bottom okay okay how about where do
Dialogue: 0,0:26:20.57,0:26:28.61,Default,,0000,0000,0000,,people get the project from if they want
Dialogue: 0,0:26:22.58,0:26:32.27,Default,,0000,0000,0000,,to try your code out I think this it's
Dialogue: 0,0:26:28.61,0:26:34.64,Default,,0000,0000,0000,,on my it's on my github boots oh it's
Dialogue: 0,0:26:32.27,0:26:37.91,Default,,0000,0000,0000,,not you can't find this type in like the
Dialogue: 0,0:26:34.64,0:26:41.33,Default,,0000,0000,0000,,search for did a search for data
Dialogue: 0,0:26:37.91,0:27:01.25,Default,,0000,0000,0000,,visualizations and maps your github is
Dialogue: 0,0:26:41.33,0:27:03.26,Default,,0000,0000,0000,,WL WL - is it and it's this you just
Dialogue: 0,0:27:01.25,0:27:07.07,Default,,0000,0000,0000,,search for this repository and all you
Dialogue: 0,0:27:03.26,0:27:11.75,Default,,0000,0000,0000,,have to do is all you have to do is add
Dialogue: 0,0:27:07.07,0:27:16.06,Default,,0000,0000,0000,,the private key for a leaflet for map
Dialogue: 0,0:27:11.75,0:27:18.40,Default,,0000,0000,0000,,box in this
Dialogue: 0,0:27:16.06,0:27:22.25,Default,,0000,0000,0000,,[Music]
Dialogue: 0,0:27:18.40,0:27:25.04,Default,,0000,0000,0000,,all right in this in this string here
Dialogue: 0,0:27:22.25,0:27:31.31,Default,,0000,0000,0000,,and then you can get the whole thing and
Dialogue: 0,0:27:25.04,0:27:31.73,Default,,0000,0000,0000,,I view the whole thing again thanks a
Dialogue: 0,0:27:31.31,0:27:36.25,Default,,0000,0000,0000,,lot
Dialogue: 0,0:27:31.73,0:27:39.38,Default,,0000,0000,0000,,very interesting we're gonna ask some
Dialogue: 0,0:27:36.25,0:27:42.05,Default,,0000,0000,0000,,open it up for questions now I think
Dialogue: 0,0:27:39.38,0:27:44.03,Default,,0000,0000,0000,,Eric's could have a mutant everyone in
Dialogue: 0,0:27:42.05,0:27:46.64,Default,,0000,0000,0000,,case in all monster house questions I
Dialogue: 0,0:27:44.03,0:27:48.83,Default,,0000,0000,0000,,don't know if Cheyenne can help you with
Dialogue: 0,0:27:46.64,0:27:51.56,Default,,0000,0000,0000,,the UM with the billing because I know
Dialogue: 0,0:27:48.83,0:28:04.88,Default,,0000,0000,0000,,he's had trouble with animating in the
Dialogue: 0,0:27:51.56,0:28:07.07,Default,,0000,0000,0000,,past I have one questions for you did
Dialogue: 0,0:28:04.88,0:28:09.29,Default,,0000,0000,0000,,you did you try making these circles
Dialogue: 0,0:28:07.07,0:28:11.75,Default,,0000,0000,0000,,because you made them darker when there
Dialogue: 0,0:28:09.29,0:28:15.70,Default,,0000,0000,0000,,were more cases
Dialogue: 0,0:28:11.75,0:28:18.32,Default,,0000,0000,0000,,did you try making them larger well but
Dialogue: 0,0:28:15.70,0:28:22.66,Default,,0000,0000,0000,,by the number of cases changing the size
Dialogue: 0,0:28:18.32,0:28:25.07,Default,,0000,0000,0000,,I think and I tried not to do that
Dialogue: 0,0:28:22.66,0:28:27.74,Default,,0000,0000,0000,,because I knew that that would take
Dialogue: 0,0:28:25.07,0:28:29.92,Default,,0000,0000,0000,,quite a long time so I avoided doing
Dialogue: 0,0:28:27.74,0:28:29.92,Default,,0000,0000,0000,,that
Dialogue: 0,0:28:31.14,0:28:37.96,Default,,0000,0000,0000,,it takes a considerable amount of time
Dialogue: 0,0:28:33.85,0:28:38.56,Default,,0000,0000,0000,,compared to how like how I got all this
Dialogue: 0,0:28:37.96,0:28:42.49,Default,,0000,0000,0000,,set up
Dialogue: 0,0:28:38.56,0:28:46.12,Default,,0000,0000,0000,,it was quite quick and I and I finished
Dialogue: 0,0:28:42.49,0:28:49.87,Default,,0000,0000,0000,,this like like within one or two days I
Dialogue: 0,0:28:46.12,0:28:51.79,Default,,0000,0000,0000,,think okay sometime in March so and I
Dialogue: 0,0:28:49.87,0:28:53.56,Default,,0000,0000,0000,,think joining getting those large
Dialogue: 0,0:28:51.79,0:28:55.51,Default,,0000,0000,0000,,circles and doing it like channels in
Dialogue: 0,0:28:53.56,0:28:59.26,Default,,0000,0000,0000,,News Asia there's also a maybe
Dialogue: 0,0:28:55.51,0:29:00.94,Default,,0000,0000,0000,,performance problems then you might have
Dialogue: 0,0:28:59.26,0:29:04.48,Default,,0000,0000,0000,,to deal with as well once you get that
Dialogue: 0,0:29:00.94,0:29:13.30,Default,,0000,0000,0000,,off maybe we can never know about
Dialogue: 0,0:29:04.48,0:29:48.61,Default,,0000,0000,0000,,performance until we try you try anyone
Dialogue: 0,0:29:13.30,0:29:51.46,Default,,0000,0000,0000,,else have questions for William I have
Dialogue: 0,0:29:48.61,0:29:54.16,Default,,0000,0000,0000,,got a question for I I don't know if I'm
Dialogue: 0,0:29:51.46,0:29:57.27,Default,,0000,0000,0000,,allowed to ask yeah go ahead
Dialogue: 0,0:29:54.16,0:29:57.27,Default,,0000,0000,0000,,like like
Dialogue: 0,0:29:57.86,0:30:04.49,Default,,0000,0000,0000,,Oh actually actually it's difficult to
Dialogue: 0,0:30:01.25,0:30:06.47,Default,,0000,0000,0000,,ask like like in this in in zoom but I
Dialogue: 0,0:30:04.49,0:30:14.09,Default,,0000,0000,0000,,was wondering how many people still use
Dialogue: 0,0:30:06.47,0:30:16.73,Default,,0000,0000,0000,,d3 for their database yeah okay yeah I
Dialogue: 0,0:30:14.09,0:30:19.78,Default,,0000,0000,0000,,guess done online
Dialogue: 0,0:30:16.73,0:30:19.78,Default,,0000,0000,0000,,[Music]
Dialogue: 0,0:30:19.79,0:30:26.03,Default,,0000,0000,0000,,I think everyone can click on the path
Dialogue: 0,0:30:22.94,0:30:34.10,Default,,0000,0000,0000,,on this difference but then I would
Dialogue: 0,0:30:26.03,0:30:35.57,Default,,0000,0000,0000,,wanna and then like yes or no I mean
Dialogue: 0,0:30:34.10,0:30:36.71,Default,,0000,0000,0000,,everyone can say like yes or no one and
Dialogue: 0,0:30:35.57,0:30:46.01,Default,,0000,0000,0000,,then I see it
Dialogue: 0,0:30:36.71,0:30:48.67,Default,,0000,0000,0000,,yep and yes means d3 right yeah how many
Dialogue: 0,0:30:46.01,0:30:59.78,Default,,0000,0000,0000,,people still use d3 for all the means
Dialogue: 0,0:30:48.67,0:31:02.45,Default,,0000,0000,0000,,something else no I still use it but I'm
Dialogue: 0,0:30:59.78,0:31:04.30,Default,,0000,0000,0000,,just wondering how you still use it and
Dialogue: 0,0:31:02.45,0:31:08.03,Default,,0000,0000,0000,,actually the follow-up question would be
Dialogue: 0,0:31:04.30,0:31:11.84,Default,,0000,0000,0000,,have you found anything better because
Dialogue: 0,0:31:08.03,0:31:14.69,Default,,0000,0000,0000,,it's causing its costs problems for me
Dialogue: 0,0:31:11.84,0:31:18.47,Default,,0000,0000,0000,,like for some work
Dialogue: 0,0:31:14.69,0:31:38.21,Default,,0000,0000,0000,,and it happens again and I ended up
Dialogue: 0,0:31:18.47,0:31:42.05,Default,,0000,0000,0000,,using charges I used to use d3 now we're
Dialogue: 0,0:31:38.21,0:31:43.67,Default,,0000,0000,0000,,using victory charts for react which
Dialogue: 0,0:31:42.05,0:31:46.73,Default,,0000,0000,0000,,seemed a little bit easier to get going
Dialogue: 0,0:31:43.67,0:31:47.51,Default,,0000,0000,0000,,with but I couldn't really say which
Dialogue: 0,0:31:46.73,0:31:49.19,Default,,0000,0000,0000,,one's best
Dialogue: 0,0:31:47.51,0:31:53.69,Default,,0000,0000,0000,,I think d3 would give us more
Dialogue: 0,0:31:49.19,0:31:56.06,Default,,0000,0000,0000,,flexibility but victory was very simple
Dialogue: 0,0:31:53.69,0:32:05.69,Default,,0000,0000,0000,,to just put the data and get some charts
Dialogue: 0,0:31:56.06,0:32:08.24,Default,,0000,0000,0000,,and some interactive okay maybe at the
Dialogue: 0,0:32:05.69,0:32:12.70,Default,,0000,0000,0000,,end you can have more chests after the
Dialogue: 0,0:32:08.24,0:32:12.70,Default,,0000,0000,0000,,end of the meter and and heater