Have You Earned Your Air Pollution Stripes?

Ed Hawkins’ Climate Stripes visualization of global heating has quickly become a data visualization classic. Climate Stripes (sometimes known as Warming Stripes) are a visual representation of the long-term increase in global temperatures due to climate change. Ed’s striking Climate Stripes visualizations consist of colored vertical stripes, with each stripe representing a single year and Maps Mania… more →
Posted in: Interactive Maps

Mapping with Leaflet

If you missed my <Code><Br> episode earlier this week you missed (imo) a great episode. I’ll share a link to the video at the end, but I spent the session raving about how great the Leaflet JavaScript library is for maps. I had it on my list to look into for a few months now and while having a layover recently I took the time to dig into it. I was – blown away. I’ve got a lot of experience over the years working with maps on the web. I really dig Google Maps, both the JavaScript library and APIs, and I spent some time as a developer evangelist for HERE helping others learn about their offerings. I’m obviously a bit biased but I really dug their offerings as... more →
Posted in: JavaScript

Real-Time Sentiment Analysis on Device with AI in Chrome

Last week, I took a look at Chrome’s GenAI implementation in the browser. What I found was interesting, and rough, but possibly something that could be incredibly useful in the future. I’ve been thinking about it more the last few days. First off, if this feature interests you, there is an early preview program you can sign up for that gives you access to a mailing list containing docs, announcements, and more information. I’ve done that and it was a relatively quick process. There are already cool things I’ve seen there that I want to dig into soon, but today I wanted to share a little experiment. This too does not work terribly well yet, but I think the idea has merit... more →
Posted in: JavaScript

One Million Screenshots. One Map!

Over the years a number of people have used the popular Leaflet.js mapping library to map image datasets. For example Nathan Rooy’s Visual Book Recommender uses Leaflet to map the images of 51,847 book covers. The Pudding has also mapped images of 5,000 book covers on its 11 Years of Top-Selling Book Covers, Arranged by Visual Similarity. Mapping libraries have also been used in the Maps Mania… more →
Posted in: Interactive Maps

Another Web Component – Table Compressor

Earlier this week I was browsing a site that showed a tabular list of data. It initially showed something like ten rows and had a clickable item that showed the rest of the data. I thought I’d whip up a quick web component that mimicked this functionality. My thinking was that you would wrap a regular HTML table (much like my table sorting component) and the component would truncate and add the ‘click to expand’ logic. Now, to be clear, this still means the user is downloading the entire set of data, but visually it would take up less space until the user selects to show the rest of the data. Let me share the component here and then I’ll explain how it works: class CompressTable... more →
Posted in: JavaScript

Turning Gaza to Rubble

This week the Gaza health ministry reported that 40,000 Palestinians have been killed in Gaza since Israel started attacking the territory in October. Over a third of those killed have been children. Much of Gaza itself has also been turned to rubble.According to Bloomberg Israeli air strikes on Gaza have created 42 million tonnes of debris in the Strip. That is “enough rubble to fill a line of Maps Mania… more →
Posted in: Interactive Maps

Links For You (8/18/2024)

Woot, welcome to football season! Ok, preseason, but I am beyond excited to watch my Saints play later today and, hopefully, look halfway decent. My wife and I are both big football fans and the start of the season is always a happy occasion. This past week I traveled to Atlanta to give a lab on Adobe’s Firefly Services APIs which went well, and I get to do it again next week in New York City. I hope your week goes well, and here are some interesting links for you to enjoy. Migrating from Netlify to Cloudflare In this post, Sia Karamalegos discusses how she migrated her site from Netlify to Cloudflare. This was done primarily due to Cloudflare releasing a new service to block AI crawlers,... more →
Posted in: JavaScript

Setting Dynamic Objects Keys in JavaScript

It’s always a good day when you get pleasantly surprised by JavaScript, even more so when you find that it’s a feature that’s been around for a while (ES6, which according to Google was standardized in June of 2015). Earlier today I saw some syntax that didn’t look quite right to me. Here’s a simple example of it: let type = 'name';let person = { [type]:'Ray'} Specifically, the thing that surprised me was this portion: [type]:'Ray' If you console.log the code above, you get: { name: 'Ray' } And then it makes sense. This syntax allows you to set a dynamic key in an object literal, much like: person[type] = 'Ray'; Apparently, this has been around for nearly ten... more →
Posted in: JavaScript
1 10 11 12 13 14 193