@explorable-viz/fluid 0.7.94 → 0.7.96

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@explorable-viz/fluid",
-  "version": "0.7.94",
+  "version": "0.7.96",
   "description": "Fluid is an experimental programming language which integrates a bidirectional dynamic analysis to connect outputs to data sources in a fine-grained way. Fluid is implemented in PureScript and runs in the browser.",
   "main": "index.js",
   "repository": {
@@ -30,6 +30,7 @@
   "scripts": {
     "benchmark": "./script/benchmark.sh",
     "build": "./script/build.sh",
+    "build-prod": "BUILD_ENV=prod ./script/build.sh",
     "build-test": "./script/build-test.sh",
     "bundle-fluid": "./script/bundle-fluid.sh",
     "bundle-serve": "sh -c './script/bundle-website.sh -w \"$@\" && ./script/serve.sh \"$1\"' _",
@@ -82,7 +83,8 @@
   "bin": {
     "fluid": "./dist/fluid/shared/fluid.mjs",
     "website-test": "./dist/fluid/shared/website-test.js",
-    "install-article": "./script/install-article.sh"
+    "install-article": "./script/install-article.sh",
+    "bundle-website": "./script/bundle-website.sh"
   },
   "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }

package/script/bundle-website.sh

@@ -9,8 +9,7 @@ while getopts "l" opt; do
    esac
 done
 
-shift $((OPTIND - 1))
-WEBSITE="${WEBSITE:-$1}"
+WEBSITE="$1"
 if [ -z "$WEBSITE" ]; then
    echo "Usage: $0 [-l] <website-name>" >&2
    exit 1

package/website/article/convolution/index.html

@@ -5,7 +5,7 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-   <title>Fluid: Data-Linked Visualisations</title>
+   <title>Fluid Article Examples</title>
    <link href="../css/styles.css" rel="stylesheet" type="text/css">
    <link href="../css/view-styles.css" rel="stylesheet" type="text/css">
    <script src="https://kit.fontawesome.com/20cf8b42c0.js" crossorigin="anonymous"></script>

package/website/article/fluid/1805.02474v1-10.fld

@@ -0,0 +1,33 @@
+Paragraph [
+	Text "As shown in Table 3, BiLSTM gives significantly  ",
+	Text (trendWord (findWithKey' "model" "BiLSTM" tableData).acc (findWithKey' "model" "LSTM" tableData).acc betterWorse),
+	Text " accuracies compared to uni-directional LSTM2, with the training time per epoch ",
+	Text (trendWord (findWithKey' "model" "BiLSTM" tableData).time_s (findWithKey' "model" "LSTM" tableData).time_s growShrink),
+	Text " from ",
+	Text (numToStr (findWithKey' "model" "LSTM" tableData).time_s),
+	Text " seconds to ",
+	Text (numToStr (findWithKey' "model" "BiLSTM" tableData).time_s),
+	Text " seconds. Stacking 2 layers of BiLSTM gives further improvements to development results, with a  ",
+	Text (trendWord (findWithKey' "model" "2 stacked BiLSTM" tableData).time_s (findWithKey' "model" "BiLSTM" tableData).time_s smallerHigher),
+	Text " time of ",
+	Text (numToStr (findWithKey' "model" "2 stacked BiLSTM" tableData).time_s),
+	Text " seconds. 3 layers of stacked BiLSTM does not further improve the results. In contrast, S-LSTM gives a development result of ",
+	Text (numToStr (findWithKey' "model" "S-LSTM" tableData).acc),
+	Text "%, which is significantly better compared to 2-layer stacked BiLSTM, with a ",
+	Text (trendWord (findWithKey' "model" "S-LSTM" tableData).param (findWithKey' "model" "2 stacked BiLSTM" tableData).param smallerHigher),
+	Text " number of model parameters and a ",
+	Text (trendWord (findWithKey' "model" "S-LSTM" tableData).time_s (findWithKey' "model" "2 stacked BiLSTM" tableData).time_s shorterLonger),
+	Text "  time of ",
+	Text (numToStr (findWithKey' "model" "S-LSTM" tableData).time_s),
+	Text " seconds.  We additionally make comparisons with stacked CNNs and hierarchical attention (Vaswani et al., 2017), shown in Table 3 (the CNN and Transformer rows), ",
+	Text ((findWithKey' "time_s" (minimum (map (fun y -> y.time_s) tableData)) tableData).model),
+	Text " is the most efficient among all models compared, with the  ",
+	Text (let pos = findIndex "model" "CNN" (insertionSort cmpParam tableData) in rankLabel "smallest" pos),
+	Text " model size. On the other hand, a 3-layer stacked CNN gives an accuracy of ",
+	Text (numToStr (fromSome (findWithKey "model" "3 stacked CNN" tableData)).acc),
+	Text "%, which is also the ",
+	Text (let pos = findIndex "model" "CNN" (insertionSort cmpTime tableData) in rankLabel "lowest" pos),
+	Text " compared with BiLSTM, hierarchical attention and S-LSTM. The best performance of hierarchical attention is between single-layer and two-layer BiLSTMs in terms of both accuracy and efficiency. S-LSTM gives significantly better accuracies compared with both CNN and hierarchical attention. Table 3 additionally shows the results of BiLSTM and S-LSTM when external attention is used  Attention leads to improved accuracies for both BiLSTM and S-LSTM in classification, with S-LSTM still ",
+	Text (trendWord (findWithKey' "model" "S-LSTM" tableData).acc (findWithKey' "model" "BiLSTM" tableData).acc underOverPerforming),
+	Text " BiLSTM significantly."
+]

package/website/article/fluid/convolution.fld

@@ -14,6 +14,7 @@ let convolve image kernel =
         (half_i, half_j) = (i `quot` 2, j `quot` 2);
         area = i * j
     in [| let interMatrix =
+              """average these to compute value of element (${m'},${n'})"""
               [| let x = m' + i' - 1 - half_i;
                      y = n' + j' - 1 - half_j in
                 lookup x y image * kernel!(i', j')

package/website/article/index.html

@@ -4,7 +4,7 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-   <title>Fluid Article Examples</title>
+   <title>ESOP 2025 Submission 89 Anonymised Web Demo</title>
    <link href="css/styles.css" rel="stylesheet" type="text/css">
    <script src="https://kit.fontawesome.com/20cf8b42c0.js" crossorigin="anonymous"></script>
 </head>

package/website/article/transparent-text/index.html

@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <link rel="icon" href="/favicon.ico" type="image/x-icon">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Fluid: scigen-multiple-replace</title>
+    <link href="../css/styles.css" rel="stylesheet" type="text/css">
+    <link href="../css/view-styles.css" rel="stylesheet" type="text/css">
+    <script src="https://kit.fontawesome.com/20cf8b42c0.js" crossorigin="anonymous"></script>
+    <script src="../shared/util.js"></script>
+    <style>
+        .data-pane {
+            max-width: 400px;
+        }
+    </style>
+</head>
+<body>
+<div id="grid" class="grid-container data-pane-hidden">
+    <div></div>
+    <div></div>
+    <div class="flex-left-align">
+        <h3>1805.02474v1-10</h3>
+        <p>---</p>
+    </div>
+
+    <div class="flex-right-align data-pane">
+        <div id="fig-input"></div>
+    </div>
+    <div onclick="toggleDataPane('grid')">
+        <i class="data-pane-button toggle-button fa-solid fa-eye-slash"></i>
+    </div>
+    <div id="fig">
+        <div class="fig-loading">loading figure(s)</div>
+    </div>
+</div>
+
+<script type="module">
+    import { drawCode, loadFigure } from "../shared/load-figure.js";
+    loadFigure("spec.json")();
+</script>
+</body>
+</html>
+

package/website/article/transparent-text/spec.json

@@ -0,0 +1,9 @@
+{
+  "imports" : [ "scigen", "util" ],
+  "file" : "1805.02474v1-10",
+  "inputs" : [ "tableData" ],
+  "datasets" : [ [ "tableData", "dataset/scigen/1805.02474v1-10" ] ],
+  "fluidSrcPath" : [ "../fluid" ],
+  "query": false,
+  "linking": true
+}