diff --git a/src/components/Visualization.svelte b/src/components/Visualization.svelte index 8865020..ea21d12 100644 --- a/src/components/Visualization.svelte +++ b/src/components/Visualization.svelte @@ -115,7 +115,8 @@ data: await loadGoogleTrendsData('disinformation'), selected: false } - ]; + ] + .filter((d) => d.data.length > 0); preloadImages(data); diff --git a/src/utils/loadGoogleTrendsData.js b/src/utils/loadGoogleTrendsData.js index e38f656..edc62f0 100644 --- a/src/utils/loadGoogleTrendsData.js +++ b/src/utils/loadGoogleTrendsData.js @@ -1,13 +1,17 @@ import { googleTrendsApiPath } from '../inputs/dataPaths'; const loadGoogleTrendsData = async (keyword) => { - const response = await fetch(`${googleTrendsApiPath}${encodeURIComponent(keyword)}`); - const data = (await response.json()).map((d) => ({ - ...d, - date: new Date(d.time * 1000) - })); -console.log(data) - return(data.filter((d) => !d.isPartial)); + let data = []; + try { + const response = await fetch(`${googleTrendsApiPath}${encodeURIComponent(keyword)}`); + data = (await response.json()).map((d) => ({ + ...d, + date: new Date(d.time * 1000) + })) + .filter((d) => !d.isPartial); + } finally { + return(data); + } }; export default loadGoogleTrendsData;