Actually made a mistake as I was testing with another file and not the Index.html, hence the bubble id issue, This issue still persists. Right after I change from var mainCoyBubbleChart = new sap.viz.ui5.Bubble("mainCoyBubbleChart", { ..... to var mainCoyBubbleChart = new sap.viz.ui5.Scatter("mainCoyBubbleChart", {
the Scatter Chart shows up
the bubble id relates to the Friend Aggreation chart, while the bubbleCoy id Refers to the chart below