Move us-county-population-2020.json and us-unemployment-2026.csv example data files to fix Cloudflare build (function script_too_large)

Author: techniq

packages/layerchart/src/routes/docs/examples/BubbleMap/+page.svelte

@@ -14,15 +14,13 @@
   import Tooltip from '$lib/components/Tooltip.svelte';
   import TooltipItem from '$lib/components/TooltipItem.svelte';
 
-  import _population from '../_data/geo/us-county-population-2020.json';
-
   export let data;
   const states = feature(data.geojson, data.geojson.objects.states);
   const counties = feature(data.geojson, data.geojson.objects.counties);
 
   const statesById = index(states.features, (d) => d.id);
 
-  const population = _population.map((d) => {
+  const population = data.population.map((d) => {
     return {
       fips: d.state + d.county,
       state: statesById.get(d.state).properties.name,

packages/layerchart/src/routes/docs/examples/BubbleMap/+page.ts

@@ -8,6 +8,9 @@ export async function load({ fetch }) {
     geojson: await fetch('https://cdn.jsdelivr.net/npm/us-atlas@3/counties-albers-10m.json').then(
       (r) => r.json()
     ),
+    population: await fetch('/data/examples/geo/us-county-population-2020.json').then((r) =>
+      r.json()
+    ),
     meta: {
       pageSource,
     },

packages/layerchart/src/routes/docs/examples/Choropleth/+page.svelte

@@ -13,15 +13,13 @@
   import Tooltip from '$lib/components/Tooltip.svelte';
   import TooltipItem from '$lib/components/TooltipItem.svelte';
 
-  import _population from '../_data/geo/us-county-population-2020.json';
-
   export let data;
   const states = feature(data.geojson, data.geojson.objects.states);
   const counties = feature(data.geojson, data.geojson.objects.counties);
 
   const statesById = index(states.features, (d) => d.id);
 
-  const population = _population.map((d) => {
+  const population = data.population.map((d) => {
     return {
       id: d.state + d.county,
       state: statesById.get(d.state).properties.name,

packages/layerchart/src/routes/docs/examples/Choropleth/+page.ts

@@ -7,6 +7,9 @@ export async function load({ fetch }) {
     geojson: await fetch('https://cdn.jsdelivr.net/npm/us-atlas@3/counties-albers-10m.json').then(
       (r) => r.json()
     ),
+    population: await fetch('/data/examples/geo/us-county-population-2020.json').then((r) =>
+      r.json()
+    ),
     meta: {
       pageSource,
     },

packages/layerchart/src/routes/docs/examples/SpikeMap/+page.svelte

@@ -13,15 +13,13 @@
   import Tooltip from '$lib/components/Tooltip.svelte';
   import TooltipItem from '$lib/components/TooltipItem.svelte';
 
-  import _population from '../_data/geo/us-county-population-2020.json';
-
   export let data;
   const states = feature(data.geojson, data.geojson.objects.states);
   const counties = feature(data.geojson, data.geojson.objects.counties);
 
   const statesById = index(states.features, (d) => d.id);
 
-  const population = _population.map((d) => {
+  const population = data.population.map((d) => {
     return {
       fips: d.state + d.county,
       state: statesById.get(d.state).properties.name,

packages/layerchart/src/routes/docs/examples/SpikeMap/+page.ts

@@ -8,6 +8,9 @@ export async function load({ fetch }) {
     geojson: await fetch('https://cdn.jsdelivr.net/npm/us-atlas@3/counties-albers-10m.json').then(
       (r) => r.json()
     ),
+    population: await fetch('/data/examples/geo/us-county-population-2020.json').then((r) =>
+      r.json()
+    ),
     meta: {
       pageSource,
     },