diff --git a/frontend/src/lib/stories/friends-funnier-than-you-are/components/BranchingNetwork.svelte b/frontend/src/lib/stories/friends-funnier-than-you-are/components/BranchingNetwork.svelte
index de7f071..2ccb2db 100644
--- a/frontend/src/lib/stories/friends-funnier-than-you-are/components/BranchingNetwork.svelte
+++ b/frontend/src/lib/stories/friends-funnier-than-you-are/components/BranchingNetwork.svelte
@@ -278,6 +278,9 @@
setTimeout(animateTreesIn, 100); // Small delay to let DOM update
}
+ // Generate forest data once on component initialization
+ generateForest();
+
// Set up intersection observer
onMount(() => {
const observer = new IntersectionObserver((entries) => {
@@ -288,22 +291,19 @@
animateTreesIn();
}
});
- }, {
+ }, {
threshold: 0.3,
rootMargin: '50px'
});
-
+
if (container) {
observer.observe(container);
}
-
+
return () => {
if (container) observer.unobserve(container);
};
});
-
- // Generate forest data once on component initialization
- generateForest();
-
+ Text rendering (html, markdown, math) delegated to shared renderTextContent snippet. -->
{#snippet renderContent(contentArray)}
{#each contentArray as item}
{#if item.type === "component"}
@@ -60,7 +58,7 @@ let { story, data } = $props();
{/if}
{:else}
- {@render renderTextContent(item)}
+ {@render renderTextContent(item)}
{/if}
{/each}
{/snippet}
@@ -73,12 +71,12 @@ let { story, data } = $props();
{data.ModelSectionTitle}
{@render renderContent(data.model)}
-
+
{data.ResultSectionTitle}
{@render renderContent(data.result)}
-
+
{data.ConclusionSectionTitle}
{@render renderContent(data.conclusion)}
@@ -89,17 +87,14 @@ let { story, data } = $props();
\ No newline at end of file
+
diff --git a/frontend/src/lib/stories/friends-funnier-than-you-are/components/InteractiveFig1.svelte b/frontend/src/lib/stories/friends-funnier-than-you-are/components/InteractiveFig1.svelte
index a111d03..90986f2 100644
--- a/frontend/src/lib/stories/friends-funnier-than-you-are/components/InteractiveFig1.svelte
+++ b/frontend/src/lib/stories/friends-funnier-than-you-are/components/InteractiveFig1.svelte
@@ -7,7 +7,7 @@
const p = 0.6; // Probability of being receptive
let regenerateFlag = $state(0);
-
+
let treeData = $derived.by(() => {
regenerateFlag;
diff --git a/frontend/src/lib/stories/friends-funnier-than-you-are/components/LogLogPlot.svelte b/frontend/src/lib/stories/friends-funnier-than-you-are/components/LogLogPlot.svelte
index 5a43fe3..f641db2 100644
--- a/frontend/src/lib/stories/friends-funnier-than-you-are/components/LogLogPlot.svelte
+++ b/frontend/src/lib/stories/friends-funnier-than-you-are/components/LogLogPlot.svelte
@@ -83,26 +83,10 @@
let tau1 = $derived(getTauFromP(p1));
let tau2 = $derived(getTauFromP(p2));
- // Data processing with subsampling
+ // Data is pre-subsampled in the JSON as [index, value] pairs
function getData(dataset) {
if (!dataset) return [];
- const fullData = dataset.data
- .slice(0, 10000)
- .map((value, index) => ({ value, index }))
- .filter(d => d.value > 1e-10 && d.value < 1e5);
-
- const sampledData = [];
- for (let i = 0; i < fullData.length; i++) {
- const s = i + 1;
- if (s < 50) {
- sampledData.push(fullData[i]);
- } else if (s < 
@@ -36,9 +34,9 @@ let { story, data } = $props();