#turfjs — Public Fediverse posts

The base map is from 1:10m #NaturalEarth. Map rendering is via the browser using #D3js and #GIMP for compiling the GIF animation.

The Sun position calculation is adapted from #Wikipedia and #Turfjs is used to generate the terminator line from the Sun’s position.

https://en.wikipedia.org/wiki/Position_of_the_sun
https://en.wikipedia.org/wiki/Equation_of_time

🧵 2/2

For those who use the Turf.js JavaScript library for GIS/mapping work. Turf 7.2.0 has been released, which fixes a lot of edge case bugs by replacing their `polygon-clippling` dependency with `polyclip-ts`.

https://github.com/Turfjs/turf/releases

#JavaScript #Nodejs #TurfJS #Turf #GIS #Mapping

The Bing ML buildings data is from this GitHub repo and first released in 2022: https://github.com/microsoft/IdMyPhBuildingFootprints

I used the following tools/services:
▪︎ @geofabrik for the OSM buildings
▪︎ #OverpassTurbo for extracting clipping polygons from OSM
▪︎ Osmosis for filtering the OSM buildings
▪︎ @qgis #QGIS for GeoJSON clipping and data conversion
▪︎ A couple of hand-coded Perl scripts for data manipulation
▪︎ #TurfJS
▪︎ #LeafletJS for rendering
▪︎ H3 for hexbinning
▪︎ @GIMP #GIMP for final map prep

🧵 3/4

And here's the list of my heavily used data tools!

General use tools

1. #d3
2. #lodash

Web scraping tools

1. #p-queue
2. #cheerio
3. #puppeteer

Geospatial tools

1. #mapshaper
2. #turfjs
3. #qgis

Website tools

1. #sveltekit

Tools that are also companies

1. @observablehq
2. #Github actions
3. #netlify