Building a General Purpose GeoJSON Viewer with Leaflet / / No Comments Last week I shared my initial experiences with Leaflet and I thought I’d share a small demo I built with it – a general purpose GeoJSON viewer. GeoJSON and Leaflet As I mentioned at the end of my last post, GeoJSON is a specification for encoding ad hoc geographic data. Here’s an example: { "type": "FeatureCollection", "features": [ { "type": "Feature", "id": 0, "properties": { "Code": "FRLA", "Name": "Frederick Law Olmsted National Historic Site" }, "geometry":... more → Posted in: JavaScript Tagged with: building, General, GeoJSON, Leaflet, Purpose, Viewer
Quick Example using Azure’s Node.js SDK for Signed URLs / / No Comments Way back in June (wait, that’s only two months ago?) I wrote up a blog post showing how to use the AWS SDK for Signed URLs: "Quick example using AWS Node.js SDK V3 for Signed URLs". The idea for this was to cover a very specific set of functionality I needed to use along with Adobe’s Firefly Services. Specifically my needs are: Create a readable URL for a cloud storage asset Create a writable URL for a cloud storage asset And on top of that – also I needed to upload directly to cloud storage. I worked with Azure Storage Blob SDK and came up with the following functions. Honestly, use this with a grain of salt as it "worked for me", but I can’t make... more → Posted in: JavaScript Tagged with: Azure's, example, Node.js, Quick, Signed, URLs, using
WorldGuessr on Street View / / No Comments My seemingly endless quest to find an alternative to GeoGuessr may be finally over. GeoGuessr is (rightly) by far the most popular Google Maps game on the internet. Unfortunately GeoGuessr’s subscription charges mean I can’t afford to play it very often. Which means I’m always on the look-out for free alternatives.GeoGuessr is an online geography game that challenges players to identify Maps Mania… more → Posted in: Interactive Maps Tagged with: Street, View, WorldGuessr
Have You Earned Your Air Pollution Stripes? / / No Comments 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 Tagged with: Earned, Pollution, Stripes
Mapping with Leaflet / / No Comments 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 Tagged with: Leaflet, Mapping
Real-Time Sentiment Analysis on Device with AI in Chrome / / No Comments 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 Tagged with: Analysis, Chrome, device, realtime, Sentiment
One Million Screenshots. One Map! / / No Comments 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 Tagged with: Million, Screenshots
Another Web Component – Table Compressor / / No Comments 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 Tagged with: Another, Component, Compressor, table