Okay thank you soo much Yisrael it all works now! 
The only problem not is that nothing happens when you load the site by URL, but in the preview it works all fine. Here is the link to my site: https://zlemura29.wixsite.com/website/blank . Could you please navigate to the ‘New Page’ page and tell me if anything loads or the graphs populate?
Heres my completed code by the way, any ideas on why this is happening?:
import wixData from ‘wix-data’;
let oWeekNum = 0;
let socialMediaNum = 0;
let refferedNum = 0;
let maleNum = 0;
let femaleNum = 0;
wixData.query(“testData”)
.eq(“refferalMethod”, “O-Week”)
.count()
.then((num) => {
oWeekNum = num;
console.log(oWeekNum);
});
wixData.query(“testData”)
.eq(“refferalMethod”, “Social Media”)
.count()
.then((num) => {
socialMediaNum = num;
console.log(socialMediaNum);
});
wixData.query(“testData”)
.eq(“refferalMethod”, “Reffered”)
.count()
.then((num) => {
refferedNum = num;
console.log(refferedNum);
$w(“#text19”).text = “” + getBiggerRefferal();
});
wixData.query(“testData”)
.eq(“gender”, “M”)
.count()
.then((num) => {
maleNum = num;
console.log(“Male Number: " + maleNum);
});
wixData.query(“testData”)
.eq(“gender”, “F”)
.count()
.then((num) => {
femaleNum = num;
console.log(“Female Number: " + femaleNum);
$w(”#text24”).text = “” + getBiggerGender();
});
export function getBiggerRefferal() {
generateRefferalGraph();
if (oWeekNum > socialMediaNum) {
if (oWeekNum > refferedNum) {
return “O-Week”;
} else {
$w(“#text22”).text = "The most effective referral method for your society based on " +
" current members is through O-Week advertising. Although other forms of advertising draw membership to your society, " +
"it is clear O-Week events are working well for you. In order to learn more about preparing for O-Week, " +
“visit the ‘O-Week Clubs Info’ page on Arc.”
return “Refferals”;
}
} else {
return “Social Media”;
}
}
export function getBiggerGender() {
generateGenderGraph();
if (maleNum > femaleNum) {
return “Male”;
} else {
return “Female”;
}
}
export function generateRefferalGraph() {
let year = 2017;
let flights = {
2017: [oWeekNum, socialMediaNum, refferedNum]
};
$w.onReady(() => {
$w("#html1").postMessage(flights[year]);
console.log("post 1 " + flights[2017]);
$w("#html1").onMessage((event) => {
if (event.data.type === 'ready') {
$w("#html1").postMessage(flights[year]);
console.log("post 2");
}
});
});
}
export function generateGenderGraph() {
let year = 2017;
let flights = {
2017: [maleNum, femaleNum]
};
$w.onReady(() => {
$w("#html2").postMessage(flights[year]);
console.log("post 1 " + flights[2017]);
$w("#html2").onMessage((event) => {
if (event.data.type === 'ready') {
$w("#html2").postMessage(flights[year]);
console.log("post 2");
}
});
});
}
//Please ignore the fact I use flights and year as syntax, this is merely a rip from the Wix Chart example and don’t want to screw up the code changing it at this point 
Thank you sooo much once again, and yes its a long one 