@explorable-viz/fluid 0.10.2 → 0.10.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@explorable-viz/fluid",
-  "version": "0.10.2",
+  "version": "0.10.4",
   "description": "A functional programming language which integrates a bidirectional dynamic analysis, connecting outputs to data sources in a fine-grained way. Fluid is implemented in PureScript and runs in the browser.",
   "main": "index.js",
   "repository": {

package/website/article/css/styles.css

@@ -1,41 +1,9 @@
 @charset "UTF-8";
 @import url("https://fonts.googleapis.com/css2?family=Fira+Code&display=swap");
 @import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;1,300&display=swap');
 
-@font-face {
-   font-family: 'OdiseanTech';
-   src: url('/font/OdiseanTech.woff2') format('woff2');
-   font-weight: normal;
-   font-style: normal;
-}
-
-@font-face {
-   font-family: 'GraphikLight';
-   src: url('/font/GraphikLight.woff2') format('woff2');
-   font-weight: 300;
-   font-style: normal;
-}
-
-@font-face {
-   font-family: 'GraphikLightItalic';
-   src: url('/font/GraphikLightItalic.woff2') format('woff2');
-   font-weight: 300;
-   font-style: italic;
-}
-
-@font-face {
-   font-family: 'GraphikMedium';
-   src: url('/font/GraphikMedium.woff2') format('woff2');
-   font-weight: 500;
-   font-style: normal;
-}
-
-@font-face {
-   font-family: 'GraphikMediumItalic';
-   src: url('/font/GraphikMediumItalic.woff2') format('woff2');
-   font-weight: 500;
-   font-style: italic;
-}
+/* Dropped use of Graphik as seems to have a bug at font-weight 300 */
 
 .fluid-logo {
    margin-bottom: 0;
@@ -78,7 +46,7 @@ code {
 
 body {
    font-size: 12pt;
-   font-family: "GraphikLight", sans-serif;
+   font-family: "Roboto", sans-serif;
    font-weight: 300;
    line-height: 1.25;
    padding: 0;

package/website/article/css/view-styles.css

@@ -134,7 +134,7 @@ td.table-cell {
 
 .matrix-cell-text {
    font-size: 10pt;
-   font-family: "GraphikLight", sans-serif;
+   font-family: "Roboto", sans-serif;
    color: rgb(205, 205, 205)
 }
 
@@ -193,10 +193,6 @@ td.table-cell {
    font-size: 10pt;
 }
 
-.para-text span::after {
-  content: " ";
-}
-
 .bar {
    stroke-width: 1.5;
 }

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

@@ -17,7 +17,7 @@ def mostEfficient:
    accuracies compared to uni-directional LSTM2, with the training time per epoch
    ${trendWord(model_BiLSTM.time_s, model_LSTM.time_s, growShrink)} from
    ${model_LSTM.time_s} seconds to ${model_BiLSTM.time_s} seconds.
-   Stacking 2 layers of BiLSTM gives ${trendWord(model_2_stacked_BiLSTM.acc, model_BiLSTM.acc, improve)}
+   Stacking 2 layers of BiLSTM gives ${trendWord(model_2_stacked_BiLSTM.acc, model_BiLSTM.acc, improvements)}
    to development results, with a ${trendWord(model_2_stacked_BiLSTM.time_s, model_BiLSTM.time_s, smallerHigher)}
    time of ${model_2_stacked_BiLSTM.time_s} seconds. 3 layers of stacked BiLSTM
    ${trendWord(model_3_stacked_BiLSTM.acc, model_BiLSTM.acc, improve)} the results.
@@ -34,7 +34,7 @@ def mostEfficient:
    among all models compared, with the
    ${rankLabel("smallest", findIndex("model", "CNN", insertionSort(lambda a, b: a.param < b.param, tableData)))}
    model size. On the other hand, a 3-layer stacked CNN gives an accuracy of
-   ${model_3_stacked_CNN.acc}%, which is also the
+   ${numToStr(model_3_stacked_CNN.acc)}%, which is also the
    ${rankLabel("lowest", findIndex("model", "CNN", insertionSort(lambda a, b: a.time_s < b.time_s, tableData)))}
    compared with BiLSTM, hierarchical attention and S-LSTM. The
    ${rankLabel("best", findIndex("model", "S-LSTM+Attention", insertionSort(lambda a, b: b.acc < a.acc, tableData)))}

package/website/article/fluid/scigen.fld

@@ -37,6 +37,10 @@ def improve(EQ): "does not further improve"
 def improve(LT): "does not further improve"
 def improve(GT): "further improves"
 
+def improvements(EQ): "no further improvements"
+def improvements(LT): "no further improvements"
+def improvements(GT): "further improvements"
+
 def shorterLonger(EQ): "equal"
 def shorterLonger(LT): "shorter"
 def shorterLonger(GT): "longer"

package/website/article/renewables-linked/index.html

@@ -6,10 +6,10 @@
    <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>
-   <link href="/css/styles.css" rel="stylesheet" type="text/css">
-   <link href="/css/view-styles.css" rel="stylesheet" type="text/css">
+   <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>
+   <script src="../shared/util.js"></script>
 </head>
 <body class="standalone">
 <div id="grid" class="grid-container data-pane-hidden double-size">

package/website/article/scigen-1805.02474v1-10/index.html

@@ -14,6 +14,10 @@
         .data-pane {
             max-width: 400px;
         }
+
+        :root {
+            --text-pane-width: 530px;
+        }
     </style>
 </head>
 <body>

package/website/article/test.mjs

@@ -7,9 +7,6 @@ export const main = async () => {
       page => waitFor("#fig-output > svg:nth-child(1)")(page),
       page => waitFor("#fig-output > svg:nth-child(2)")(page),
    ]))()
-   await runTests(testURL("renewables-linked")([
-      page => waitFor("#fig-output > svg:nth-child(1)")(page),
-      page => waitFor("#fig-output > svg:nth-child(2)")(page),
-   ]))()
+   await runTests(testURL("renewables-linked")([page => waitFor("#fig-output > svg:nth-child(1)")(page)]))()
    await runTests(testURL("scigen-1805.02474v1-10")([ page => waitFor("div#fig-output")(page) ]))()
 }