Web Component to Generate Image Color Palettes / / No Comments Chalk this up to something that is probably not terribly useful, but was kind of fun to build. A few weeks ago I came across a site talking about the colors used in the Fallout TV show. I grabbed a screenshot of how they rendered it: Unfortunately, I didn’t make note of the site itself and I can’t seem to find it anymore. I really dug how it showed the palette of prominent colors directly beneath the image itself. Using this as inspiration, I looked into how I could automate this with a web component. To get the color palette, I turned to a library I’ve used many times before, Color Thief. Given an image, it can return either the most dominant color of an image or return an... more → Posted in: JavaScript Tagged with: Color, Component, Generate, Image, Palettes
Your Urban Heat Island Score / / No Comments Climate Central has mapped out the urban heat island hot-spots in 65 major U.S. cities. Each city map on Climate Central’s Urban Heat Hot Spots shows an Urban Heat Island (UHI) Index score for each census tract, revealing where UHI boosts temperatures the most and least in each city.As well as providing individual UHI maps for 65 cities Climate Central has also released a national interactive Maps Mania… more → Posted in: Interactive Maps Tagged with: Heat, Island, score, Urban
Scraping Recipes on the Web – Now with Display and Print / / No Comments A few weeks back I wrote up the process of building an API that looks for JSON-LD on a web page containing recipe information, parses it, and returns it as pure data. You can (and should before continuing on) find that post here: Scraping Recipes Using Node.js, Pipedream, and JSON-LD. When I first shared this, someone (I forget your name, but thank you!) asked the natural follow-up question – can we then render this to HTML or PDF? The answer is, of course, I just had to stop being lazy and build a proper web app. I fired up Glitch and created the following little demo. It isn’t the prettiest demo, but it gets the job done – converting a recipe site that’s 90% adds/commentary... more → Posted in: JavaScript Tagged with: display, print, Recipes, Scraping
The D-Day Map Room / / No Comments The Map Room at Southwick House in Portsmouth was where Allied Supreme Commander General Eisenhower and General Montgomery spent much of early 1944 planning for D-Day. The walls of the Map Room were hung with huge maps of the English Channel. Maps that are still in place in the Map Room at Southwick House to this day.In particular one wall of the Map Room is covered by a very large map of Maps Mania… more → Posted in: Interactive Maps Tagged with: DDay, Room
Links For You (7/13/2024) / / No Comments Hello from the incredibly hot Pacific Northwest. This week I discovered that not every part of the PNW looks like Seattle. I’m in Bend, Oregon, which is incredibly beautiful, but also just as hot as back home. On the flip side, the humidity is basically zero and the mornings and evenings are incredibly nice. My wife and I are up here for a few days as a quick break, and last night we saw a great concert featuring Ratboys, The Head and The Heart, and the Decembrists. Now to your links – enjoy! Slash Pages # First up is not a directory of horror fansites, but rather, a list of the many different types of "slash pages". These pages follow a similar URL scheme (like /now or... more → Posted in: JavaScript Tagged with: 7/13/2024, links
Creating a Generic Generative Template Language in Google Gemini / / No Comments I’ve been a fan of ‘random text’ for some time. "Random text" is a bit vague, but to me the idea of using code to generate random stories, or even snippets, is fascinating. Back in April, I blogged about how I created short dragon-based stories. It took a generic string: A #adjective# dragon lives #place#. She #verb# her hoard, which consists of a #number# of #thing#, #number# of #thing#, and #number# of #thing#. She feels #feeling#. And created a story by replacing the pound-wrapped tokens with real words. I used a couple of different tools to build this, but the core one was a cool little Node library named random-word-slugs. It’s a powerful random word library... more → Posted in: JavaScript Tagged with: creating, Gemini, Generative, Generic, Google, Language, Template
John Snow’s Proximity Mapping / / No Comments I’ve probably seen over 100 modern interactive visualizations of John Snow’s famous map of cholera victims during the 1854 cholera outbreak in Soho. John Snow’s map shows the locations of cholera deaths clustered around a water pump in Broad Street. The map helped to disprove the prevailing miasma theory on the spread of diseases and establish that cholera was actually spread by contaminated Maps Mania… more → Posted in: Interactive Maps Tagged with: John, Mapping, Proximity, Snow's
Cat Herder V1 Released! / / No Comments It’s been a few weeks since I blogged about Cat Herder, my latest web game, but over the holiday break I plugged up the last few features missing and decided it was time to "release" it, and by release, I mean set the version number to 1 and see what happens next. Since my last post in June, I’ve made a few small changes here and there, but the biggest updates in this last release revolve around the cats, and how you get more of them. As I mentioned in my previous posts, I wasn’t really sure about making cats "purchasable", that just didn’t feel right. Instead, I went with a system that kind of works like levels in a RPG. The more purrs you get (which... more → Posted in: JavaScript Tagged with: Herder, Released