diff --git a/README.md b/README.md
index 903fa3d..a3c75d2 100644
--- a/README.md
+++ b/README.md
@@ -144,6 +144,10 @@ Data sources
 * https://nssac.bii.virginia.edu/covid-19/dashboard/
 * http://globalcovid19.live/index.php/148-2/
 
+Compare sources
+
+* https://ourworldindata.org/covid-sources-comparison
+
 
 Dependencies
 
diff --git a/stable/covid-19-viz-3d.html b/stable/covid-19-viz-3d.html
index 868dd90..77bf79b 100644
--- a/stable/covid-19-viz-3d.html
+++ b/stable/covid-19-viz-3d.html
@@ -7,7 +7,7 @@
 <meta name=description
 	content="View the COVID-19 data from John Hopkins University GitHub repository in interactive 3D">
 <meta name=keywords content="Three.js,WebGL,JavaScript,GitHub,FOSS,3D,STEM">
-<meta name=version content="2020-03-24-15-33">
+<meta name=version content="2020-03-24-18-04">
 
 <title>COVID-19 Viz3D</title>
 
@@ -76,6 +76,8 @@ <h2>
 			<button id=butRecoveries onclick=toggleBars(groupDeathsNew) style=background-color:lavender;width:100%; >
 				New deaths today&nbsp;</button></p>
 
+		<div id=divDates style=background-color:white;padding:1ch;></div>
+
 		<div id=divStats style=background-color:white;padding:1ch;></div>
 
 		<div id=divSettings style=background-color:white;padding:1ch; ></div>
@@ -97,7 +99,7 @@ <h2>
 
 	<button onclick=controls.reset(); class=ftrButton title="reset the view" >&CirclePlus;</button>
 	&nbsp;
-	<button onclick=THR.onStop() title="stop the rotation"
+	<button onclick=THR.controls.autoRotate=!THR.controls.autoRatate title="stop the rotation"
 	class=ftrButton "Stop all rotation" >&circlearrowright;</button>
 	&nbsp;
 	<button onclick=groupPlacards.visible=!groupPlacards.visible title="toggle placards"  class=ftrButton >&sdotb;</button>
