maps

🗺

This article is a stub. You can help the IndieWeb wiki by expanding it.

Maps are representations of the real world that are often used to display the location of a post, especially for checkins, and sometimes an aspect of archive pages, showing locations (or animating travel) during the month or other time period. There are many services that can be used to put a map on your site, like OpenStreetMap and Google Maps.

The term map is also used for other representations of relationships between things. See:

indiemap — public IndieWeb social graph and dataset
social web map — artistic ideas for metaphorical & symbolic map of the IndieWeb, Mastoverse, Silos, and other social web related sites

IndieWeb Examples

(this section needs expansion with headings for people, and links + images of specific examples!)

There are several IndieWeb sites that display and show interesting things with maps!

Jeremy Keith has maps of his travels since 2019-10-21
- See examples linked at Indy_web#Jeremy_Keith
David Shanske has a map view of his archives showing where he posted from
Greg McVerry uses a gpx file, an owncloud app, and an iframe to embed maps on their website
- Running Trail.
Max Dietrich uses Leaflet to display routes of activities with OpenStreetMap.
Aaron Parecki shows a zoomable map of his bike rides and other modes of transport, e.g. https://aaronparecki.com/2022/03/03/10/
capjamesg has maps that plot all of the coffee shops he recommends in various cities across the UK, i.e. https://jamesg.blog/coffee/maps/york/.
Marty McGuire shows static maps images on his checkins since 2018-06-25.
- example: https://martymcgui.re/2018/06/25/201057/
- Uses staticmaplite with tiles from Stadia's Stamen collaboration. Blog post.

Related Examples

This section is a stub. You can help the IndieWebCamp wiki by expanding it.

Examples related or adjacent to the IndieWeb:

Smallweb Subway
...

Brainstorming

Abstract maps for data

Why:

Privacy / blurring. Abstract maps allow a coarser presentation of data that may be more suitable for publishing publicly, instead of cartesian maps that provide precise location data.
Simpler display, focus on non-geo data. When the data to display is more important than precise geographical relationships among the data, an abstract map helps by removing the "noise" of extraneous geographical details which would otherwise distract from the data being presented. Abstract subway maps are another example of this.

Use-cases:

Coarse geographic "heatmaps" of your checkins per state
Coarse geographic posts archive

US states as squares

Seven Rows

United States as a map of seven rows of squares: https://www.instagram.com/p/CBvWcWEg7JY/

Original article: https://www.themarshallproject.org/2020/06/18/which-states-are-taking-on-police-reform-after-george-floyd uses HTML div elements for each state!
Another article with a slightly different layout of states as squares: https://www.themarshallproject.org/2020/03/17/tracking-prisons-response-to-coronavirus

Eight Rows

United States as a map of eight rows of squares

538 election results timing

From https://projects.fivethirtyeight.com/election-results-timing/ (note the odd placement of Alaska next to / East of Hawaii, in contrast to previous maps where AK is immediately West of HI)

map of the 50 US states where each state is a square, labeled with its name or abbreviation, and backgrounds of a few shades of green to indicate how much of its votes to be counted on election night 2020.

NYT election certification

From https://www.nytimes.com/interactive/2020/11/20/us/politics/2020-election-certification-tracker.html (note the different placement of Alaska to the top left of the continental states), change of map over time on 2020-11-20, 2020-11-23, 2020-11-24, 2021-03-31 (final state)

WP C19 4th wave

From https://www.washingtonpost.com/politics/2021/03/30/danger-fourth-coronavirus-wave-visualized/ (Same shape as the previous "certified results" diagrams, however note the detail graphs in each state and multiple additional dimensions of data shown)

map of the 50 US states where each state is a square, labeled with its abbreviation, and also a linegraph chart of a year of COVID-19 cases, with additional colors used to show the degree of the fourth surge.

NYT C19 4th wave

From https://www.nytimes.com/interactive/2021/04/06/us/variants-cases-spread.html (same shape as previous, data over a shorter period of 2 months instead of a year, and simpler graphs with more judicious use of color)

map of the 50 US states where each state is a square, labeled with its abbreviation, and also a linegraph chart of a year of COVID-19 cases, with filled in shading under the section of time that a state entered a fourth surge.

US states as hexagons

States as hexagons map: https://www.npr.org/sections/health-shots/2020/03/16/816707182/map-tracking-the-spread-of-the-coronavirus-in-the-u-s
map of the 50 US states where each state is a hexagon, labeled with their short names or abbreviations, and backgrounds highlighted from red, to orange, yellow, and green to indicate different levels of new cases as compared to two weeks ago

Another article: https://www.npr.org/sections/health-shots/2020/05/30/865413079/what-do-coronavirus-racial-disparities-look-like-state-by-state
Two maps of the 50 US states where each state is a hexagon, labeled with its 2 letter abbreviation, and backgrounds highlighted from gray to, to yellow, orange, and red to indicate different levels of new deaths and cases affecting African Americans

Different site, with same tiled hexagon shape for continental 48 states, and use of two-letter abbreviations, though with Alaska and Hawaii tucked in immediately above / below the tiled 48 to narrow the overall width vs. height necessary: https://missionlocal.org/2022/03/san-francisco-is-now-boycotting-most-of-the-united-states/
Map of the 50 US states where each state is hexagon, labeled with their two-letter abbreviations, and backgrounds highlighted teal, indigo, or purple, indicating whether SF was banned from doing business with them in 2017, 2020, or 2022 respectively.

US states and territories

United States and territories as a map of ten rows of hexagons

From https://www.npr.org/sections/health-shots/2020/09/01/816707182/map-tracking-the-spread-of-the-coronavirus-in-the-u-s. Though the article is apparently from "2020-09-01", the left image has data as of April 21st, and the right as of December 13th.

map of the 50 US states and 5 territories, where each is a hexagon, labeled with its abbreviation, with filled in color shading red orange yellow or green according to number of daily COVID-19 cases per 100,000 population as of 2021-04-19

CA counties as hexagons

California state counties as a map of many rows of hexagons roughly in the shape of the state.

From https://www.sfchronicle.com/politics/article/The-final-recall-results-are-in-at-last-They-16546910.php

Click for full-map and hover-interactive version:

US states and CA counties

This is a combined view of different scales of a map, a coarser hexagon overview and zooming into a particular hexagon with more granular hexagons laid out in the shape of the thing that the coarser view obscured.

From https://www.sfchronicle.com/projects/2021/california-bay-area-migration-maps/

Click for hover-interactive version:

Europe and nearby countries

Coarse hexagon map of European and nearby countries.

From https://www.maartenlambrechts.com/2017/05/03/the-eurosearch-song-contest-making-of.html

Articles

2018-05-30 Sebastian Greger: Self-hosting maps: taking control over UX and users’ privacy (archived) - on methods to embed external maps, using static maps, and hosting the infrastructure yourself.