The interactive graphs has to be filtered, due to the large amount of
connections, making a full interactive graph, requires too much
processing power.
Filter by region:
{#each regionFilters as filter}
{/each}
Country
ISO3
From buttons
Towards buttons
{#each iso3 as country}
{#if (getCountryName(country)
.toLowerCase()
.includes(searchFilter.toLowerCase()) || country
.toLowerCase()
.includes(searchFilter.toLowerCase())) && (!regionFilters.some((r) => r.selected) || regionFilters.find((r) => r.region === countryList.findByIso3(country)?.continent)?.selected)}
{getCountryName(country)}
{country}
selectCountry(country, false)}
class="btn btn-outline btn-primary">From
selectCountry(country, true)}
class="btn btn-outline btn-secondary">Towards
{/if}
{/each}