I made coronavirus spread timeline

coronavirus.davidb.dev

I am not sure where to share it, for the world to see, I personally think it's very useful since you can check current and past stats

Comments

[Konstantin]

CORS politics prevent map rendering(

[David B.]

It renders on my computer perfectly, can you screenshot the error? I am not sure which resources aren't loading

[Konstantin]

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at geolocation-db.com/json/. (Reason: CORS request did not succeed).

In FF only) Works fine in Chrome, Opera

[David B.]

Thank you for reporting it, it should be fixed now on FF as well

[Konstantin]

yeah, works great!

[David B.]

That's great (Y)

[Camille Rakotoarisoa]

Hello, please how did you fix it ?

[Sharad Raj (He/Him)]

This is insane

[David B.]

Thank you, SHARAD, do you have some improvement ideas?

I plan to make transitions more smooth and I also want to add trend lines

[Sharad Raj (He/Him)]

I think you should add that stat stuff to the map image parts as it will be better unlike the use of original map for showing the stats or opening a new page .... I'll also suggest using service worker and cache to fetch the data in the background as it will help in smoothening of the transitions because data will be already present.

[David B.]

I think you should add that stat stuff to the map image parts as it will be better unlike the use of the original map for showing the stats or opening a new page

I am not sure what you are referring

I'll also suggest using service worker and cache to fetch the data in the background as it will help in smoothening of the transitions because data will be already present.

Once the transition is started, data is already presented, it's not heavy operation. I am not sure if you are familiar with observablehq runtime which I am using. I will need to tackle it to make the animation smoother

[Sharad Raj (He/Him)]

Well I should open it on PC for better understanding

[David B.]

Basically it's Jupiter notebook for javascript. Dependent cells are executed automatically. So, every tick means new cell -> code snippet execution, so basically the whole map redraws. Instead, I want to retrieve map reference, add smooth redraw function and invoke it on each animation tick

[Giorgos Kontopoulos 👀]

This is really great any chance to share the code ?

[David B.]

Thank you @Giorgos

This is Github repo, Its content is mostly responsible for the styling.

Actual analysis happens in this JS Notebook. It consists of code blocks, which you can expand by clicking on the left side

[Giorgos Kontopoulos 👀]

Thanks for sharing, your dataset seems to be the most accurate so far I know for Greece the new cases were actually announced no more than 2 hours ago and your data seem reflect those cases. Well done !!!

[David B.]

Thank you, actually, credit here goes to worldometers.info/coronavirus/.
Live data in my website, comes from that source, through my proxy server

[Jaxcoder]

Super awesome job! What did you use for your visualizations?

[David B.]

Thank you :)

I used d3.js for visualization (Main bundle and d3.contour) and I also used Observablehq runtime for efficient filtering

[Adnan Babakan (he/him)]

Well, I live in Iran. This is scary for me. LOL

[David B.]

Yes, I would be scared too, I personally have an impression that your country's authorities do not publish full data since death rate seems to be much higher compared to other countries and also a large number of high ranking officials were infected