Any idea how to determine start position and end position for arrow?

[gustavonecore]

I would like to transcript the arrow/circles created in lichess into my chessboard using this tool, but seeing the code looks like it's just for mouse drawing.

Looks something like this (after parsing the pgn with pgn-parser), colorFields and colorArrows:

			[{
				"moveNumber": 1,
				"notation": {
					"fig": null,
					"strike": null,
					"col": "d",
					"row": "6",
					"check": null,
					"promotion": null,
					"notation": "d6"
				},
				"commentAfter": " A movement comment here",
				"variations": [],
				"nag": null,
				"commentDiag": {
					"comment": " A movement comment here",
					"colorFields": ["Gc1", "Ge1", "Rh2", "Ra2"],
					"colorArrows": ["Gb2c4", "Gb1c3", "Re1e8", "Bg2g4"]
				},
				"turn": "b"
			}],