I decided I could use a bubble chart and it turns out that all you need to do is use a ui_template with the correct info. Here is what it looks like with hard coded data pioints and the 'one node' flow is attached. Note the size of the points could be changed vwey easily.
[{"id":"46a8dffe.2dda18","type":"ui_template","z":"6445adf7.f2fb24","group":"6169c1d9.e98618","name":"Bubble","order":0,"width":0,"height":0,"format":"<div ng-bind-html=\"msg.payload\"></div>\n\t<div style=\"width:600px;\">\n\t\t<canvas id=\"bubble-chart\" width=\"300\" height=\"300\"></canvas>\n\t</div>\n\n<script>\nnew Chart(document.getElementById(\"bubble-chart\"), {\n type: 'bubble',\n data: {\n labels: \"label\",\n datasets: [\n {\n label: \"Bases\",\n backgroundColor: \"rgba(255, 216, 0, 1.0)\",\n borderColor: \"#000\",\n data: [\n \t{ x: -85, y: 79, r: 10 },\n \t{ x: 385, y: -279, r: 10 },\n \t{x: 207, y: -461, r: 10 },\n \t{x: 262, y: -548, r: 10 },\n \t{x: 388, y: -1320, r: 10 },\n \t{x: 415, y: 185, r: 10 },\n \t{x: 584, y: -1100, r: 10 }\n ]\n }, {\n label: [\"POI\"], \n backgroundColor: \"rgba(72, 255, 70,1.0)\",\n borderColor: \"#000\",\n data: [\n \t{x: 106, y: -381, r: 10 },\n \t{x: 174, y: -119, r: 10 },\n \t{x: 185, y: -780, r: 10 },\n \t{x: 244, y: -1113, r: 10 },\n \t{x: 261, y: -1319, r: 10 },\n \t{x: 296, y: -100, r: 10 }\n\t\t ]\n }\n ]\n },\n options: {\n legend: {\n display: true,\n labels: {\n fontColor: 'rgb(255, 99, 132)'\n }\n },\n title: {\n display: true,\n text: 'Locations of Bases'\n }, scales: {\n yAxes: [{ \n scaleLabel: {\n display: true,\n labelString: \"yAxes\"\n }\n }],\n xAxes: [{ \n scaleLabel: {\n display: true,\n labelString: \"xAxes\"\n }\n }]\n }\n }\n});\n\n</script>\n","storeOutMessages":true,"fwdInMessages":true,"templateScope":"local","x":340,"y":320,"wires":[[]]},{"id":"6169c1d9.e98618","type":"ui_group","z":"","name":"Chart","tab":"421ff38.a99248c","disp":true,"width":"12","collapse":false},{"id":"421ff38.a99248c","type":"ui_tab","z":"","name":"Home","icon":"dashboard"}]
