Showing countries on a map using Mapbox

One of the things that I tried to add to my website, last summer was a map that showed what countries I had visited.  I was never able to come up with a solution that I really liked but this week’s little experiment might fit the need.  You might remember from our previous Mapbox post …

Continue reading "Showing countries on a map using Mapbox"

You can add a map to your website without using google maps!

So, you want to add a map to your website but you don’t want to (or can’t) use Google Maps?  Luckily, you have a few options.  The one that we are looking at today is Mapbox (which uses OpenStreetMap data).  Mapbox has the benefit of a generous free tier (unlike Google Maps), and it’s pretty …

Continue reading "You can add a map to your website without using google maps!"

Playing with COVID-19 data: D3.js Bar Charts

Last week, we gathered COVID-19 statistical data.  This week, we are going to try to build some charts using D3.js.  D3.js is a javascript library that allows you to generate some fairly fancy charts and graphs but we are going to start with some basic bar charts.  Let’s take a look at a simple example. …

Continue reading "Playing with COVID-19 data: D3.js Bar Charts"

What the heck is hoisting?

This is a topic that I have been avoiding (mainly because I don’t feel like I understand it enough).  I figure that we have to tackle the idea eventually, though.  Hoisting is a JavaScript mechanism where variable and function declarations are moved (or hoisted) to the top of the scope before the code is executed. …

Continue reading "What the heck is hoisting?"

JavaScript Classes

Last week, we looked at arrow functions.  This week, I figured that we would look at Classes.  Support for classes was another thing added to JavaScript with ES6. See the Pen JavaScript Classes by Joe Steinbring (@steinbring) on CodePen. In the above example, there is a Person class and a Person2 class.  The difference between …

Continue reading "JavaScript Classes"