Visualize 140k Gun Violence Incidents with Deck.gl & Google Maps

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 พ.ย. 2024

ความคิดเห็น • 129

  • @Fireship
    @Fireship  5 ปีที่แล้ว +22

    This video is not about the gun debate, it's just data for fun and research. It can be used to make good points on both sides. I think I regret not using the "Trees in Paris" dataset.

    • @antontimeboy6094
      @antontimeboy6094 5 ปีที่แล้ว

      "I have no opinion"? Oh come on, of course you do! At least I hope you do. There's something very cowardly about pretending to be this neutral.

    • @Fireship
      @Fireship  5 ปีที่แล้ว +8

      ​@@antontimeboy6094 It's irrelevant, this is a code tutorial. Curious... which side do you think I'm on? I took some data and visualized it, I don't know how I could be more neutral.

    • @antontimeboy6094
      @antontimeboy6094 5 ปีที่แล้ว

      @@Fireship Because it's a far too important topic to NOT have an opinion on. But I don't know what side your on.

    • @antontimeboy6094
      @antontimeboy6094 5 ปีที่แล้ว

      @@Fireship If you really are neutral on it, which I couldn't believe anyone to actually be, it's not "cowardly" of course. And perhaps that was a too harsh choice of words in the first place. I'm just not a fan of having no opinion on things this important.

    • @adamromero
      @adamromero 5 ปีที่แล้ว +2

      @@antontimeboy6094 He may very well have an opinion on it, but some people want to keep that private and in his case it may be to prevent alienating viewers with different political views. Nothing wrong with that.

  • @DanielosCompaneros
    @DanielosCompaneros 5 ปีที่แล้ว +98

    "...you get the most points for killing people but you also get bonus points for injuring people..." LMAO 🤣

  • @llkoole7
    @llkoole7 5 ปีที่แล้ว +56

    "..down to the actual neighborhood street view of where the sh*t went down..." You sir, are hilarious! 😂

    • @felixo9234
      @felixo9234 5 ปีที่แล้ว +2

      And he said that so nonchalant. Out of control 🤣

    • @elaranlovesyou8220
      @elaranlovesyou8220 5 ปีที่แล้ว

      I think he wanted to say "shoot" or something

  • @jayanths1221
    @jayanths1221 5 ปีที่แล้ว +88

    This is the most American video you have ever put out.

    • @bobarndt862
      @bobarndt862 5 ปีที่แล้ว +2

      You forgot the "un" in front of American.

    • @brazenbull36
      @brazenbull36 5 ปีที่แล้ว +2

      @@bobarndt862 Very American

  • @DesignCourse
    @DesignCourse 5 ปีที่แล้ว +21

    It'd be cool to also add a layer that shows which cities are democrat or republican controlled, and another layer for average household income. Edit: darn, too many ideas. Also, if such data exists, household gun ownership rates

    • @Fireship
      @Fireship  5 ปีที่แล้ว +3

      Great ideas. I actually thought about outlining congressional districts with a GeoJSON layer, but that would be a lot of extra work.

    • @devhipster
      @devhipster 5 ปีที่แล้ว

      Great Ideas Gary Simon,I'll try do that

    • @datSpookyDude
      @datSpookyDude 5 ปีที่แล้ว +2

      Plot self-inflicted vs inflicted by others. Might be an eye-opener.

    • @Fireship
      @Fireship  5 ปีที่แล้ว +1

      @@datSpookyDude You can filter by "suicide" and "defensive use" on the live demo.

    • @_tsu_
      @_tsu_ 4 ปีที่แล้ว

      if somebody does it, Please post it in this thread. please...

  • @TheEnde124
    @TheEnde124 5 ปีที่แล้ว +18

    How much time do you spend on a video like this? Very high quality video!

  • @g0thman865
    @g0thman865 5 ปีที่แล้ว +1

    I just want to tell you that your THUMBNAILS are dope, always baiting my eyes into clicking :D

  •  5 ปีที่แล้ว +8

    "You blew my mind."
    Wonderful video about working with big datasets.

  • @SpacerZVEVO
    @SpacerZVEVO 3 ปีที่แล้ว +1

    If anyone is getting the error: "Error: Cannot find module 'webpack-cli/bin/config-yargs'", replace "webpack-dev-server" with "webpack serve".
    This started with webpack 5 update for the 2021 release

  • @devhipster
    @devhipster 5 ปีที่แล้ว

    I'm really impressed . It's exactly the kinda video's idea I was hoping

  • @MarcusGarveysGhost
    @MarcusGarveysGhost 5 ปีที่แล้ว +1

    I’ll be all over this with UK crime dataset over the weekend.

  • @JuanGonzaloCarcamo
    @JuanGonzaloCarcamo 5 ปีที่แล้ว +3

    Very interesting and informative video. You sir, make it seem like if it is a piece of cake. Kudos!

    • @Fireship
      @Fireship  5 ปีที่แล้ว +1

      That's my job!

  • @RossRawlins
    @RossRawlins 5 ปีที่แล้ว +1

    Awesome video as usual!

  • @scarecrovv
    @scarecrovv 5 ปีที่แล้ว

    Wow. One of the most interesting videos you’ve done. Proud of you, bud

  • @imakethesites3048
    @imakethesites3048 ปีที่แล้ว +1

    Here I am in the future. You'll receive an error about --content-base when running npm start if you install webpack 5 or later.

  • @michaelstollairetbarceo3287
    @michaelstollairetbarceo3287 4 ปีที่แล้ว +1

    the 20 dislikes were bloods from Chiraq.

  • @vhphan19
    @vhphan19 5 ปีที่แล้ว +2

    Fantastic! Great tutorial!!
    I replaced Google map with Mapbox. With Mapbox, I can view the hexagon layer in 3D mode. Anyway, this would have taken me much longer to learn from the docs. Thanks!

  • @norbertocaceres6710
    @norbertocaceres6710 5 ปีที่แล้ว

    You are an actual hero

  • @superwishin
    @superwishin 5 ปีที่แล้ว +3

    Who give this a thumbs down, really. This is great content , everything doesnt have to be political.

    • @danko95bgd
      @danko95bgd 5 ปีที่แล้ว +2

      Someone who got shot most likely

  • @zz773
    @zz773 5 ปีที่แล้ว +20

    Important note on mass shootings: There are MANY different definitions and--unfortunately--most are politically driven. A slight change in the definition can have a huge effect on the result. For example, you will often hear claims like "In 2016 there were more mass shootings than days in the year" based on definitions that include gang violence or 3 or more killed instead of 4 or more killed.
    Using the original FBI definition (4 or more killed, not for gang or terrorism reasons) that had been used for decades until it was changed (again for political reasons) there were 4 mass shootings in 2016, not 382.
    Edit: Cool map! It would be interesting to break it up by county and divide by population so we can get per capita rates across the US.

    • @Fireship
      @Fireship  5 ปีที่แล้ว +3

      So this dataset defines a mass shooting as one with "4+ people killed or injured". I don't think it's a great definition, but that's just the nature of the dataset.

    • @MrMarclax
      @MrMarclax 5 ปีที่แล้ว +2

      Do you have any sources to back up your claims? Especially when stats get involved

    • @aidanprattewart
      @aidanprattewart 5 ปีที่แล้ว +3

      Why exactly don't shootings motivated by terrorism etc. count as mass shootings, if people are being shot en masse?

    • @99ringmaster
      @99ringmaster 5 ปีที่แล้ว +1

      So is 382 instances of 3 or less people being killed and 4 of more than 3 supposed to be...better...

    • @BeastinlosersHD
      @BeastinlosersHD 5 ปีที่แล้ว +1

      @@aidanprattewart Maybe cause FBI decided since there is a war on terror, its like a war casualty rather than a mass shooting? I personally think they are terrorism, however, what fuels mass shootings seems to be the recognition/message that I was hurt/revenge, rather than the point of terrorism, which is straight up message. I think there is significant overlap but the thought process of most mass shooters seems to not as much terror-focused, as recognition-focused

  • @theanalyst9629
    @theanalyst9629 2 ปีที่แล้ว

    This is amazing

  • @OmarJIBAR
    @OmarJIBAR 4 ปีที่แล้ว

    I cant believe that something that cool, can be done that easy, well not really that easy 😏 but i thought that it would be much more harder.
    Thanks a lot for the video, you are awesome 👍.

  • @omaralexandro2928
    @omaralexandro2928 5 ปีที่แล้ว

    Awesome! Thanks Jeff!

  • @michaelyenny1321
    @michaelyenny1321 5 ปีที่แล้ว

    Amazing video!

  • @jaimerojas6578
    @jaimerojas6578 5 ปีที่แล้ว +2

    Wow that was gorgeous

  • @irhamputra3666
    @irhamputra3666 5 ปีที่แล้ว

    ive been working around with react it is pretty good, thanks for the explanation :)

  • @mayorityz
    @mayorityz 5 ปีที่แล้ว +3

    Mehn, watching from the beginning.. I am thinking "this is way over my head"... Maybe one dah

  • @ВалераВалеров-ъ2ы
    @ВалераВалеров-ъ2ы 4 ปีที่แล้ว +2

    Would you provide a tutorial for Deck GL (or Mapbox GL JS) vs React (or Angular) with Firebase (user can dragg pins and save them with additional info), please

  • @ulrikaakre8816
    @ulrikaakre8816 2 ปีที่แล้ว

    Are you a god? Jesus this is good content.

  • @virtualart6957
    @virtualart6957 5 ปีที่แล้ว

    Really interesting, and a great idea for a project.

  • @stackingflow
    @stackingflow 5 ปีที่แล้ว

    I love you. !!!!!! You are really awesome.

  • @cornheadahh
    @cornheadahh 5 ปีที่แล้ว +1

    I'm learning Java in school, but stuff like this makes me want to pick up Javascript too. I love mapping data.

  • @Joel-yp4yt
    @Joel-yp4yt 4 ปีที่แล้ว +2

    Great video. Just wondering, would you follow a similar workflow for much larger datasets, or would you somehow chunk the dataset into smaller pieces? eg. mutipolygon or more entries?

  • @banigrisson
    @banigrisson 5 ปีที่แล้ว +4

    Dude... you're crazy...

    • @Fireship
      @Fireship  5 ปีที่แล้ว +1

      Thanks

  • @mxschmitt_
    @mxschmitt_ 5 ปีที่แล้ว +1

    You also could simply use Parcel instead of webpack :) much simpler

    • @hachij_
      @hachij_ 5 ปีที่แล้ว

      Max Schmitt parcel is awesome! Can’t wait parcel 2

  • @bastien15
    @bastien15 5 ปีที่แล้ว +4

    Hey Jeff, can you remind us what your VSCode setup is? What theme and extensions you use? (I remember it being in a description of a video but can't remember which one) Thks!

    • @Fireship
      @Fireship  5 ปีที่แล้ว +4

      I'm going to make a new video on this topic soon. Atom-one-dark + vscode icons theme.

  • @CouchPotatoWizard
    @CouchPotatoWizard 5 ปีที่แล้ว +3

    Red is the color of freedom.

  • @DawidGdybadz
    @DawidGdybadz ปีที่แล้ว

    is there a simple google maps hexagon layer map? I would like to have a hexagon h3,h4 layer on google maps

  • @fluffy-cat
    @fluffy-cat 5 ปีที่แล้ว +1

    WebGL-based part of the app crashes on mobile on latest chrome :/

  • @vedantkakade3658
    @vedantkakade3658 5 ปีที่แล้ว

    can you please create a demo application explaining micro-frontends? It will be of great help to many of us.

  • @kingjulien1921
    @kingjulien1921 5 ปีที่แล้ว +2

    Could you do a video on retrieving the data from firestore? I wonder how to do this efficiently, as every visitor of this site would have to retrieve 140000 datasets - would make a nice bill i can imagine.
    I really need help with this pls...

    • @Fireship
      @Fireship  5 ปีที่แล้ว +1

      For a dataset this large it's better to aggregate your data into a static file in a storage bucket or hosting account.

    • @kingjulien1921
      @kingjulien1921 5 ปีที่แล้ว

      Fireship Thanks so much, you helped me alot! I love your videos btw, keep it up! 🙋🏼‍♂️❤️😊

    • @kingjulien1921
      @kingjulien1921 5 ปีที่แล้ว

      Fireship One More Thing: Every time data is added to firestore, the entire static file needs to be loaded into the cloud function, the insertion appended and then be saved back into the storage bucket, right? Isn’t this a bit heavy for memory/cpu?

  • @theblackharted
    @theblackharted 5 ปีที่แล้ว +2

    Hi Jeff, do you know the best way to get the lat long coordinates from an address string?

    • @Fireship
      @Fireship  5 ปีที่แล้ว +1

      Yep, the Geocoding API can do that developers.google.com/maps/documentation/geocoding/intro

    • @theblackharted
      @theblackharted 5 ปีที่แล้ว

      @@Fireship You're awesome! Thanks

  • @MultiHeartrock
    @MultiHeartrock 3 ปีที่แล้ว

    Where in your index.html file did you add the id="tooltip"?

  • @GreenFancyPants
    @GreenFancyPants 4 ปีที่แล้ว +2

    Hi! I followed the tutorial but when I try to instal deck.gl using
    npm i @deck.gl/{core,google-maps,layers,aggregation-layers}
    it gives me this error
    npm ERR! Could not install from "@deck.gl\{core,google-maps,layers,aggregation-layers}" as it does not contain a package.json file.
    Do you know what could be?

    • @mornemarais4198
      @mornemarais4198 3 ปีที่แล้ว

      hi i got the same error , i was on the powershell terminall instead of my git bash, asoon as i realised i switched the terminal in vscode to git bash and then all installed as per the tutorial

  • @dibaliba
    @dibaliba 5 ปีที่แล้ว

    So useful so sad, but this is really a brilliant deck.gl-101 video.

  • @akshattamrakar9071
    @akshattamrakar9071 5 ปีที่แล้ว

    Wow amazing

  • @mranemany
    @mranemany 5 ปีที่แล้ว +1

    Everything feels incredibly slow, any notes on improving performance?

    • @Fireship
      @Fireship  5 ปีที่แล้ว

      It depends on the device. It's slow on my pixel, but fast on desktop with GPU. The best way to improve perf is to load less data, or load it in chunks.

  • @j.dvibes3174
    @j.dvibes3174 2 ปีที่แล้ว

    Hi, how can we get data from other countries not only US? I'd be so grateful if you can reply

  • @Xinthose
    @Xinthose 5 ปีที่แล้ว

    Chicago...

  • @lliammcbean6819
    @lliammcbean6819 4 ปีที่แล้ว

    npm ERR! deckgl@1.0.0 start: `webpack-dev-server --content-base ./public --output-path ./public --hot`
    anyone else get this error?

  • @blairsaid
    @blairsaid 5 ปีที่แล้ว

    What's the end credit song? It's iconic now. 🤣

  • @shaythuramelangkovan5800
    @shaythuramelangkovan5800 4 ปีที่แล้ว

    Hi, I followed the tutorial and i must say it was simply amazing, ive started using this for development purposes now and I've got a qn. Could i do a map where i have hexagons of radius say 5km and within this hexagons, i have hexagons of radius 1km?

  • @tranquillityEnthusiast
    @tranquillityEnthusiast 5 ปีที่แล้ว

    Plz do a vedio on CI/CD of flutter..

  • @devluz
    @devluz 5 ปีที่แล้ว +1

    Isn’t putting the API key into your page a huge security risk?

    • @Fireship
      @Fireship  5 ปีที่แล้ว +2

      Depends on the type of API key. A read-only browser key for google maps is fine.

  • @stackingflow
    @stackingflow 5 ปีที่แล้ว

    How did you got bash in windows?

  • @atticusdeutsch5427
    @atticusdeutsch5427 4 ปีที่แล้ว

    damn why u do Chicago so bogus like that

  • @11m0
    @11m0 5 ปีที่แล้ว

    That intro was sexy!! Love the visuals

  • @Remianr
    @Remianr 5 ปีที่แล้ว

    Background music on the beggining sounds awesome... but what's the name of it?

    • @Fireship
      @Fireship  5 ปีที่แล้ว

      audiojungle.net/item/in-technology/24827837

    • @Remianr
      @Remianr 5 ปีที่แล้ว

      @@Fireship Thank you 😊

  • @vasiovasio
    @vasiovasio 5 ปีที่แล้ว +2

    This is America!

    • @bendyamin86
      @bendyamin86 5 ปีที่แล้ว +2

      This is democrat run america!

    • @aidanprattewart
      @aidanprattewart 5 ปีที่แล้ว

      @@bendyamin86 I think I'm beginning to see the political viewership of this channel...

  • @souvikpodder9515
    @souvikpodder9515 5 ปีที่แล้ว +1

    Is Google API key billable??

    • @ing3888
      @ing3888 5 ปีที่แล้ว

      Yeah sadly the Javascript API does cost money, 7$ pr 1000 requests.
      cloud.google.com/maps-platform/pricing/

  • @rikizy528
    @rikizy528 5 ปีที่แล้ว

    waiting for next video of js

  • @oldbootz
    @oldbootz 5 ปีที่แล้ว

    hi!

  • @clementlumumba4824
    @clementlumumba4824 5 ปีที่แล้ว

    😌I think I'll stick to python.

  • @serioussam9400
    @serioussam9400 5 ปีที่แล้ว

    *

  • @codedestiny6955
    @codedestiny6955 5 ปีที่แล้ว +1

    Jesus
    Guns
    Freedom
    God bless USA!

  • @G3Number
    @G3Number 5 ปีที่แล้ว

    What? This is super difficult to understand

  • @CorrosionX4
    @CorrosionX4 5 ปีที่แล้ว +5

    Funny how all those places are democrat-run

    • @burner00019
      @burner00019 5 ปีที่แล้ว

      CorrosionX4 I hope he does knife crime in the UK next, or the rape statistics in countries that have no means to self defence! I eagerly await the next video.

    • @rhabdob3895
      @rhabdob3895 5 ปีที่แล้ว

      Yeah, they are called “cities” you fucking hillbilly.😬