Harrison Milbradt HMilbradt

## index.html
<html>

<body>
  <div class="relative">
    <canvas width="500" height="500" id="canvas"></canvas>

    <button id="blue-button">Blue</button>
    <button id="red-button">Red</button>

    <input type="range" id="pen-width" min="1" max="10" value="5" />

## index.html
<html>

<body>

  <canvas width="500" height="500" id="canvas"></canvas>

  <script>
    // Read here: https://harrisonmilbradt.com/articles/canvas-panning-and-zooming

    const canvas = document.getElementById('canvas')

## formulate-mapper.js
/*
Usage:

let person = {
  name: "Harrison",
  age: 200,
  address: {
    street: "12345 Street",
    zip: "abcde"
  },
	<html>

	<body>
	<div class="relative">
	<canvas width="500" height="500" id="canvas"></canvas>

	<button id="blue-button">Blue</button>
	<button id="red-button">Red</button>

	<input type="range" id="pen-width" min="1" max="10" value="5" />
	/*
	Usage:

	let person = {
	name: "Harrison",
	age: 200,
	address: {
	street: "12345 Street",
	zip: "abcde"
	},