Using flexbox doesn’t always produce the expected alignment, especially on the last row of a grid. When you use justify-content… — Using flexbox doesn’t always produce the expected alignment, especially on the last row of a grid. When you use justify-content: space-between it will place a large gap in the last row unless there are a square number of items. Say we have a collection of items. <div class="container"> <div…

Scaling set of numbers so that the lowest value equates to 0 and the highest value equates to 1. — Say we have a set of data in column A. 469 396 600 177 240 155 204 454 278 233 And we want to scale the data so that the lowest value equates to 0 and the highest value equates to 1. If you just want a quick formula to…

This is the fifth article in a series where we’ll be learning to use the powerful logic of a programming language like JavaScript to… — This is the fifth article in a series where we’ll be learning to use the powerful logic of a programming language like JavaScript to manipulate spreadsheet data. In this article, we’ll talk about how to read and parse XSLX files using JavaScript in Node.js. Now that you understand how Node.js…

This is the fourth article in a series where we’ll be learning to use the powerful logic of a programming language like JavaScript to… — This is the fourth article in a series where we’ll be learning to use the powerful logic of a programming language like JavaScript to manipulate spreadsheet data. In this article, we’ll talk about how to add a dependency from the npm registry and we’ll add some robustness to our interface.

This is the third article in a series where we’ll be learning to use the powerful logic of a programming language like JavaScript to… — This is the third article in a series where we’ll be learning to use the powerful logic of a programming language like JavaScript to manipulate spreadsheet data. In this article, we’ll talk about how to make a Node.js …

This is the second article in a series where we’ll be learning to use the powerful logic of a programming language like JavaScript to… — This is the second article in a series where we’ll be learning to use the powerful logic of a programming language like JavaScript to manipulate spreadsheet data. In this article, we’ll talk about how to install the tools and set up your workspace JavaScript is a programming language that can…

This is the first article in a series where we’ll be learning to use the powerful logic of a programming language like JavaScript to… — This is the first article in a series where we’ll be learning to use the powerful logic of a programming language like JavaScript to manipulate spreadsheet data. In this article, we’ll talk about how the source data should be shaped. We won’t really go into any big programming techniques, but…

Building on the last article, I’ll show you how to use the SparkLine component we built to create a “dashboard” of data points that anyone… — Building on the last article, I’ll show you how to use the SparkLine component we built to create a “dashboard” of data points that anyone can quickly understand with sparklines. In the previous article, we created a Vue component which accepts an array of numbers and creates a sparkline chart.

Sparklines can be useful for quickly visualizing data variance. They are small and intuitive to understand. — Sparklines can be used to quickly visualize data variance. They are small and intuitive to understand. We’ll be using Vue and D3 to build a small sparkline component using Vue.js. …