Maps are representations of the real world. There are many services that can be used to put a map on your site, like OpenStreetMap and Google Maps. Commonly used to display the location of a post, especially for checkins.
- 1 IndieWeb Examples
- 2 Brainstorming
- 3 Articles
- 4 See Also
(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 a map of his travels
- 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
- Max Dietrich uses Leaflet to display routes of activities with OpenStreetMap.
Abstract US maps for data
- Privacy / blurring. Abstract maps allow a coarser presentation of data that may be more suitable for publishing publicly, instead of precise accurate maps that provide accurate 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.
- Coarse geographic "heatmaps" of your checkins per state
- Coarse geographic posts archive
US states as squares
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
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)
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)
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)
US states as hexagons
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", this image is "12 Places Are At The Highest COVID-19 Risk Level, Data as of April 21[st]"
- 2018-05-30 : 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.
- static maps
- indie map
- useful for communicating change over areas over time, eg animated: https://twitter.com/ranjchak/status/1183723221104975872
- "I got to fit in stuff like this map of what ~150 years of colonization looks like. (Native American land loss from 1776 to 1930) which took me forever to animate so I made a gif of it" @ranjchak October 14, 2019
- another example of communicating change of 2d data over time via animated map: https://twitter.com/i_ameztoy/status/1184932194621575186
- "Weekly Arctic Sea Ice Age with Graph of Ice Age By Area: 1984 - 2019 - by NASA." @i_ameztoy October 17, 2019
- Animated (click to play) map archive page of travel: https://adactio.com/archive/2019/10/map (and backstory: https://adactio.com/journal/16058)
- ^^^ and where the idea started on Jeremy Keith's blog: https://adactio.com/journal/15992
- social web map