Covid19india-react: Support District Level Maps

[jeremyphilemon]

As shown in the preview:

[manojVivek]

@jeremyphilemon Can you point me where we can get the district level topoJsons for India?

[jeremyphilemon]

https://github.com//guneetnarula/covid19-in @manojVivek this is a good place to start!

[JunaidBabu]

https://api.covid19india.org/state_district_wise.json can be used to fetch the data.

@manojVivek thanks for this!

[Goutham88]

Can I take this or someone is working on this?
@jeremyphilemon

[manojVivek]

I'm working on this.

[akumars0]

@manojVivek i can help with any QA support you might need

[JunaidBabu]

I'm working on this.

@manojVivek any updates on this?

[manojVivek]

@JunaidBabu Making progress, will raise a PR by today evening.

[manojVivek]

@jeremyphilemon @JunaidBabu Just realized, I didn't see the attached screenshot in this issue and took a different approach UX wise. Please check the screencast below and let me know.
Screencast:

[JunaidBabu]

@manojVivek

This is awesome.. if you have this one production ready, please submit PR.

We can also do the initial plan alongside; to have a toggle button to see the whole picture district-wise

What's the plan to display unknown cases?
How big is the geojson for districts?

[manojVivek]

@JunaidBabu The geojson size ranges from 50KB to 900KB non-gzipped.

Shall I raise a PR with few states missing(I'm filing in the geoData state by state)?
So that someone else can do the implementation of initial plan in parallel?

[JunaidBabu]

Shall I raise a PR with few states missing(I'm filing in the geoData state by state)?

Yes please

[manojVivek]

PR #88

[aadityadar]

PS: if possible please use district boundaries either from Census 2011 (640 districts; see https://github.com/datameet/maps/tree/master/Districts/Census_2011) or present-day districts (729 as per https://lgdirectory.gov.in). LG directory provides a mapping of all 729 districts in 2020 to 2011 census district codes and therefore it's easier to bring in data from other sources. Here's the csv file https://github.com/aadityadar/covid-19-india-lockdown/blob/master/input/lgdirectorygovin_allDistrictofIndia2020_03_26_01_50_14_830.csv

[suryaceg]

One idea for the interaction would be.

Desktop:
Hover on state > Show a small tooltip along with the state % "View district-wise breakup" > On click > Expose the district > Back button as shown to go back to State map

Mobile:
On top > Show state name & data as shown in Issue #90 & show a call-to-action "View district-wise breakup" > On click > Expose the district > Back button as shown to back to State map

CC: @JunaidBabu @jeremyphilemon @manojVivek @s-naveen

[ghost]

Can I also work on this?

[jeremyphilemon]

Closed! 🎉 #88