js/app.js
/**
 * update the selection table 
 * @param {the metadata selected by the optionChanged function} metadata 
 */
update the selection table
@param {the metadata selected by the optionChanged function} metadata
update the selection table @param { the metadata selected by the optionChanged function } metadata
function updateSelectionTable(metadata) {
	var body = d3.select("#sample-metadata");
	body.text("");
	if (metadata == null) return;
	var text = [
		`id: ${metadata.id}`,
		`ethnicity: ${metadata.ethnicity}`,
		`gender: ${metadata.gender}`,
		`age: ${metadata.age}`,
		`location: ${metadata.location}`,
		`bbtype: ${metadata.bbtype}`,
		`wfreq: ${metadata.wfreq}`
	];
	body.append("body").html(text.join("<br>"));
}
function updateSelectionTable ( metadata ) { var body = d3 . select ( "#sample-metadata" ) ; body . text ( "" ) ; if ( metadata == null ) return ; var text = [ ` ${ metadata . id } ` , ` ${ metadata . ethnicity } ` , ` ${ metadata . gender } ` , ` ${ metadata . age } ` , ` ${ metadata . location } ` , ` ${ metadata . bbtype } ` , ` ${ metadata . wfreq } ` ] ; body . append ( "body" ) . html ( text . join ( "<br>" ) ) ; }
update the selection table
 @param {the metadata selected by the optionChanged function} metadata
update the selection table @param { the metadata selected by the optionChanged function } metadata
// grab the body
 // clear the prev data from view
 // if metadata object is null, exit
