US336 Dotted Plot Lines

[aneuhold]

Overview

This PR implements US 336, the dotted plot lines and coloring user story. See below for a screenshot:

It uses the colors that were discussed at the meeting and when it hits 10 it wraps around with the colors and makes a dashed line. When it hits 20 it makes a dotted line.

This resolves #120 and it also resolves #116 because the models in the store state was turned into a Map to support retaining the order of addition of the models.

Includes:

• client/src/components/Graph/Plot.vue
• client/src/utils/Store.js
• client/src/utils/plot.js

Developer Checklist:

• [x] The code follows the Quality Policy file on Google Drive
• N/A My code has been developer-tested and includes unit tests
• [x] I have considered proper use of exceptions
• [x] I have eliminated IDE warnings

Notes:

• Some unaddressed bugs were fixed in the store as well. Just didn't look like they came up yet.

Refs:

• US 336

[github-actions[bot]]

🚀 Deployed on https://606e65128b0082130b968993--thehalomod.netlify.app