mapbox / malaria-mapping Goto Github PK

View Code? Open in Web Editor NEW

19.0 104.0 6.0 1.97 MB

Visualize the mapping efforts of HOT and DigitalGlobe support of Malaria elimination

Home Page: https://labs.mapbox.com/malaria-mapping/

License: MIT License

JavaScript 51.46% Shell 12.09% HTML 22.90% CSS 13.55%

malaria-mapping's Introduction

Mapping for Malaria Elimination

Visualize the mapping efforts of HOT and DigitalGlobe support of Malaria Elimination

🌍 https://labs.mapbox.com/malaria-mapping

📖 https://www.mapbox.com/blog/world-malaria-day

See the Tasking Manager to learn how you can help and finish mapping 500,000 km2!

Requirements

SQLite 3
tippecanoe
Node 4

npm install .
npm install -g osm-qa-filter

Data Processing

You can find the data processing scripts in scripts.

cd ./scripts

Prepare the QA tiles extract for the affected regions

./download-extract.sh

Filter buildings using osm-qa-filter to limit it to buildings edited after 1st of July 2016.

osm-qa-filter \
    -m malaria.qa.mbtiles -o malaria_buildings.geojson \
    --filter '["all", ["has", "building"], [">=", "@timestamp", 1467331200]]'

Filter to the mapped area

./filter-area.js -i malaria_buildings.geojson -o malaria_buildings_filtered.geojson

Add the date as attribute to the features.

./day.js -i malaria_buildings_filtered.geojson -o malaria_buildings_day.geojson

Calculate centroids of all the buildings

./centroid.js -i malaria_buildings_day.geojson -o malaria_buildings_day_centroid.geojson

Encode vector tiles (polygons for high zoom levels and points for low zoom levels) and stitch them back together into a single MBTiles.

tippecanoe --layer malaria_building -o malaria_buildings.mbtiles --include "@day" --minimum-zoom=11 --maximum-zoom=13 < malaria_buildings_day.geojson
tippecanoe --layer malaria_building -o malaria_buildings_low.mbtiles --include "@day" --minimum-zoom=0 --maximum-zoom=10 < malaria_buildings_day_centroid.geojson
./patch.sh malaria_buildings_low.mbtiles malaria_buildings.mbtiles
echo "update metadata set value=0 where name = 'minzoom';" | sqlite3 malaria_buildings.mbtiles
rm malaria_buildings_low.mbtiles

Calculate buildings per day and total unique contributors

./building-totals.js -i malaria_buildings_day_centroid.geojson -o malaria_buildings_by_day.json
./contributor-totals.js -i malaria_buildings_day.geojson -o malaria_contributors.json

Upload the vector tiles to Mapbox Studio!

Generate Daily Statistics

You can find the data processing scripts in scripts.

cd ./scripts
./generate-day-stats.sh

This will generate a CSV file with daily statistics to show the progress.

malaria-mapping's People

Contributors

Stargazers

Watchers

Forkers

geolibra rubythonode ce-goddard annewallace isabella232 ksachikonye

malaria-mapping's Issues

detect mobile, and suggest browser

too intensive for phone, right?

publish from gh-pages branch; keep data building code in a different branch

pressing play at end, restart timeline

Use World Malaria Day color scheme

precompute total worldwide buildings Y at Day X and show in animation

investigate why no edits in zimbabwe

there should be many http://tasks.hotosm.org/?sort_by=priority&direction=asc&search=zimbabwe&show_archived=on

hide sidebar argument

for making gifs, pass in argument that hides sidebar

I know it's late in the game, but I just have to throw it out there— porting this design to the Mapbox build of Assembly couuuuld be worth it, particularly for typography's sake. If you don't have the time, I would suggest not using base's fancy class (which uses the outdated Brandon font) and just stick to Open Sans :)

Color
Try using a color that contrasts the map style a bit more. Since you are going with this blue theme, perhaps try base's fill-navy-dark? Also, I would play with eliminating the gray border on the right side of the sidebar.

Type
Add a prose class to your paragraphs, and give them a little breathing room up top! Also, I think you could afford to use an h2 for your main heading. There may be an intent that I'm not aware of, but it seems that the two separated paragraphs of prose could be combined up top.

Counter
Overall, this could use a little clearer hierarchy. Here's a design suggestion that doesn't use fancy and deemphasizes the date. I also think having the play bar on the bottom connects it to the date a bit more. With these changes, I would make sure this section has no additional padding and is just as wide as the paragraph text:

Flags
Love these lil flags! I would add an active state to show what's currently selected. Also give them a bit more breathing room:

@lukasmartinelli if you have any questions, you can hit me up on slack or just come over to my desk 😸

update uri arguments with speed and day, when clicking country buttons

Select and display real start date

start capture in august, everything before "start day" is day 0

back to august for all buildings but only start the default day count in december
everything before is day 0. august-dec= day 0, after that it starts counting up
override day 0 with url argument

something weird happens when pulling the timeline all the way to 180 -- jumps to 0

timeline slider should only go back as far as "day"

default day should be in january X
timeslider UI should only start from day, but display and include in building count from day 0