-
Draw a Sparkline with D3
Overview A Sparkline is a kind of line chart, usually drawn without axes, placed inline with text e.g. with tabular data. It is the simplest of visualisations and an ideal entry into learning D3. This post discusses the visualisation of a Burndown chart as a Sparkline, built with Angular and D3. Data D3 means ‘Data…
-
Deploy a React application to Heroku
Deploying the example React App to Heroku is performed using Git commands. After setting up on Heroku, you add Heroku as a remote in your git config. Git requires an SSH Key for secure communication with Heroku (see my article on Setup MacBook for node development). Deployment is then a push command. When Heroku receives…
-
Exploring React, Less and Express
Learning React requires quite some knowledge of the modern JavaScript build pipeline (node.js especially), but it is worth exploring this gem of a technology. The usual approach to get skilled in React is to look through and run the starter projects available on GitHub, which reveal part of the problem in learning React, that it…
-
Setup MacBook for node.js Development
I’ve recently setup a new MacBook (1.2GHz, 512GB Flash Storage) for developing node.js based React and Express applications. I chose this MacBook for its portability and high resolution display. The following is a log of what I installed to get things up and running. Install AlfredInstall Chrome ## ToolingInstall TextmateInstall PathfinderInstall MarsEditInstall Sublime – Add Package…
-
Software Engineering on an Apple Mac
I have observed a lot of software engineers using Apple Macs for web development. But this is not the case in Australia, at least in my experience, probably because the emphasis is more on building for enterprise on top of Microsoft technologies. But being adventurous, I chose about 3 years ago to get an Apple…