@explorable-viz/fluid 0.9.9 → 0.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/fluid/fluid/lib/pi.fld +1 -0
- package/dist/fluid/fluid/lib/prelude.fld +213 -251
- package/dist/fluid/shared/fluid.mjs +4585 -1030
- package/dist/fluid/shared/load-figure.js +4601 -7056
- package/dist/fluid/shared/webtest-lib.js +3958 -3958
- package/package.json +1 -1
- package/website/article/convolution/index.html +10 -3
- package/website/article/css/styles.css +5 -5
- package/website/article/fluid/1805.02474v1-10.fld +46 -0
- package/website/article/fluid/bar-chart-line-chart.fld +37 -0
- package/website/article/fluid/convolution/emboss.fld +3 -5
- package/website/article/fluid/convolution/testImage.fld +9 -7
- package/website/article/fluid/convolution.fld +25 -23
- package/website/article/fluid/dataset/renewable-new.json +91 -0
- package/website/article/fluid/dataset/scigen/1805.02474v1-10.json +17 -0
- package/website/article/fluid/dataset/scigen/_1805_02474v1_10.fld +2 -0
- package/website/article/fluid/methane.fld +1 -1
- package/website/article/fluid/moving-average.fld +22 -19
- package/website/article/fluid/non-renewables.fld +29 -21
- package/website/article/fluid/nonRenewables.fld +5 -2
- package/website/article/fluid/renewables.fld +1 -0
- package/website/article/fluid/scigen.fld +48 -0
- package/website/article/fluid/util.fld +39 -0
- package/website/article/index.html +3 -1
- package/website/article/moving-average/index.html +8 -2
- package/website/article/non-renewables/index.html +8 -2
- package/website/article/renewables-linked/index.html +60 -0
- package/website/article/scigen-1805.02474v1-10/index.html +50 -0
- package/website/article/test.mjs +5 -0
- package/website/article/convolution/spec.json +0 -6
- package/website/article/moving-average/spec.json +0 -6
- package/website/article/non-renewables/spec.json +0 -6
@@ -0,0 +1,60 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html lang="en">
|
3
|
+
<head>
|
4
|
+
<link rel="icon" href="/favicon.ico" type="image/x-icon">
|
5
|
+
<meta charset="UTF-8">
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
7
|
+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
8
|
+
<title>Fluid: Data-Linked Visualisations</title>
|
9
|
+
<link href="/css/styles.css" rel="stylesheet" type="text/css">
|
10
|
+
<link href="/css/view-styles.css" rel="stylesheet" type="text/css">
|
11
|
+
<script src="https://kit.fontawesome.com/20cf8b42c0.js" crossorigin="anonymous"></script>
|
12
|
+
<script src="/shared/util.js"></script>
|
13
|
+
</head>
|
14
|
+
<body class="standalone">
|
15
|
+
<div id="grid" class="grid-container data-pane-hidden double-size">
|
16
|
+
<div></div>
|
17
|
+
<div></div>
|
18
|
+
<div>
|
19
|
+
<h3>Non-renewables energy output</h3>
|
20
|
+
<p>Click the grey toggle and mouse over the bars.
|
21
|
+
<br>
|
22
|
+
<b>Clicking</b> makes a selection “persistent”.</p>
|
23
|
+
</div>
|
24
|
+
|
25
|
+
<div id="fig-data-pane" class="flex-right-align data-pane">
|
26
|
+
<div id="fig-input" class="data-pane-column"></div>
|
27
|
+
</div>
|
28
|
+
<div onclick="toggleDataPane('grid')">
|
29
|
+
<i class="data-pane-button toggle-button fa-solid fa-eye-slash"></i>
|
30
|
+
</div>
|
31
|
+
<div class="flex-left-align">
|
32
|
+
<div id="fig">
|
33
|
+
<div class="fig-loading">loading figure(s)</div>
|
34
|
+
</div>
|
35
|
+
<p>Source code:</p>
|
36
|
+
<details>
|
37
|
+
<summary>bar-chart-line-chart.fld</summary>
|
38
|
+
<div id="codemirror-bar-chart-line-chart"></div>
|
39
|
+
</details>
|
40
|
+
<details>
|
41
|
+
<summary>renewables.fld</summary>
|
42
|
+
<div id="codemirror-renewables"></div>
|
43
|
+
</details>
|
44
|
+
</div>
|
45
|
+
</div>
|
46
|
+
|
47
|
+
<script type="module">
|
48
|
+
import { loadFigureSpec, drawCode } from "/shared/load-figure.js"
|
49
|
+
const jsonSpec = {
|
50
|
+
"fluidSrcPath": ["../fluid"],
|
51
|
+
"inputs": ["renewables"],
|
52
|
+
"query": false,
|
53
|
+
"linking": true
|
54
|
+
}
|
55
|
+
|
56
|
+
drawCode("../fluid/bar-chart-line-chart.fld")()
|
57
|
+
loadFigureSpec(jsonSpec)("../fluid/bar-chart-line-chart.fld")()
|
58
|
+
</script>
|
59
|
+
</body>
|
60
|
+
</html>
|
@@ -0,0 +1,50 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html lang="en">
|
3
|
+
<head>
|
4
|
+
<link rel="icon" href="/favicon.ico" type="image/x-icon">
|
5
|
+
<meta charset="UTF-8">
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
7
|
+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
8
|
+
<title>Fluid: scigen-multiple-replace</title>
|
9
|
+
<link href="../css/styles.css" rel="stylesheet" type="text/css">
|
10
|
+
<link href="../css/view-styles.css" rel="stylesheet" type="text/css">
|
11
|
+
<script src="../shared/util.js"></script>
|
12
|
+
<script src="https://kit.fontawesome.com/20cf8b42c0.js" crossorigin="anonymous"></script>
|
13
|
+
<style>
|
14
|
+
.data-pane {
|
15
|
+
max-width: 400px;
|
16
|
+
}
|
17
|
+
</style>
|
18
|
+
</head>
|
19
|
+
<body>
|
20
|
+
<div id="grid" class="grid-container data-pane-hidden">
|
21
|
+
<div></div>
|
22
|
+
<div></div>
|
23
|
+
<div class="flex-left-align">
|
24
|
+
<h3>1805.02474v1-10</h3>
|
25
|
+
</div>
|
26
|
+
|
27
|
+
<div class="flex-right-align data-pane">
|
28
|
+
<div id="fig-input"></div>
|
29
|
+
</div>
|
30
|
+
<div onclick="toggleDataPane('grid')">
|
31
|
+
<i class="data-pane-button toggle-button fa-solid fa-eye-slash"></i>
|
32
|
+
</div>
|
33
|
+
<div id="fig">
|
34
|
+
<div class="fig-loading">loading figure(s)</div>
|
35
|
+
</div>
|
36
|
+
</div>
|
37
|
+
|
38
|
+
<script type="module">
|
39
|
+
import { loadFigureSpec, drawCode } from "../shared/load-figure.js"
|
40
|
+
const jsonSpec = {
|
41
|
+
"fluidSrcPath": ["../fluid"],
|
42
|
+
"inputs": [ "tableData" ],
|
43
|
+
"query": true,
|
44
|
+
"linking": false
|
45
|
+
}
|
46
|
+
|
47
|
+
loadFigureSpec(jsonSpec)("../fluid/1805.02474v1-10.fld")()
|
48
|
+
</script>
|
49
|
+
</body>
|
50
|
+
</html>
|
package/website/article/test.mjs
CHANGED
@@ -7,4 +7,9 @@ export const main = async () => {
|
|
7
7
|
page => waitFor("#fig-output > svg:nth-child(1)")(page),
|
8
8
|
page => waitFor("#fig-output > svg:nth-child(2)")(page),
|
9
9
|
]))()
|
10
|
+
await runTests(testURL("renewables-linked")([
|
11
|
+
page => waitFor("#fig-output > svg:nth-child(1)")(page),
|
12
|
+
page => waitFor("#fig-output > svg:nth-child(2)")(page),
|
13
|
+
]))()
|
14
|
+
await runTests(testURL("scigen-1805.02474v1-10")([ page => waitFor("div#fig-output")(page) ]))()
|
10
15
|
}
|