My lockdown side project: An interactive vintage map builder

This page summarizes the projects mentioned and recommended in the original post on /r/SideProject

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • historical-basemaps

    Collection of georeferenced boundaries of world countries and cultural regions for use in mapping historical data on global or continental scale

  • Thanks for the compliments! The territory data is coming from https://github.com/aourednik/historical-basemaps, I use this data to render an SVG map with D3.js. This is pretty powerful since you can control every part of the rendering mechanism. With D3-geo you can easily do the projections and graticule.

  • d3-geo

    Geographic projections, spherical shapes and spherical trigonometry.

  • Thanks for the compliments! The territory data is coming from https://github.com/aourednik/historical-basemaps, I use this data to render an SVG map with D3.js. This is pretty powerful since you can control every part of the rendering mechanism. With D3-geo you can easily do the projections and graticule.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • data

  • For the cities, I used the data from this paper. The rivers are pretty standard and the mountains are taken from this Github project. The sea labels are custom made by me through QGIS, I open-sourced the data.

  • sea-labels

    GeoJSON of multilingual sea labels positioned with curved lines

  • For the cities, I used the data from this paper. The rivers are pretty standard and the mountains are taken from this Github project. The sea labels are custom made by me through QGIS, I open-sourced the data.

  • polylabel

    A fast algorithm for finding the pole of inaccessibility of a polygon (in JavaScript and C++)

  • Further, the correct placement of country labels is complex. You would think just centering is enough but for some country shapes (like the Turkish Empire in 1914) this looks very out of place so I tried this algorithm but calculating it upfront proofed more accurate. I still had to program my own editor to correctly place some labels so that they are esthetically pleasing. (still not 100% done with it)

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts