This post is a preview of a series of posts to come, which will document the process of containerizing the entire charlesreid1.com website.

We will run through a lot of different moving parts and how to get them all working:

• Multiple domains and subdomains pointing to different services
• Docker pod for all services
• Nginx + SSL
• Reverse proxies via nginx
• Apache + MySQL + MediaWiki
• phpMyAdmin
• Gitea
• Configuration files under version control
• Data managed with backup/restore scripts and cron jobs
• Static content under version control
• Files server
• REST API
• Management LAN

All of the code for doing this is in docker …

Table of Contents

• Starting example
• What needs to be changed
• Formatting the data
  • MediaWiki edits
  • Git commits
• Creating the color map
• How the calendar code works
• Final result

Starting example

Let's begin with a D3 example. Mike Bostock provided a Calendar View block illustrating how to draw a very interesting visualization of large amounts of data over time:

You might recognize this type of graph from Github, whose activity graph shows the same visualization.

The data shown in this example consists of several years of stock market data. It is a simple but very large data set, with each data …