main.js

'use strict';

/*
	Variables
*/

const PROMISES = [];

let meteoriteData;

let countries;

/*
	Execution
*/

// Get all the data
PROMISES.push(fetch(GD_SERVER_ADDRESS)
	.then(response => response.text())
	.then(data => {
		meteoriteData = d3.csvParse(data, d => ({
			...d,
			year : d3.timeParse('%Y')(d.year),
			long : parseFloat(d.long),
			lat  : parseFloat(d.lat),
			mass : parseFloat(d.mass)
		}));
	}));

// Get the data grouped by year and set up the timeline
PROMISES.push(fetch(GD_SERVER_ADDRESS + '?groupByYear')
	.then(response => response.text())
	.then(data => {
		const DATA_GROUPED_BY_YEAR = d3.csvParse(data, d => ({
			year      : d3.timeParse('%Y')(d.year),
			number    : parseInt(d.number),
			totalMass : parseFloat(d.totalMass)
		}));
		time = DATA_GROUPED_BY_YEAR[0].year.getFullYear();
		setUpTimeline(DATA_GROUPED_BY_YEAR);
	}));

// Get the list of countries and their IDs and
// set up the country field
PROMISES.push(fetch(GD_SERVER_ADDRESS + '?countries')
	.then(response => response.text())
	.then(data => {
		countries = d3.csvParse(data);
	}));


Promise.all(PROMISES).then(() => {

	setUpSearchDatabase(countries.filter(country => meteoriteData.some(entry =>
		country.country === entry.country)).map(data => data.name));

	setUpBipartiteGraph();

	startMainAnimation();

});