The Map of Reddit Now Has Street View

The Map of Reddit now has a ‘Street View’ option which allows you to explore this organisational network map of the world’s subreddits as a 3D environment. The Map of Reddit is an interactive map which organizes and plots subreddits based on their similarity. Subreddits are individual subject forums on the social news forum Reddit. On this Map of Reddit individual subreddits are positioned near Maps Mania… more →
Posted in: Interactive Maps

JavaScript Array Group

Managing, sorting, and manipulating data with JavaScript is a skill we’ve often delegated to third party libraries like lodash. As the JavaScript language progresses, however, these features eventually get. added to the JavaScript specification. Two such APIs for grouping of Array data are `Array.prototype.group and Array.prototype.groupToMap. Array.prototype.group To group an array of objects by a given property, call the group method with function that returns the grouping string: const teams = [ { name: "Arsenal", origin: "London", tier: "legendary" }, { name: "Manchester United", origin: "Manchester", tier: "legendary" }, { name: "Liverpool", origin: "Liverpool", tier: "legendary"... more →
Posted in: JavaScript

Population Stripes

Julien Gaffuri, a cartographer at Eurostat, has created an interactive map which allows you to place stripes of any size and orientation on a map of Europe and discover the percentage of the continent’s population living within the area covered by the stripe.Julien’s Population Stripe map uses population data from the statistical office of the European Union, and provides some very iinteresting Maps Mania… more →
Posted in: Interactive Maps

Using the Cookie Store API

Today while browsing a list of web APIs over at MDN, I ran across one that surprised me – the Cookie Store API. This is clearly marked as experimental (currently only supported in Chrome/Edge) but looks to be fascinating. Cookies are the oldest (as far as I know) way for web applications to store data on the client. They’re also typically the least recommended way of doing so, for many, many reasons. However, sometimes you need to work with cookies, and this looks like a really nice new way of dealing with them. Here’s a quick look. The Old Way # For the past few hundred years or so, working with cookies in the browser involved string parsing. There really wasn’t even... more →
Posted in: JavaScript

Mapsaws – Jigsaws Made from Maps

Jigidi is a free online jigsaw game. On Jigiidi you can choose to play thousands of online interactive jigsaw puzzles. If you join Jigidi you can also create your own interactive jigsaw puzzles. Many members of Jigidi have of course already made some fun jigsaw puzzles out of maps.Here are three OpenStreetMap jigsaw puzzles for you to try created by Karlos. These include a 330 piece jigsaw of a Maps Mania… more →
Posted in: Interactive Maps

Working with CloudCannon and Eleventy – My Experience

I’ve been working with the Jamstack (in its various iterations and names) for many years now. In that time, one area I had not really looked into is the use of a content management system (CMS). I recently had a chance to look into how CloudCannon adds CMS capabilities to Eleventy and I thought I’d share my experience. I went in, admittedly, a bit concerned. One of Eleventy’s greatest strengths is its flexibility. Unlike other Jamstack solutions that have a proscribed way of doing things, Eleventy is incredibly open to how it can be used to build a site. My assumption was that it would be difficult for a CMS to "grok" a particular Eleventy implementation and support... more →
Posted in: JavaScript

Dot Maps of the Chicago Mayoral Race

Brandon Johnson is set to become the new mayor of Chicago. Johnson beat Paul Vallas in Tuesday’s runoff election with 51.44% of the vote. You can see where people voted for each of the candidates at the neighborhood level thanks to two different dot density maps created from the results of the Chicago Mayoral election.CBS in Breakdown of Chicago mayor vote by precinct has created a combined dot Maps Mania… more →
Posted in: Interactive Maps

Awesome Algolia Updates (and some fixes here…)

I’ve been a huge fan, and user, of Algolia for a while now. I first wrote about it back in 2020 when I described how I added Algolia search to Eleventy. Later on, I described how one might migrate to Algolia from Lunr. All in all, I’ve been very happy with Algolia and my usage on this blog. Honestly, I feel like I’m the only one who makes use of my search page but I do so nearly daily so it’s critical to me. (And recently, a friend reached out specifically about my search and I’ll discuss that below.) The only real issue I ran into when using Algolia here was the size of my content. Algolia’s free tier maxed out at ten thousand records. That’s very generous... more →
Posted in: JavaScript
1 43 44 45 46 47 190