A Covid19 Dashboard build with LiveView

Chat / Discussions
, , ,
#1

Started this to learn about LiveView. The idea was to pull Covid19 data from the Center for Systems Science and Engineering (CSSE) repository and display with Phoenix LiveView. Learned a lot in the process and recently used Surface, which was a breeze. Thought I’d like to share it.

Some screenshots-

128635624_10159216105840774_1354874671006254484_o
128635624_10159216105840774_1354874671006254484_o1331×2048 266 KB

128816181_10159216105910774_1271201814082352592_o
128816181_10159216105910774_1271201814082352592_o1757×2048 267 KB

This is a work in progress and will add more things to it soon. Any feedback/suggestion is welcome :slight_smile:

23 Likes
#2

This is incredible work. Thanks for sharing!

1 Like
#3

Looks amazing. Maybe you could host it somewhere?

1 Like
#4

Thank you so much :slight_smile:

I was thinking about it too. But there are some known issue I wanted to take care of before hosting this.

  1. Data fetching and massaging modules did not get much love and I was thinking about fixing them a little before hosting. There are some very wrong spikes in places.
  2. The over the wire data size could shed some KBs. It used to be 1500Kb, now its ~500Kb and I can take 200Kb off by lifting some hook data-* up one level.

My intention was to create a discardable toy product to learn about LiveView but I got too carried away after the pleasant learning curve and developer UX if LV and Surface.

3 Likes
#5

Also, welcome to ElixirForum :slight_smile:

2 Likes
#6

I was struggling a little bit with how to get Surface properly implemented in my project, and just by looking at your code a bunch of things clicked. Many many thanks for publishing this code!

4 Likes
#7

Thank YOU for reading the code :slight_smile: … I’m glad it helped you.

Surface is amazing- can’t praise it enough. I converted the components to Surface last weekend; the whole process took 2 days. I learned a lot in the process (through the usual first timer’s struggle). I am currently working on a larger project which I am for the most part, using Surface. I intend to write about it and also make 90% of it open source. This dashboard was like a proof of concept for me to see how can my mind scale to LV way. Proved to be exceptionally good so y’all be seeing more of me :slight_smile:

5 Likes
#8

Also interested by Surface but it lacks (for the moment, I guess) examples of real and complete applications. So thanks for this one ! :+1:

1 Like
#10

Here is a demo I gave on ElixirTo on this, it was before I used surface and was just getting my hands dirty with LV beyond “hello world” so it’s missing a lot of code the repository contains.

2 Likes