Step by step tutorial on how to create a web dashboard with crossfilter DC.js

แชร์
ฝัง
  • เผยแพร่เมื่อ 30 ม.ค. 2025

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

  • @llotha9647
    @llotha9647 6 ปีที่แล้ว +2

    The best d3, dc & crossfilter tuitorial i have seen on youtube period!👏 Trust me, its coming from a core programmer! Thank you for such a great video!! subscribed! Keep uploading more videos..✌

    • @duto_guerra
      @duto_guerra  6 ปีที่แล้ว

      Thanks a lot, I really appreciate it

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

    AMAZING TUTORIAL, IT seems that some thing were changed from 2017 but the file github is updated... thank you very much!

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

      Glad to hear that! I wonder if there is interest to make a new one using the vega-lite-api

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

      @@duto_guerra well I dont know it very well. But I can tell you that after working with dynamics graph, I dont want to work with statics graph

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

    This is great tutorial. Thanks John.

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

      Glad it was helpful!

  • @erwinhuang1741
    @erwinhuang1741 7 ปีที่แล้ว +3

    Awesome tutorial!

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

    Nicely done!

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

    awesome stuff

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

    Great tutorial, thank you!

  • @Ponchaso100
    @Ponchaso100 7 ปีที่แล้ว

    I keep getting the:
    "Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https." error when loading my csv file on chrome, how can i fix it?

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

    Maravilloso!

  • @sumitkhatri2303
    @sumitkhatri2303 7 ปีที่แล้ว +3

    Amazing Tutorial...
    Thanks

  • @SandeepKumar-tj1jz
    @SandeepKumar-tj1jz 5 ปีที่แล้ว

    Really awesome stuff!

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

    Great tutorial!!!

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

    awesome video really helpful thanks..

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

    Hi John, thanks for this video tutorial. I get this error "Uncaught ReferenceError: Chart is not defined
    at :1:1" when I click on reset to redraw the charts. I have the same name for the charts either in index and in js file.... any idea? Thx

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

      It is hard to know with so little information. Have you tried comparing your code with the one on the github repo? (check the video description)

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

    Awaome so Dc.js is the better option for dasboards; then D3.js?

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

      My current tool of choice for web dashboards is the vega-lite-api

  • @zmh8037
    @zmh8037 6 ปีที่แล้ว

    Hi John, I tried step by step and dc.js is not able to call at console. Only d3 and crossfilter is work. May I know how to fix it. Error message is like that "VM148:1 Uncaught ReferenceError: dc is not defined
    at :1:1"

    • @duto_guerra
      @duto_guerra  6 ปีที่แล้ว

      Did you include de library?

  • @nisrineamimi8976
    @nisrineamimi8976 6 ปีที่แล้ว

    how can I load my data using an api here in this example ?

    • @duto_guerra
      @duto_guerra  6 ปีที่แล้ว

      It depends on the format, but you should be able to use either d3.csv or d3.json

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

    Could you please make a video of time series chart

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

      What would you like to see on such video?

  • @zabbas2006
    @zabbas2006 7 ปีที่แล้ว

    Is crossfilter for large data sets??Can we use crossfilter with angular4/5 .. ??

    • @duto_guerra
      @duto_guerra  7 ปีที่แล้ว

      It depends on what you consider large. I have used crossfilter to handle easily 200MB of data in the browser, however the problem becomes: how do you get 200MB of data to the browser fast enough?. About angular, I think you can, but I'm not sure

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

    Great tutorial tyvm

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

    Hi John. This toturial is excellent. I want to used to create a project but my data is in mongo's db how can I extract the data ??? Thanks a lot

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

      You will need to either export your data to a csv or json file first, or setup a backend that connects to Mongo. I have some videos explaining that too th-cam.com/video/pqJxI0F5kM4/w-d-xo.html

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

    Hi John, when trying the github file, I get "crossfilter.js:172 Uncaught RangeError: Maximum call stack size exceeded" How do I resolve this?

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

      Sudhanshu Haldar that happens when you have undefined, or Nan values on your dataset. Check your dimension accessors, and make sure they always return comparable values

    • @Santuin
      @Santuin 7 ปีที่แล้ว

      Awesome! Thanks! Maybe the file was not reading well! It worked now!

    • @IANHIXZ
      @IANHIXZ 7 ปีที่แล้ว

      I'm having the same issue.. did you do anything to get it resolved or it just worked on a new read?

    • @Santuin
      @Santuin 7 ปีที่แล้ว

      Ian Hicks I used this chrome.exe --allow-file-access-from-files in run window from start menu and then file loaded perfectly. please use this thread stackoverflow.com/questions/4819060/allow-google-chrome-to-use-xmlhttprequest-to-load-a-url-from-a-local-file for more info!

  • @khadeermohammed4465
    @khadeermohammed4465 7 ปีที่แล้ว

    Awesome! tutorial JOHN, i have doubt how to create different charts exp: pie, line, scatter plot etc.. with crossfilter and how to set filter values.

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

      Take a look at Vega lite is my tool of choice for these type of use cases

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

    Hi John, nice tutorial it's very helpful, I am struggling with "Access to XMLHttpRequest at from origin has been blocked by cors policy" error when I run the Index.html in chrome. Do you know how to fix that?

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

      Please run your code on server. Like - Node.js server.

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

      If you have python installed you can run on cmd from the folder (where index.html is) this comand "python -m http.server"

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

    Do you do freelance work?

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

      Yes, when I have the time....

  • @keshavbalivada178
    @keshavbalivada178 7 ปีที่แล้ว

    Good one .. Thanks!!

  • @TheMaleCraft
    @TheMaleCraft 6 ปีที่แล้ว

    Bravo! Thank you!

  • @TheEnlightenedWay
    @TheEnlightenedWay 7 ปีที่แล้ว

    var all and ndx not defined??

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

    localhost:8080 not found