Build a PyScript interactive dashboard w/Altair | End-to-end PyScript Tutorial #3

[@AntonioSantos-ve6zv]

This is great stuff! Thanks for sharing! I suppose Anaconda team is working on getting it to load as it should so as to allow for acceptable UX!

[@SamuelChan]

Yes - reminder that PyScript was a project announced less than a month ago (as of today!) - plenty of opportunities to get better while collecting real usage stats, community feedback etc

[@tonyl9741]

Hello Samuel, I noticed it takes 5-10 seconds to load the graph every time you refreshed the page, is this a limitation of pyscript/webassembly? usually user won't wait that long for a simple graph.

[@SamuelChan]

Tony, you’re right. It does take a few seconds due to the compilation time (CPython into WebAssembly). And you’re right it’s not a fantastic user experience.

[@RobbDunlap]

I would love to see a series on Altair

[@SamuelChan]

I've just released an end-to-end Altair visualization series (all 1 hour long video, total ~6 videos). Here's the playlist: kzbin.info/aero/PLXsFtK46HZxXBddVC0FqmbGdlvbDbaqzx Here's part 1: kzbin.info/www/bejne/q563qJ6dhtSilac

[@SamuelChan]

I've just released an end-to-end Altair visualization series (all 1 hour long video, total ~6 videos) due to the many requests for that. Here's the playlist: kzbin.info/aero/PLXsFtK46HZxXBddVC0FqmbGdlvbDbaqzx Here's part 1: kzbin.info/www/bejne/q563qJ6dhtSilac I'm releasing each part on a weekly schedule so best way to be notified is to subscribe and hit the notification bell. All videos are HD, 1 hour long, and 100% free -- no upsell, no paywall. All the videos you see on this channel have accompanying code, dataset etc on github, you will find them in the video description. Programming education should be accessible and freely available.

[@เดชาหาญพิพัฒน์มงคล]

Sir, is it possible to import my Access database file with Pyscript?

[@SamuelChan]

No I don’t believe so. You’ll need Pyodbc or something that does the connector and it won’t be something your browser do I’m afraid. You will have better luck with turning that Access file into a SQLite or put it up on a remote server and accessing it to develop your plots / visualization I’d think! :)

[@เดชาหาญพิพัฒน์มงคล]

@@SamuelChan Thank you

[@rdark_benky3568]

Is matplotlib supported?

[@SamuelChan]

Yes bro. In part 2 we’ve seen how to use matplotlib directly with pyscript: kzbin.info/www/bejne/pXnCo4eKec-ArK8

[@rdark_benky3568]

@@SamuelChan thanks

[@2ncielkrommalzeme210]

i get altair module can not find error . pip install altair and vega-datasets is it from me Why is it like that

[@SamuelChan]

Hey, since this is all front end code the app is fully deployed: onlyphantom.github.io/pyscript-altair/ meaning all the code I use are also on GitHub if you’d like to have a reference. To be clear, you DO NOT need to do any pip install workflow. Just declare them in py-env. Again, the full source code is on my GitHub repo bro. Repo: github.com/onlyphantom/pyscript-altair/blob/main/index.html

[@SamuelChan]

Here's part 1: kzbin.info/www/bejne/h6CblYuvgL2sg6c: Focus on importing PyScript, its syntax and key usage patterns. A get started guide for anyone new to pyscript. Here's part 2: kzbin.info/www/bejne/pXnCo4eKec-ArK8. This takes a full PyScript and deploy it onto GitHub Pages (using GitHub Action) for free! We'll use a lot of the same knowledge here but get to see an end-to-end deployment too! Part 4 kzbin.info/www/bejne/fmfVf62Hmtesh9E we'll build a CRUD (create read update delete) system in the form of a contact book / guest book using PyScript. This is something you'd do with Vue or React in the past, but now it's only a few lines of Python code.

[@maheshsikka8852]

Hi Sameul, I am a High Scbool student and made a python game using pygame library. I want to make its web app and want to play my game online. Can you please make a video, how can I do that using pyscript?

[@SamuelChan]

Hey Mahesh, you’ll probably need to take a look at pyjsdl (www.pygame.org/project-Pyjsdl-2888-4709.html), might be a more suitable tool for what you’re looking to make. I’ll add this to the “idea list” though, thanks for the suggestion Mahesh

[@Deepsim]

Great tutorial! Thanks!

[@gustavofelicidade_]

Nice content!!!! 🔥🔥🔥

[@Ryan-ix6dt]

Thank you!

[@sthefanocarvalho2823]

Awesome content. You've just got a sub! And oh A complete Altair tutorial would be awesome! Thanks for sharing :)

[@SamuelChan]

Thank you! Already have plans to put together an Altair tutorial 👌🏼

[@sthefanocarvalho2823]

@@SamuelChan Awesome! I already hit the bell here to be notified! Thanks

[@SamuelChan]

​@@sthefanocarvalho2823 I've just released an end-to-end Altair visualization series (all 1 hour long video, total ~6 videos). Here's the playlist: kzbin.info/aero/PLXsFtK46HZxXBddVC0FqmbGdlvbDbaqzx Here's part 1: kzbin.info/www/bejne/q563qJ6dhtSilac