diff --git a/stable/js/main.js b/stable/js/main.js
index 4d631ca..e3febd1 100644
--- a/stable/js/main.js
+++ b/stable/js/main.js
@@ -81,6 +81,9 @@ function init () {
 
 	getNotes();
 
+
+	NCD.init();
+
 	//document.addEventListener( 'mousemove', onDocumentMouseMove, false );
 	renderer.domElement.addEventListener( 'mousedown', onDocumentMouseMove, false );
 	renderer.domElement.addEventListener( 'touchstart', onDocumentTouchStart, false );
@@ -89,7 +92,6 @@ function init () {
 
 
 
-
 function requestFile ( url, callback ) {
 
 	const xhr = new XMLHttpRequest();
@@ -124,19 +126,28 @@ function onLoadCases ( xhr ) {
 
 	resetGroups();
 
-	divStats.innerHTML = `<select id=selDate onchange=updateBars(this.selectedIndex); size=10 style=width:100%; ></select>`;
+	divDates.innerHTML = `<select id=selDate onchange=updateBars(this.selectedIndex); size=10 style=width:100%; ></select>`;
+
+	response = xhr.target.response
+
+	response = response.replace( /"Korea, South"/, "South Korea" )
+	// 	.replace( /"Gambia, The"/, "The Gambia" )
+	// 	.replace( /"Bahamas, The"/, "The Bahamas" );
+	// .replace( /"Virgin Islands,/, "Virgin Islands");
 
-	linesCases = xhr.target.response.split( "\n" ).map( line => line.split( "," ) )
+	linesCases = response.split( "\n" ).map( line => line.split( "," ) );
 	//console.log( 'lines', lines );
 
 	const dates = linesCases[ 0 ].slice( 4 );
 
 	selDate.innerHTML = dates.map( date => `<option>${ date }</option>` );
 
+	selDate.selectedIndex = dates.length - 1;
 
 }
 
 
+
 function onLoadDeaths ( xhr ) {
 
 	linesDeaths = xhr.target.response.split( "\n" ).map( line => line.split( "," ) )
@@ -144,6 +155,8 @@ function onLoadDeaths ( xhr ) {
 
 	updateBars( linesDeaths[ 0 ].length - 1 );
 
+	getStats();
+
 }
 
 
@@ -238,79 +251,54 @@ function getStats () {
 
 	const europe = [ "Albania", "Andorra", "Armenia", "Austria", "Azerbaijan", "Belarus", "Belgium", "Bosnia and Herzegovina", "Bulgaria", "Croatia", "Cyprus", "Czechia", "Denmark", "EstoniaF", "Finland", "France", "Georgia", "Germany", "Greece", "Hungary", "Iceland", "Ireland", "Italy", "Kazakhstan", "Kosovo", "Latvia", "Liechtenstein", "Lithuania", "Luxembourg", "Malta", "Moldova", "Monaco", "Montenegro", "Netherlands", "North Macedonia", "Norway", "Poland", "Portugal", "Romania", "Russia", "San Marino", "Serbia", "Slovakia", "Slovenia", "Spain", "Sweden", "Switzerland", "Turkey", "Ukraine", "United Kingdom", "Holy See" ];
 
-	const globalCases = lines.reduce( ( sum, line ) => {
-		let cases = Number( line[ 7 ] );
-		//cases = isNaN( cases ) ? 0 : cases;
+	const index = 4 + selDate.selectedIndex
+
+	const globalCases = linesCases.slice( 1 ).reduce( ( sum, line ) => {
+		let cases = Number( line[ index] );
 		return sum + cases;
 	}, 0 );
+	//console.log( 'globalCases', globalCases );
 
-	const globalCasesNew = 999999; // lines.reduce( ( sum, line ) => {
-	// 	let caseNew = Number( line[ 8 ] );
-	// 	caseNew = isNaN( caseNew ) ? 0 : caseNew;
-	// 	return sum + caseNew;
-	// }, 0 );
-	console.log( 'globalCasesNew', globalCasesNew );
-
-	// const lat = Number( line[ 5 ] )
-	// //const lat = isNaN( l5 ) ? 0 : l5;
-
-	// const lon= Number( line[ 6 ] )
-	// //const lon = isNaN( l6 ) ? 0 : l6;
-
-	// const cases = Number( line[ 7 ] );
-	// //cases = isNaN( l7 ) ? 0 : l7;
-
-	// const deaths = Number( line[ 8 ] );
-	// //const deaths = isNaN( l8 ) ? 0 : l8;
-
-	// const recoveries = Number( line[ 9 ] );
-	// //const recoveries = isNaN( l9 ) ? 0 : l9;
-
-	// 	const active = Number( line[ 10 ] );
-
-	const globalDeaths = lines.reduce( ( sum, line ) => sum + Number( line[ 8 ] ), 0 );
-	const globalRecoveries = lines.reduce( ( sum, line ) => sum + Number( line[ 9 ] ), 0 );
+	const globalCasesNew = linesCases.slice( 1 ).reduce( ( sum, line ) => sum + ( line[ index ] - line[ index - 1 ] ), 0 );
+	//console.log( 'globalCasesNew', globalCasesNew );
+	const globalDeaths = linesDeaths.slice( 1 ).reduce( ( sum, line ) => sum + Number( line[ index ] ), 0 );
+	const globalDeathsNew = linesDeaths.slice( 1 ).reduce( ( sum, line ) => sum + ( line[ index ] - line[ index - 1 ] ), 0 );
 	const globalDeathsToCases = 100 * ( globalDeaths / globalCases );
 
-	const chinaDeaths = lines.reduce( ( sum, line ) => sum += line[ 1 ] === "China" ? Number( line[ 8 ] ) : 0, 0 );
-	const chinaCasesNew = 0; //lines.reduce( ( sum, line ) => sum += line[ 1 ] === "China" ? line[ 8 ] : 0, 0 );
-	const chinaCases = lines.reduce( ( sum, line ) => sum += line[ 1 ] === "China" ? Number( line[ 7 ] ) : 0, 0 );
-	const chinaRecoveries = lines.reduce( ( sum, line ) => sum += line[ 1 ] === "China" ? Number( line[ 9 ] ) : 0, 0 );
+	const chinaCases = linesCases.slice( 1 ).reduce( ( sum, line ) => sum += line[ 1 ] === "China" ? Number( line[ index ] ) : 0, 0 );
+	const chinaCasesNew = linesCases.slice( 1 ).reduce( ( sum, line ) => sum += line[ 1 ] === "China" ? line[ index ] - line[ index  - 1]: 0, 0 );
+	const chinaDeaths = linesDeaths.slice( 1 ).reduce( ( sum, line ) => sum += line[ 1 ] === "China" ? Number( line[ index ] ) : 0, 0 );
+	const chinaDeathsNew = linesDeaths.slice( 1 ).reduce( ( sum, line ) => sum += line[ 1 ] === "China" ? line[ index ] - line[ index - 1] : 0, 0 );
 	const chinaDeathsToCases = 100 * chinaDeaths / chinaCases;
 
-	const europeDeaths = lines.reduce( ( sum, line ) => sum += europe.includes( line[ 3 ] ) ?
-		Number( line[ 8 ] ) : 0, 0 );
-	const europeCasesNew = 0; //lines.reduce( ( sum, line ) => sum += europe.includes( line[ 3 ] ) ? line[ 8 ] : 0, 0 );
-	const europeCases = lines.reduce( ( sum, line ) => sum += europe.includes( line[ 3 ] ) ? Number( line[ 7 ] ) : 0, 0 );
-	const europeRecoveries = lines.reduce( ( sum, line ) => sum += europe.includes( line[ 3 ] ) ? Number( line[ 9 ] ) : 0, 0 );
+	const europeCases = linesCases.reduce( ( sum, line ) => sum += europe.includes( line[ 1 ] ) ? Number( line[ index ] ) : 0, 0 );
+	const europeCasesNew = linesCases.reduce( ( sum, line ) => sum += europe.includes( line[ 1 ] ) ? line[ index ] - line[ index - 1] : 0, 0 );
+	const europeDeaths = linesDeaths.reduce( ( sum, line ) => sum += europe.includes( line[ 1 ] ) ? Number( line[ index ] ) : 0, 0 );
+	const europeDeathsNew = linesDeaths.reduce( ( sum, line ) => sum += europe.includes( line[ 1 ] ) ? ( line[ index ] - line[ index - 1] ) : 0, 0 );
 	const europeDeathsToCases = 100 * europeDeaths / europeCases;
 
-	const usaCases = lines.reduce( ( sum, line ) => sum += line[ 3 ] === "US" ? Number( line[ 7 ] ) : 0, 0 );
-	const usaCasesNew = 0; //lines.reduce( ( sum, line ) => sum += line[ 3 ] === "US" ? line[ 8 ] : 0, 0 );
-	const usaDeaths = lines.reduce( ( sum, line ) => sum += line[ 3 ] === "US" ? Number( line[ 8 ] ) : 0, 0 );
-	const usaRecoveries = lines.reduce( ( sum, line ) => sum += line[ 3 ] === "US" ? Number( line[ 9 ] ) : 0, 0 );
+	const usaCases = linesCases.reduce( ( sum, line ) => sum += line[ 1 ] === "US" ? Number( line[ index ] ) : 0, 0 );
+	const usaCasesNew = linesCases.reduce( ( sum, line ) => sum += line[ 1 ] === "US" ? line[ index ] - line[ index - 1] : 0, 0 );
+	const usaDeaths = linesDeaths.reduce( ( sum, line ) => sum += line[ 1 ] === "US" ? Number( line[ index ] ) : 0, 0 );
+	const usaDeathsNew = linesDeaths.reduce( ( sum, line ) => sum += line[ 1 ] === "US" ? ( line[ index ] - line[ index - 1 ] ) : 0, 0 );
 	const usaDeathsToCases = 100 * ( usaDeaths / usaCases );
 
 	const rowCases = globalCases - chinaCases - europeCases - usaCases;
 	const rowCasesNew = globalCasesNew - chinaCasesNew - europeCasesNew - usaCasesNew;
 	const rowDeaths = globalDeaths - chinaDeaths - europeDeaths - usaDeaths;
-	const rowRecoveries = globalRecoveries - chinaRecoveries - europeRecoveries - usaRecoveries;
+	const rowDeathsNew = globalDeathsNew - chinaDeathsNew - europeDeathsNew - usaDeathsNew;
 	const rowDeathsToCases = 100 * ( rowDeaths / rowCases );
 
-	// butNew.innerHTML += globalCasesNew.toLocaleString();
-	// butCases.innerHTML += globalCases.toLocaleString();
-	// butDeaths.innerHTML += globalDeaths.toLocaleString();
-	// butRecoveries.innerHTML += globalRecoveries.toLocaleString();
 
 	// [text], scale, color, x, y, z )
-	groupPlacards.add( THR.drawPlacard( "Null Island", "0.01", 1, 60, 0, 0 ) );
+	groupPlacards.add( THR.drawPlacard( "Null Island", "0.01", 1, 80, 0, 0 ) );
 
 	const totalsGlobal = [
 		`Global`,
 		`cases: ${ globalCases.toLocaleString() }`,
-		`cases today: ${ globalCasesNew.toLocaleString() }`,
+		`cases new: ${ globalCasesNew.toLocaleString() }`,
 		`deaths: ${ globalDeaths.toLocaleString() }`,
-		`recoveries: ${ globalRecoveries.toLocaleString() }`,
+		`deaths new: ${ globalDeathsNew.toLocaleString() }`,
 		`deaths/cases: ${ globalDeathsToCases.toLocaleString() }%`
 	];
 	vGlo = latLonToXYZ( 75, 65, -20 );
@@ -321,7 +309,7 @@ function getStats () {
 		`cases: ${ chinaCases.toLocaleString() }`,
 		`cases today: ${ chinaCasesNew.toLocaleString() }`,
 		`deaths: ${ chinaDeaths.toLocaleString() }`,
-		`recoveries: ${ chinaRecoveries.toLocaleString() }`,
+		`deaths new: ${ chinaDeathsNew.toLocaleString() }`,
 		`deaths/cases: ${ chinaDeathsToCases.toLocaleString() }%`
 	];
 	vChi = latLonToXYZ( 85, 50, 110 );
@@ -332,7 +320,7 @@ function getStats () {
 		`cases: ${ europeCases.toLocaleString() }`,
 		`cases today: ${ europeCasesNew.toLocaleString() }`,
 		`deaths: ${ europeDeaths.toLocaleString() }`,
-		`recoveries: ${ europeRecoveries.toLocaleString() }`,
+		`deaths new: ${ europeDeathsNew.toLocaleString() }`,
 		`deaths/cases: ${ europeDeathsToCases.toLocaleString() }%`
 	];
 	const vEur = latLonToXYZ( 80, 60, 20 );
@@ -343,7 +331,7 @@ function getStats () {
 		`cases: ${ usaCases.toLocaleString() }`,
 		`cases today: ${ usaCasesNew.toLocaleString() }`,
 		`deaths: ${ usaDeaths.toLocaleString() }`,
-		`recoveries: ${ usaRecoveries.toLocaleString() }`,
+		`deaths new: ${ usaDeathsNew.toLocaleString() }`,
 		`deaths/cases: ${ usaDeathsToCases.toLocaleString() }%`
 	];
 	const vUsa = latLonToXYZ( 80, 40, -120 );
@@ -354,7 +342,7 @@ function getStats () {
 		`cases: ${ rowCases.toLocaleString() }`,
 		`cases today: ${ rowCasesNew.toLocaleString() }`,
 		`deaths: ${ rowDeaths.toLocaleString() }`,
-		`recoveries: ${ rowRecoveries.toLocaleString() }`,
+		`deaths new: ${ rowDeathsNew.toLocaleString() }`,
 		`deaths/cases: ${ rowDeathsToCases.toLocaleString() }%`
 	];
 	const vRow = latLonToXYZ( 90, 30, 180 );
@@ -363,50 +351,50 @@ function getStats () {
 
 	divStats.innerHTML = `<details id=detStats>
 
-	<summary><b>global data ${ today.slice( 0, -4 ) }</b></summary>
+	<summary><b>global data </b></summary>
 
 	<p>
 		<b>global totals </b><br>
 		cases: ${ globalCases.toLocaleString() }<br>
-		cases today: ${ globalCasesNew.toLocaleString() }<br>
+		cases new: ${ globalCasesNew.toLocaleString() }<br>
 		deaths: ${ globalDeaths.toLocaleString() }<br>
-		recoveries: ${ globalRecoveries.toLocaleString() }<br>
+		deaths new: ${ globalDeathsNew.toLocaleString() }<br>
 		deaths/cases: ${ globalDeathsToCases.toLocaleString() }%<br>
 	</p>
 
 	<p>
 		<b>China totals</b><br>
 		cases: ${ chinaCases.toLocaleString() }<br>
-		cases today: ${ chinaCasesNew.toLocaleString() }<br>
+		cases new: ${ chinaCasesNew.toLocaleString() }<br>
 		deaths: ${ chinaDeaths.toLocaleString() }<br>
-		recoveries: ${ chinaRecoveries.toLocaleString() }<br>
+		deaths new: ${ chinaDeathsNew.toLocaleString() }<br>
 		deaths/cases: ${ chinaDeathsToCases.toLocaleString() }%<br>
 	</p>
 
 	<p>
-	<b>Europe totals</b><br>
+		<b>Europe totals</b><br>
 		cases: ${ europeCases.toLocaleString() }<br>
-		cases today: ${ europeCasesNew.toLocaleString() }<br>
-		deaths: ${ chinaDeaths.toLocaleString() }<br>
-		recoveries: ${ europeRecoveries.toLocaleString() }<br>
+		cases new: ${ europeCasesNew.toLocaleString() }<br>
+		deaths: ${ europeDeaths.toLocaleString() }<br>
+		deaths new: ${ europeDeathsNew.toLocaleString() }<br>
 		deaths/cases: ${ europeDeathsToCases.toLocaleString() }%<br>
 	</p>
 
 	<p>
 		<b>USA totals</b><br>
 		cases: ${ usaCases.toLocaleString() }<br>
-		cases today: ${ usaCasesNew.toLocaleString() }<br>
+		cases new: ${ usaCasesNew.toLocaleString() }<br>
 		deaths: ${ usaDeaths.toLocaleString() }<br>
-		recoveries: ${ usaRecoveries.toLocaleString() }<br>
+		deaths new: ${ usaDeathsNew.toLocaleString() }<br>
 		deaths/cases: ${ usaDeathsToCases.toLocaleString() }%<br>
 	</p>
 
-	<p>
+		<p>
 		<b>rest of world totals</b><br>
 		cases: ${ rowCases.toLocaleString() }<br>
 		cases today: ${ rowCasesNew.toLocaleString() }<br>
 		deaths: ${ rowDeaths.toLocaleString() }<br>
-		recoveries: ${ rowRecoveries.toLocaleString() }<br>
+		deaths new: ${ rowDeathsNew.toLocaleString() }<br>
 		deaths/cases: ${ rowDeathsToCases.toLocaleString() }%<br>
 	</p>
 
@@ -484,7 +472,6 @@ function toggleBars ( group = groupCases ) {
 		groupCasesNew.visible = false;
 		groupDeaths.visible = false;
 		groupDeathsNew.visible = false;
-
 		group.visible = true;
 
 	}
@@ -533,7 +520,7 @@ function onDocumentMouseMove ( event ) {
 
 			const lineDeaths = linesDeaths[ index ];
 
-			dateIndex = selDate.selectedIndex > -1 ? selDate.selectedIndex : line.length - 1 ;
+			const dateIndex = selDate.selectedIndex > -1 ? 4 + selDate.selectedIndex : line.length - 1 ;
 
 			const country = line[ 1 ];
 
diff --git a/stable/js/ncd-new-cases-date.js b/stable/js/ncd-new-cases-date.js
index 3835101..08324e8 100644
--- a/stable/js/ncd-new-cases-date.js
+++ b/stable/js/ncd-new-cases-date.js
@@ -40,7 +40,7 @@ NCD.requestFile = function ( url, callback ) {
 	const xhr = new XMLHttpRequest();
 	xhr.open( 'GET', url, true );
 	xhr.onerror = ( xhr ) => console.log( 'error:', xhr );
-	//xhr.onprogress = ( xhr ) => NCDdivChartMmg.innerHTML = 'bytes loaded:' + xhr.loaded;
+	//xhr.onprogress = ( xhr ) => console.log( 'bytes loaded', xhr.loaded, xhr.target.status  );
 	xhr.onload = callback;
 	xhr.send( null );
 
@@ -102,6 +102,10 @@ NCD.getDates = function ( country = "France", place = "France" ) {
 
 		return "It may take a while to load all the data. Keep trying every ten seconds or so.";
 
+	} else if ( NCD.json.message ) {
+
+		return `<p><mark>${ NCD.json.message }</mark></p><p>Try again later</p>`;
+
 	}
 	//console.log( 'c/p', country, place );
 
@@ -170,5 +174,3 @@ NCD.drawChart = function ( arr ) {
 };
 
 
-
-NCD.init();
\ No newline at end of file
diff --git a/stable/tmp/covid-19-viz-3d.html b/stable/tmp/covid-19-viz-3d.html
index 12c6796..868dd90 100644
--- a/stable/tmp/covid-19-viz-3d.html
+++ b/stable/tmp/covid-19-viz-3d.html
@@ -7,7 +7,7 @@
 <meta name=description
 	content="View the COVID-19 data from John Hopkins University GitHub repository in interactive 3D">
 <meta name=keywords content="Three.js,WebGL,JavaScript,GitHub,FOSS,3D,STEM">
-<meta name=version content="2020-03-23-18-15">
+<meta name=version content="2020-03-24-15-33">
 
 <title>COVID-19 Viz3D</title>
 
@@ -61,22 +61,22 @@ <h2>
 		</header>
 
 		<p class=navLegend style=background-color:cyan; title="The flare indicates high number of new cases">
-			<button id=butNew onclick=toggleCases(groupNew) style=background-color:cyan;color:black;width:100%; >
+			<button id=butNew onclick=toggleBars(groupCasesNew) style=background-color:cyan;color:black;width:100%; >
 				New cases today&nbsp;</button></p>
 
 		<p class=navLegend style=background-color:red; >
-			<button id=butCases onclick=toggleCases(groupCases) style=background-color:red;color:white;width:100%; >
+			<button id=butCases onclick=toggleBars(groupCases) style=background-color:red;color:white;width:100%; >
 				Confirmed cases&nbsp;</button></p>
 
 		<p class=navLegend style=background-color:black; title="Flare indicates high deaths to cases ratios" >
-			<button id=butDeaths onclick=toggleCases(groupDeaths) style=background-color:black;color:white;width:100%; >
+			<button id=butDeaths onclick=toggleBars(groupDeaths) style=background-color:black;color:white;width:100%; >
 				Deaths&nbsp;</button></p>
 
-		<p class=navLegend style=background-color:limegreen; >
-			<button id=butRecoveries onclick=toggleCases(groupRecoveries) style=background-color:limegreen;width:100%; >
-				Recoveries&nbsp;</button></p>
+		<p class=navLegend style=background-color:lavender; >
+			<button id=butRecoveries onclick=toggleBars(groupDeathsNew) style=background-color:lavender;width:100%; >
+				New deaths today&nbsp;</button></p>
 
-		<div id=divStats style=background-color:white;padding:1ch; ></div>
+		<div id=divStats style=background-color:white;padding:1ch;></div>
 
 		<div id=divSettings style=background-color:white;padding:1ch; ></div>
 
@@ -86,15 +86,11 @@ <h2>
 
 
 <div id=divMessage style=max-width:250px; >
-	<mark>18:51 PST ~ JHU file format has changed. Working on fixes!!</mark>
+	<mark>New database format. JHU made a silly update. Fixes are in progress</mark>
 	Touch the screen to stop rotation<br>
 	Click or touch a country "stick" to pop-up statistics<br>
 	Two fingers or mousewheel to zoom
 	<hr>
-	New today<br>
-	<mark>Mouse over no longer works</mark><br>
-	pop-ups show province or state data<br>
-	pop-up bars show new cases and dates as tooltips
 </div>
 
 <footer style=bottom:1ch;position:fixed;;width:100vw;text-align:center; >
@@ -109,18 +105,18 @@ <h2>
 	<button onclick=sayThis(); title="Can you hear me now?"  class=ftrButton >&phone;</button>
 
 </footer>
-<script src="js/main.js"></script>
 
+<script src="js/main.js"></script>
+<script src="js/glo-globe.js"></script>
+<script src="js/spk-speak.js"></script>
 <script src="js/ncd-new-cases-date.js"></script>
 
 <script>
 
-pathAssets = "../assets/";
-
+pathAssets = "../assets/"; // change in html of stable
 
 init();
 
-
 // keep address bar pointed to latest
 window.history.pushState( '', '', '/spider-covid-19-viz-3d/' );
 
diff --git a/stable/tmp/js/glo-globe.js b/stable/tmp/js/glo-globe.js
new file mode 100644
index 0000000..40fdb15
--- /dev/null
+++ b/stable/tmp/js/glo-globe.js
@@ -0,0 +1,53 @@
+function onLoadGeoJson ( xhr ) {
+
+	let response = xhr.target.response;
+
+	geoJson = JSON.parse( response );
+	//console.log( '', response );
+
+	drawThreeGeo( geoJson, 50, 'sphere', { color: "#888" } );
+
+}
+
+
+
+function addLights () {
+
+	scene.add( new THREE.AmbientLight( 0xaaaaaa ) );
+
+	const pointLight = new THREE.PointLight( 0xffffff, 1 );
+	pointLight.position.copy( camera.position );
+	camera.add( pointLight );
+
+	const lightDirectional = new THREE.DirectionalLight( 0xfffffff, 1 );
+	lightDirectional.position.set( -50, -200, 100 );
+	scene.add( lightDirectional );
+
+}
+
+
+
+function addGlobe ( size = 50 ) {
+
+	const geometry = new THREE.SphereGeometry( size, 50, 25 );
+	geometry.applyMatrix4( new THREE.Matrix4().makeRotationX( 0.5 * Math.PI ) );
+
+	const url = pathAssets + "images/earth_atmos_4096.jpg";
+	var texture = new THREE.TextureLoader().load( url );
+
+	const material = new THREE.MeshBasicMaterial( { color: 0xcce0ff, map: texture } );
+	const mesh = new THREE.Mesh( geometry, material );
+	mesh.name = "globe";
+	scene.add( mesh );
+
+}
+
+
+
+function addSkyBox () {
+
+	scene.background = new THREE.CubeTextureLoader()
+		.setPath( pathAssets + "cube-textures/" )
+		.load( [ 'f1.jpg', 'f2.jpg', 'f3.jpg', 'f4.jpg', 'f5.jpg', 'f6.jpg' ] );
+
+}
diff --git a/stable/tmp/js/main.js b/stable/tmp/js/main.js
index abf62e4..4d631ca 100644
--- a/stable/tmp/js/main.js
+++ b/stable/tmp/js/main.js
@@ -5,8 +5,8 @@
 // jshint loopfunc: true
 
 
-let pathAssets = "../../assets/"; // reset in html file if needed
-const dataJhu = "https://cdn.jsdelivr.net/gh/CSSEGISandData/COVID-19@master/csse_covid_19_data/csse_covid_19_daily_reports/";
+let pathAssets = "../../assets/"; // change in html of stable
+
 
 aSource.href = "https://github.com/ladybug-tools/spider-covid-19-viz-3d/";
 imgIcon.src = "https://pushme-pullyou.github.io/github-mark-32.png";
@@ -18,9 +18,9 @@ sVersion.innerHTML = version ? version.content : "";
 
 let group = new THREE.Group();
 let groupCases = new THREE.Group();
-let groupNew = new THREE.Group();
+let groupCasesNew = new THREE.Group();
 let groupDeaths = new THREE.Group();
-let groupRecoveries = new THREE.Group();
+let groupDeathsNew = new THREE.Group();
 let groupPlacards = new THREE.Group();
 let groupLines = new THREE.Group();
 
@@ -32,13 +32,11 @@ let intersected;
 let mesh;
 let scene, camera, controls, renderer;
 
-var synth = window.speechSynthesis;
-var voices = [];
 
 THR.init();
 THR.animate();
 
-
+//init();
 
 
 function init () {
@@ -49,9 +47,17 @@ function init () {
 	renderer = THR.renderer;
 
 
-	const url = "https://api.github.com/repos/CSSEGISandData/COVID-19/contents/csse_covid_19_data/csse_covid_19_daily_reports";
+	//https://github.com/CSSEGISandData/COVID-19/blob/master/csse_covid_19_data/csse_covid_19_time_series/time_series_covid19_confirmed_global.csv
+	// const url = "https://api.github.com/repos/CSSEGISandData/COVID-19/contents/csse_covid_19_data/csse_covid_19_daily_reports";
+
+	const dataJhu = "https://cdn.jsdelivr.net/gh/CSSEGISandData/COVID-19@master/csse_covid_19_data/csse_covid_19_time_series/time_series_covid19_confirmed_global.csv";
+
+	requestFile( dataJhu, onLoadCases );
 
-	requestFile( url, callbackDailyReport );
+
+	const dataJhuDeaths = "https://cdn.jsdelivr.net/gh/CSSEGISandData/COVID-19@master/csse_covid_19_data/csse_covid_19_time_series/time_series_covid19_deaths_global.csv";
+
+	requestFile( dataJhuDeaths, onLoadDeaths );
 
 
 	const urlJsonStatesProvinces = pathAssets + "json/ne_50m_admin_1_states_provinces_lines.geojson";
@@ -73,7 +79,7 @@ function init () {
 
 	addSkyBox();
 
-	getSettings();
+	getNotes();
 
 	//document.addEventListener( 'mousemove', onDocumentMouseMove, false );
 	renderer.domElement.addEventListener( 'mousedown', onDocumentMouseMove, false );
@@ -83,29 +89,6 @@ function init () {
 
 
 
-function sayThis( text = "Hello world! My fingers are crossed. I hope you will be here tomorrow") {
-
-	synth.cancel();
-
-	const utterThis = new SpeechSynthesisUtterance( text );
-
-	voices = voices.length ? voices : window.speechSynthesis.getVoices();
-
-	if ( voices.length > 0 ) {
-
-		const voice = voices.find( item => item.name === "Google UK English Female" );
-
-		const theDefault =  voices.find( item => item.default === true );
-
-		utterThis.voice = voice ? voice : theDefault;
-
-	}
-
-	synth.speak( utterThis );
-
-}
-
-
 
 function requestFile ( url, callback ) {
 
@@ -119,211 +102,120 @@ function requestFile ( url, callback ) {
 }
 
 
+function resetGroups() {
 
-function callbackDailyReport ( xhr ) {
-
-	const json = JSON.parse( xhr.target.response );
-
-	const names = json.map( json => json.name );
-
-	today = names[ names.length - 2 ];
-	//console.log( today );
-
-	yesterday = names[ names.length - 3 ];
-	//console.log( 'yesterday', yesterday );
-
-
-	requestFile( dataJhu + today, onLoad );
-
-}
-
-
-
-function onLoad ( xhr ) {
+	scene.remove( group, groupCases, groupCasesNew, groupDeaths, groupDeathsNew, groupPlacards, groupLines );
 
 	group = new THREE.Group();
 	groupCases = new THREE.Group();
-	groupNew = new THREE.Group();
+	groupCasesNew = new THREE.Group();
 	groupDeaths = new THREE.Group();
-	groupRecoveries = new THREE.Group();
+	groupDeathsNew = new THREE.Group();
 	groupPlacards = new THREE.Group();
 	groupLines = new THREE.Group();
 
-	scene.add( group, groupCases, groupNew, groupDeaths, groupRecoveries, groupPlacards, groupLines );
-
-	let response = xhr.target.response;
-	response = response.replace( /"Korea, South"/, "South Korea" )
-		.replace( /"Gambia, The"/, "The Gambia" )
-		.replace( /"Bahamas, The"/, "The Bahamas" );
-	//.replace( /"Virgin Islands,/, "Virgin Islands");
-
-	lines = response.split( "\n" ).map( line => line.split( "," ) ).slice( 1, -1 );
-	//console.log( 'lines', lines );
-
-	const date = new Date().toISOString();
-
-	lines.push( [ "Test Case", "Null Island", date, "abc", "", "-3.333", "0", "0" ] );
-
-	lines.forEach( ( line, index ) => addIndicator( line, index ) );
-
-	requestFile( dataJhu + yesterday, onLoadYesterday );
+	scene.add( group, groupCases, groupCasesNew, groupDeaths, groupDeathsNew, groupPlacards, groupLines );
 
 }
 
 
 
-function onLoadYesterday ( xhr ) {
-
-	let response = xhr.target.response;
-
-	linesYesterday = response.split( "\n" ).map( line => line.split( "," ) ).slice( 1, -1 );
-	//console.log( 'lines', lines );
+function onLoadCases ( xhr ) {
 
-	lines.forEach( ( line, index ) => addIndicatorNew( line, index ) );
+	resetGroups();
 
-	getStats();
+	divStats.innerHTML = `<select id=selDate onchange=updateBars(this.selectedIndex); size=10 style=width:100%; ></select>`;
 
-}
-
-
-
-function addIndicator ( line, index ) {
-
-	const l3 = Number( line[ 3 ] );
-	cases = isNaN( l3 ) ? 0 : l3;
-
-	const l4 = Number( line[ 4 ] );
-	const deaths = isNaN( l4 ) ? 0 : l4;
+	linesCases = xhr.target.response.split( "\n" ).map( line => line.split( "," ) )
+	//console.log( 'lines', lines );
 
-	const l5 = Number( line[ 5 ] );
-	const recoveries = isNaN( l5 ) ? 0 : l5;
+	const dates = linesCases[ 0 ].slice( 4 );
 
-	const l6 = Number( line[ 6 ] )
-	const lat = isNaN( l6 ) ? 0 : l6;
+	selDate.innerHTML = dates.map( date => `<option>${ date }</option>` );
 
-	const l7 = Number( line[ 7 ] )
-	const lon = isNaN( l7 ) ? 0 : l7;
 
-	const heightCases = 0.2 * Math.sqrt( cases || 1 );
-	const heightDeaths = cases > 0 ? heightCases * ( deaths / cases ) : 0;
-	const heightRecoveries = 0.2 * Math.sqrt( recoveries );
+}
 
 
-	let p1 = latLonToXYZ( 50 + 0.5 * heightCases, lat, lon, index );
-	let p2 = latLonToXYZ( 100, lat, lon, index );
+function onLoadDeaths ( xhr ) {
 
-	let geometry = new THREE.CylinderGeometry( 0.4, 0.4, heightCases );
-	geometry.applyMatrix4( new THREE.Matrix4().makeRotationX( -0.5 * Math.PI ) );
-	let material = new THREE.MeshPhongMaterial( { color: "red" } );
-	let mesh = new THREE.Mesh( geometry, material );
-	mesh.position.copy( p1 );
-	mesh.lookAt( p2 );
-	mesh.userData = index;
+	linesDeaths = xhr.target.response.split( "\n" ).map( line => line.split( "," ) )
+	//console.log( 'linesDeaths', linesDeaths );
 
-	groupCases.add( mesh );
+	updateBars( linesDeaths[ 0 ].length - 1 );
 
+}
 
-	//if ( heightDeaths > 0 ) {
 
-		p1 = latLonToXYZ( 50 + 0.5 * heightDeaths, lat, lon, index );
-		p2 = latLonToXYZ( 100, lat, lon, index );
 
-		let dToC = cases > 0 ? 5 * ( deaths / cases ) : 0;
-		dToC = dToC < 1 ? dToC : 1;
-		//console.log( 'dc', dToC );
-		geometry = new THREE.CylinderBufferGeometry( 0.5, 0.5 + dToC, heightDeaths, 12, 1, true );
+function updateBars ( indexDate ) {
 
-		geometry.applyMatrix4( new THREE.Matrix4().makeRotationX( -0.5 * Math.PI ) );
-		material = new THREE.MeshPhongMaterial( { color: "black", side: 2 } );
-		mesh = new THREE.Mesh( geometry, material );
-		mesh.position.copy( p1 );
-		mesh.lookAt( p2 );
-		mesh.userData = index;
+	resetGroups();
 
-		groupDeaths.add( mesh );
+	heightsCases = linesCases.map( line => line[ indexDate ] );
+	//console.log( 'heights', heightsCases );
 
-	//}
+	meshesCases = linesCases.map( ( line, index ) => addBar( line[ 2 ], line[ 3 ], index, "red", 0.4, heightsCases[ index ] ) );
 
-	p1 = latLonToXYZ( 50 + 0.5 * heightRecoveries, lat, lon, index );
-	p2 = latLonToXYZ( 100, lat, lon, index );
+	groupCases.add( ...meshesCases.slice( 1 ) );
 
-	geometry = new THREE.CylinderBufferGeometry( 0.45, 0.45, heightRecoveries, 12, 1, true );
-	geometry.applyMatrix4( new THREE.Matrix4().makeRotationX( -0.5 * Math.PI ) );
-	material = new THREE.MeshPhongMaterial( { color: "green" } );
-	mesh = new THREE.Mesh( geometry, material );
-	mesh.position.copy( p1 );
-	mesh.lookAt( p2 );
-	mesh.userData = index;
-
-	groupRecoveries.add( mesh );
 
-}
+	casesNew = linesCases.map( line => line[ indexDate ] - line[ indexDate - 1 ] );
+	heightsCasesNew = linesCases.map( line => Math.sqrt( line[ indexDate ] - line[ indexDate - 1 ] ) );
 
+		//line[ indexDate] * ( line[ indexDate ] - line[ indexDate - 1 ] ) / line[ indexDate ] );
 
+	//console.log( 'heightsCasesNew ', heightsCasesNew );
 
-function addIndicatorNew ( line, index ) {
+	offsetsCasesNew = heightsCases.map( ( height, index ) => 0.2 * Math.sqrt( height) - 0.2 * Math.sqrt( heightsCasesNew[ index ] ) );
 
-	const state = line[ 0 ];
-	const country = line[ 1 ];
+	meshesCasesNew = linesCases.map( ( line, index ) => addBar( line[ 2 ], line[ 3 ], index, "cyan", 0.6, heightsCasesNew[ index ], offsetsCasesNew[ index ] ) );
 
-	const l3 = Number( line[ 3 ] );
-	cases = isNaN( l3 ) ? 0 : l3;
+	groupCasesNew.add( ...meshesCasesNew.slice( 1 ) );
 
-	//const l4 = Number( line[ 4 ] );
-	//const deaths = isNaN( l4 ) ? 0 : l4;
 
-	//const l5 = Number( line[ 5 ] );
-	//const recoveries = isNaN( l5 ) ? 0 : l5;
+	heightsDeaths = linesDeaths.map( line => line[ indexDate ] );
+	//console.log( 'heightsDeaths', heightsDeaths );
 
-	const l6 = Number( line[ 6 ] )
-	const lat = isNaN( l6 ) ? 0 : l6;
+	meshesDeath = linesDeaths.map( ( line, index ) => addBar( line[ 2 ], line[ 3 ], index, "black", 0.5, heightsDeaths[ index ] ) );
 
-	const l7 = Number( line[ 7 ] )
-	const lon = isNaN( l7 ) ? 0 : l7;
+	groupDeaths.add( ...meshesDeath.slice( 1 ) );
 
-	const lineNew = linesYesterday.filter( lineNew => lineNew[ 0 ] === state && lineNew[ 1 ] === country );
-	//console.log( 'ln',line[ 3 ]);
 
-	const str = lineNew.length ? lineNew[ 0 ][ 3 ] : "";
+	heightsDeathsNew = linesDeaths.map( line => line[ indexDate ] - line[ indexDate - 1 ] );
 
-	const num = str ? Number( str ) : Number( line[ 3 ] );
+	offsetsDeathsNew = heightsDeaths.map( ( height, index ) => 0.2 * Math.sqrt( height) - 0.2 * Math.sqrt( heightsDeathsNew[ index ] ) );
 
-	const casesNew = Math.abs( Number( line[ 3 ] ) - num );
+	meshesDeathsNew = linesDeaths.map( ( line, index ) => addBar( line[ 2 ], line[ 3 ], index, "gray", 0.6, heightsDeathsNew[ index ], offsetsDeathsNew[ index ] ) );
 
-	lines[ index ].push( casesNew );
+	groupDeathsNew.add( ...meshesDeathsNew.slice( 1 ) );
 
-	//if ( casesNew > 0 ) console.log( 'casesNew', casesNew, line );
+}
 
-	if ( casesNew < 1 ) { return; }
 
-	const heightCases = 0.2 * Math.sqrt( Number( line[ 3 ] ) || 0 );
-	//	const heightNew = 0.2 * Math.sqrt( casesNew || 1 );
 
-	//const cases = Number( line[ 3 ] );
-	const heightRatio = cases ? casesNew / cases : 0;
-	//console.log( 'heightRatio', heightRatio );
+function addBar ( lat, lon, index, color = "red", radius = 0.4, height = 1, offset = 0 ) {
 
-	const height = heightCases * heightRatio;
-	//console.log( 'height', height );
+	heightScaled = 0.2 * Math.sqrt( height );
 
-	const p1 = latLonToXYZ( 50 + heightCases - 0.5 * height, lat, lon, index );
-	const p2 = latLonToXYZ( 100, lat, lon, index );
+	let p1 = latLonToXYZ( 50 + ( offset + 0.5 * heightScaled ), lat, lon );
+	let p2 = latLonToXYZ( 100, lat, lon );
 
-	const geometry = new THREE.CylinderBufferGeometry( 0.45, 0.45 + heightRatio, height, 12, 1, true );
+	let geometry = new THREE.CylinderGeometry( radius, radius, heightScaled, 12, 1, true );
 	geometry.applyMatrix4( new THREE.Matrix4().makeRotationX( -0.5 * Math.PI ) );
-	const material = new THREE.MeshPhongMaterial( { color: "cyan", opacity: 0.8, side: 2, transparent: true } );
-	const mesh = new THREE.Mesh( geometry, material );
+	let material = new THREE.MeshPhongMaterial( { color: color, side: 2 } );
+	let mesh = new THREE.Mesh( geometry, material );
 	mesh.position.copy( p1 );
 	mesh.lookAt( p2 );
 	mesh.userData = index;
 
-	groupNew.add( mesh );
+	return mesh;
 
 }
 
 
 
-function latLonToXYZ ( radius, lat, lon, index ) {
+function latLonToXYZ ( radius, lat, lon ) {
 
 	const pi2 = Math.PI / 2;
 
@@ -347,40 +239,56 @@ function getStats () {
 	const europe = [ "Albania", "Andorra", "Armenia", "Austria", "Azerbaijan", "Belarus", "Belgium", "Bosnia and Herzegovina", "Bulgaria", "Croatia", "Cyprus", "Czechia", "Denmark", "EstoniaF", "Finland", "France", "Georgia", "Germany", "Greece", "Hungary", "Iceland", "Ireland", "Italy", "Kazakhstan", "Kosovo", "Latvia", "Liechtenstein", "Lithuania", "Luxembourg", "Malta", "Moldova", "Monaco", "Montenegro", "Netherlands", "North Macedonia", "Norway", "Poland", "Portugal", "Romania", "Russia", "San Marino", "Serbia", "Slovakia", "Slovenia", "Spain", "Sweden", "Switzerland", "Turkey", "Ukraine", "United Kingdom", "Holy See" ];
 
 	const globalCases = lines.reduce( ( sum, line ) => {
-		let cases = Number( line[ 3 ] );
-		cases = isNaN( cases ) ? 0 : cases;
+		let cases = Number( line[ 7 ] );
+		//cases = isNaN( cases ) ? 0 : cases;
 		return sum + cases;
 	}, 0 );
 
-	const globalCasesNew = lines.reduce( ( sum, line ) => {
-		let caseNew = Number( line[ 8 ] );
-		caseNew = isNaN( caseNew ) ? 0 : caseNew;
-		return sum + caseNew;
-	}, 0 );
-	//console.log( 'globalCasesNew', globalCasesNew );
+	const globalCasesNew = 999999; // lines.reduce( ( sum, line ) => {
+	// 	let caseNew = Number( line[ 8 ] );
+	// 	caseNew = isNaN( caseNew ) ? 0 : caseNew;
+	// 	return sum + caseNew;
+	// }, 0 );
+	console.log( 'globalCasesNew', globalCasesNew );
+
+	// const lat = Number( line[ 5 ] )
+	// //const lat = isNaN( l5 ) ? 0 : l5;
+
+	// const lon= Number( line[ 6 ] )
+	// //const lon = isNaN( l6 ) ? 0 : l6;
+
+	// const cases = Number( line[ 7 ] );
+	// //cases = isNaN( l7 ) ? 0 : l7;
+
+	// const deaths = Number( line[ 8 ] );
+	// //const deaths = isNaN( l8 ) ? 0 : l8;
 
+	// const recoveries = Number( line[ 9 ] );
+	// //const recoveries = isNaN( l9 ) ? 0 : l9;
 
-	const globalDeaths = lines.reduce( ( sum, line ) => sum + Number( line[ 4 ] ), 0 );
-	const globalRecoveries = lines.reduce( ( sum, line ) => sum + Number( line[ 5 ] ), 0 );
+	// 	const active = Number( line[ 10 ] );
+
+	const globalDeaths = lines.reduce( ( sum, line ) => sum + Number( line[ 8 ] ), 0 );
+	const globalRecoveries = lines.reduce( ( sum, line ) => sum + Number( line[ 9 ] ), 0 );
 	const globalDeathsToCases = 100 * ( globalDeaths / globalCases );
 
-	const chinaDeaths = lines.reduce( ( sum, line ) => sum += line[ 1 ] === "China" ? Number( line[ 4 ] ) : 0, 0 );
-	const chinaCasesNew = lines.reduce( ( sum, line ) => sum += line[ 1 ] === "China" ? line[ 8 ] : 0, 0 );
-	const chinaCases = lines.reduce( ( sum, line ) => sum += line[ 1 ] === "China" ? Number( line[ 3 ] ) : 0, 0 );
-	const chinaRecoveries = lines.reduce( ( sum, line ) => sum += line[ 1 ] === "China" ? Number( line[ 5 ] ) : 0, 0 );
+	const chinaDeaths = lines.reduce( ( sum, line ) => sum += line[ 1 ] === "China" ? Number( line[ 8 ] ) : 0, 0 );
+	const chinaCasesNew = 0; //lines.reduce( ( sum, line ) => sum += line[ 1 ] === "China" ? line[ 8 ] : 0, 0 );
+	const chinaCases = lines.reduce( ( sum, line ) => sum += line[ 1 ] === "China" ? Number( line[ 7 ] ) : 0, 0 );
+	const chinaRecoveries = lines.reduce( ( sum, line ) => sum += line[ 1 ] === "China" ? Number( line[ 9 ] ) : 0, 0 );
 	const chinaDeathsToCases = 100 * chinaDeaths / chinaCases;
 
-	const europeDeaths = lines.reduce( ( sum, line ) => sum += europe.includes( line[ 1 ] ) ?
-		Number( line[ 4 ] ) : 0, 0 );
-	const europeCasesNew = lines.reduce( ( sum, line ) => sum += europe.includes( line[ 1 ] ) ? line[ 8 ] : 0, 0 );
-	const europeCases = lines.reduce( ( sum, line ) => sum += europe.includes( line[ 1 ] ) ? Number( line[ 3 ] ) : 0, 0 );
-	const europeRecoveries = lines.reduce( ( sum, line ) => sum += europe.includes( line[ 1 ] ) ? Number( line[ 5 ] ) : 0, 0 );
+	const europeDeaths = lines.reduce( ( sum, line ) => sum += europe.includes( line[ 3 ] ) ?
+		Number( line[ 8 ] ) : 0, 0 );
+	const europeCasesNew = 0; //lines.reduce( ( sum, line ) => sum += europe.includes( line[ 3 ] ) ? line[ 8 ] : 0, 0 );
+	const europeCases = lines.reduce( ( sum, line ) => sum += europe.includes( line[ 3 ] ) ? Number( line[ 7 ] ) : 0, 0 );
+	const europeRecoveries = lines.reduce( ( sum, line ) => sum += europe.includes( line[ 3 ] ) ? Number( line[ 9 ] ) : 0, 0 );
 	const europeDeathsToCases = 100 * europeDeaths / europeCases;
 
-	const usaCases = lines.reduce( ( sum, line ) => sum += line[ 1 ] === "US" ? Number( line[ 3 ] ) : 0, 0 );
-	const usaCasesNew = lines.reduce( ( sum, line ) => sum += line[ 1 ] === "US" ? line[ 8 ] : 0, 0 );
-	const usaDeaths = lines.reduce( ( sum, line ) => sum += line[ 1 ] === "US" ? Number( line[ 4 ] ) : 0, 0 );
-	const usaRecoveries = lines.reduce( ( sum, line ) => sum += line[ 1 ] === "US" ? Number( line[ 5 ] ) : 0, 0 );
+	const usaCases = lines.reduce( ( sum, line ) => sum += line[ 3 ] === "US" ? Number( line[ 7 ] ) : 0, 0 );
+	const usaCasesNew = 0; //lines.reduce( ( sum, line ) => sum += line[ 3 ] === "US" ? line[ 8 ] : 0, 0 );
+	const usaDeaths = lines.reduce( ( sum, line ) => sum += line[ 3 ] === "US" ? Number( line[ 8 ] ) : 0, 0 );
+	const usaRecoveries = lines.reduce( ( sum, line ) => sum += line[ 3 ] === "US" ? Number( line[ 9 ] ) : 0, 0 );
 	const usaDeathsToCases = 100 * ( usaDeaths / usaCases );
 
 	const rowCases = globalCases - chinaCases - europeCases - usaCases;
@@ -510,9 +418,9 @@ function getStats () {
 
 
 
-function getSettings () {
+function getNotes () {
 
-	divSettings.innerHTML = `<details id=detSettings ontoggle=getSettingsContent() >
+	divSettings.innerHTML = `<details id=detSettings ontoggle=getNotesContent() >
 
 		<summary><b>notes & settings</b></summary>
 
@@ -524,7 +432,7 @@ function getSettings () {
 
 
 
-function getSettingsContent () {
+function getNotesContent () {
 
 
 	divNoteSettings.innerHTML =`
@@ -561,79 +469,21 @@ function getSettingsContent () {
 /////////
 
 
-function onLoadGeoJson ( xhr ) {
-
-	let response = xhr.target.response;
-
-	geoJson = JSON.parse( response );
-	//console.log( '', response );
-
-	drawThreeGeo( geoJson, 50, 'sphere', { color: "#888" } );
-
-}
-
-
-
-function addLights () {
-
-	scene.add( new THREE.AmbientLight( 0xaaaaaa ) );
-
-	const pointLight = new THREE.PointLight( 0xffffff, 1 );
-	pointLight.position.copy( camera.position );
-	camera.add( pointLight );
-
-	const lightDirectional = new THREE.DirectionalLight( 0xfffffff, 1 );
-	lightDirectional.position.set( -50, -200, 100 );
-	scene.add( lightDirectional );
-
-}
-
-
-
-function addGlobe ( size = 50 ) {
-
-	const geometry = new THREE.SphereGeometry( size, 50, 25 );
-	geometry.applyMatrix4( new THREE.Matrix4().makeRotationX( 0.5 * Math.PI ) );
-
-	const url = pathAssets + "images/earth_atmos_4096.jpg";
-	var texture = new THREE.TextureLoader().load( url );
-
-	const material = new THREE.MeshBasicMaterial( { color: 0xcce0ff, map: texture } );
-	const mesh = new THREE.Mesh( geometry, material );
-	mesh.name = "globe";
-	scene.add( mesh );
-
-}
-
-
-
-function addSkyBox () {
-
-	scene.background = new THREE.CubeTextureLoader()
-		.setPath( pathAssets + "cube-textures/" )
-		.load( [ 'f1.jpg', 'f2.jpg', 'f3.jpg', 'f4.jpg', 'f5.jpg', 'f6.jpg' ] );
-
-}
-
-
-/////////
-
-function toggleCases ( group = groupCases ) {
+function toggleBars ( group = groupCases ) {
 
 	if ( group === window.groupPrevious ) {
 
 		groupCases.visible = true;
-		groupNew.visible = true;
+		groupCasesNew.visible = true;
 		groupDeaths.visible = true;
-		groupRecoveries.visible = true;
+		groupDeathsNew.visible = true;
 
 	} else {
 
 		groupCases.visible = false;
-		groupNew.visible = false;
+		groupCasesNew.visible = false;
 		groupDeaths.visible = false;
-		groupRecoveries.visible = false;
-		//groupLines.visible = false;
+		groupDeathsNew.visible = false;
 
 		group.visible = true;
 
@@ -679,7 +529,11 @@ function onDocumentMouseMove ( event ) {
 
 			const index = intersected.userData;
 
-			const line = lines[ index ];
+			const line = linesCases[ index ];
+
+			const lineDeaths = linesDeaths[ index ];
+
+			dateIndex = selDate.selectedIndex > -1 ? selDate.selectedIndex : line.length - 1 ;
 
 			const country = line[ 1 ];
 
@@ -688,6 +542,7 @@ function onDocumentMouseMove ( event ) {
 
 			const tots = NCD.getDates( country, place );
 			//console.log( 'tots', tots );
+
 			const bars = NCD.bars;
 
 			const arr = geoJson.features.filter( feature => feature.properties.NAME === country );
@@ -715,7 +570,7 @@ function onDocumentMouseMove ( event ) {
 
 			}
 
-			const casesNew = line[ 8 ] ? line[ 8 ] : 0;
+			//const casesNew = line[ 8 ] ? line[ 8 ] : 0;
 
 			//detNCD.hidden = false;
 			divMessage.hidden = false;
@@ -724,17 +579,17 @@ function onDocumentMouseMove ( event ) {
 			divMessage.innerHTML = `<a href="https://github.com/CSSEGISandData/COVID-19/tree/master/csse_covid_19_data" target="_blank">JHU data</a> - updates daily<br>
 			${ ( line[ 0 ] ? "place: " + line[ 0 ] + "<br>" : "" ) }
 country: ${ country }<br>
-update: ${ line[ 2 ] }<br>
-cases: ${ Number( line[ 3 ] ).toLocaleString() }<br>
-cases today: <mark>${ Number( casesNew ).toLocaleString() }</mark><br>
-deaths: ${ Number( line[ 4 ] ).toLocaleString() }<br>
-recoveries: ${ Number( line[ 5 ] ).toLocaleString() }<br>
-deaths/cases: ${ ( 100 * ( Number( line[ 4 ] ) / Number( line[ 3 ] ) ) ).toLocaleString() }%<br>
-deaths/population: ${ d2Pop }<br>
-cases/(gdp/pop): ${ d2Gdp }<br>
+cases: ${ Number( line[ dateIndex ] ).toLocaleString() }<br>
+cases today: <mark>${ ( line[ dateIndex ] - line[ dateIndex -1 ] ).toLocaleString() }</mark><br>
+deaths: ${ Number( lineDeaths[ dateIndex ] ).toLocaleString() }<br>
+deaths new: ${  ( lineDeaths[ dateIndex ] - lineDeaths[ dateIndex -1 ] ).toLocaleString() }<br>
+deaths/cases: ${ ( 100 * ( Number( lineDeaths[ dateIndex ] ) / Number( line[ dateIndex ] ) ) ).toLocaleString() }%<br>
 <hr>
 <a href="https://mmediagroup.fr/covid-19" target="_blank">MMG data</a> - updates hourly<br>
 ${ tots }
+deaths/population: ${ d2Pop }<br>
+cases/(gdp/pop): ${ d2Gdp }<br>
+<b>New cases per day</b><br>
 ${ bars }
 `;
 
diff --git a/stable/tmp/js/spk-speak.js b/stable/tmp/js/spk-speak.js
new file mode 100644
index 0000000..33eeee7
--- /dev/null
+++ b/stable/tmp/js/spk-speak.js
@@ -0,0 +1,27 @@
+
+var synth = window.speechSynthesis;
+var voices = [];
+
+
+function sayThis( text = "Hello world! My fingers are crossed. I hope you will be here tomorrow") {
+
+	synth.cancel();
+
+	const utterThis = new SpeechSynthesisUtterance( text );
+
+	voices = voices.length ? voices : window.speechSynthesis.getVoices();
+
+	if ( voices.length > 0 ) {
+
+		const voice = voices.find( item => item.name === "Google UK English Female" );
+
+		const theDefault =  voices.find( item => item.default === true );
+
+		utterThis.voice = voice ? voice : theDefault;
+
+	}
+
+	synth.speak( utterThis );
+
+}
+
diff --git a/stable/tmp/js/style.css b/stable/tmp/js/style.css
new file mode 100644
index 0000000..837a70b
--- /dev/null
+++ b/stable/tmp/js/style.css
@@ -0,0 +1,105 @@
+/* Copyright 2020 Spider contributors. MIT License */
+
+:root {
+	font: 100% monospace;
+}
+
+* {
+	box-sizing: border-box;
+}
+
+body {
+	margin: 0;
+	overflow: hidden;
+}
+
+a {
+	color: crimson;
+	text-decoration: none;
+}
+a:hover, a:focus, a:active {
+	background-color: yellow;
+	color: #aaa;
+	text-decoration: underline;
+}
+
+button {
+	background-color: #ddd;
+	border: none;
+	border-radius: 2px;
+	color: #322;
+	cursor: pointer;
+	padding: 3px 5px;
+}
+button:hover {
+	background: #ccc;
+	color: #fff
+}
+
+input[ type=range] {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	background-color: #ddd;
+	border-radius: 2px;
+	height: 1.7ch;
+	width: 100%;
+}
+input[ type=range]::-moz-range-thumb {
+	background-color: #888;
+	border-radius: 2;
+	width: 10px;
+}
+input[ type=range]::-webkit-slider-thumb {
+	-webkit-appearance: none;
+	background-color: #888;
+	height: 18px;
+	width: 10px;
+}
+
+.help {
+	float: right;
+}
+
+.couponcode {
+	float: right
+}
+
+.couponcode:hover>.coupontooltip {
+	display: block;
+}
+
+.coupontooltip {
+	border: 0.8ch double #888;
+	background: white;
+	display: none;
+	font: 100% monospace;
+	font-size: 1rem;
+	font-weight: normal;
+	/* unset summary settings */
+	margin-left: -20ch;
+	padding: 10px;
+	position: absolute;
+	z-index: 1000;
+}
+
+#navMenu {
+	margin: 0 20px;
+	max-height: 100vh;
+	max-width: 18rem;
+	overflow: auto;
+	position: absolute;
+}
+
+#divMessage {
+	background-color: #eee;
+	border-radius: 1rem;
+	left: 5vw;
+	padding: 1rem;
+	position: absolute;
+	top: 50vh;
+	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.9), 0 6px 20px 0 rgba(0, 0, 0, 0.6);
+}
+
+.navLegend { border-radius:5px; padding:1ch; }
+
+.ftrButton { background-color:#eee; border-radius:5px; font-size:200%; margin:auto; }
\ No newline at end of file
diff --git a/stable/tmp/js/thr-three.js b/stable/tmp/js/thr-three.js
index 1d77707..e4ff736 100644
--- a/stable/tmp/js/thr-three.js
+++ b/stable/tmp/js/thr-three.js
@@ -47,7 +47,7 @@ THR.init = function () {
 	window.addEventListener( 'keydown', THR.onStart );
 
 	renderer.domElement.addEventListener( 'mousedown', THR.onStart );
-	renderer.domElement.addEventListener( 'mousemove', THR.onStart );
+	//renderer.domElement.addEventListener( 'mousemove', THR.onStart );
 	renderer.domElement.addEventListener( 'wheel', THR.onStart );
 
 	renderer.domElement.addEventListener( 'touchstart', THR.onStart );
@@ -75,11 +75,11 @@ THR.onLoad = function ( event ) {
 
 THR.onStart = function () {
 
-	clearInterval( THR.suspendTimer );
+	//clearInterval( THR.suspendTimer );
 
 	THR.controls.autoRotate = false;
 
-	THR.suspendTimer = setTimeout( () => { THR.controls.autoRotate = true; }, 5000 );
+	//THR.suspendTimer = setTimeout( () => { THR.controls.autoRotate = true; }, 5000 );
 
 };
 
diff --git a/stable/tmp/style.css b/stable/tmp/style.css
index 54d3322..837a70b 100644
--- a/stable/tmp/style.css
+++ b/stable/tmp/style.css
@@ -102,4 +102,4 @@ input[ type=range]::-webkit-slider-thumb {
 
 .navLegend { border-radius:5px; padding:1ch; }
 
-.ftrButton { background-color:#eee; border-radius:5px; font-size:300%; margin:auto; }
\ No newline at end of file
+.ftrButton { background-color:#eee; border-radius:5px; font-size:200%; margin:auto; }
\ No newline at end of file