@explorable-viz/fluid 0.0.23 → 0.7.2

package/dist/fluid/css/styles.css

@@ -0,0 +1,343 @@
+@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');
+
+@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;
+}
+
+.fluid-logo {
+   margin-bottom: 0;
+}
+
+.fluid-subtitle {
+   margin-bottom: 0;
+   margin-top: 0;
+   font-size: 12pt;
+}
+
+a:link {
+  color: darkslategray;
+}
+
+a:visited {
+  color: #004d40;
+}
+
+a:hover {
+  color: #009688;
+}
+
+a:active {
+  color: #003d33;
+}
+
+.right-justified {
+   margin-left: auto;
+   width: fit-content;
+}
+
+.nowrap {
+   white-space: nowrap;
+}
+
+code {
+   font-family: 'Ubuntu Mono', monospace;
+}
+
+body {
+   font-size: 12pt;
+   font-family: "GraphikLight", sans-serif;
+   font-weight: 300;
+   line-height: 1.25;
+   padding: 0;
+   margin: 0;
+   background-color: #FFFFFF;
+   color: #404040;
+   margin-bottom: 10em;
+}
+
+p {
+   margin-top: 1em;
+   margin-bottom: 1em;
+}
+
+p + p {
+   margin-top: 0;
+}
+
+.faq-question {
+   font-family: 'GraphikMedium';
+   color: darkslategrey;
+}
+
+.highlight {
+   font-family: 'GraphikMedium';
+}
+
+.align-right {
+   text-align: right;
+}
+
+h2 {
+   font-size: 18pt;
+}
+
+h3 {
+   width: 100%;
+   font-size: 16pt;
+   font-weight: bold;
+   margin-top: 10pt;
+   margin-bottom: 4pt;
+   border-bottom: 0.5px solid lightgray;
+}
+
+h4 {
+   font-size: 16pt;
+   font-weight: bold;
+   margin-top: 0.4em;
+   margin-bottom: 0;
+}
+
+.sub-header * {
+   font-size: 16pt;
+   margin-bottom: 4px;
+}
+
+ul {
+   padding-left: 20px;
+   margin-top: 0;
+   margin-bottom: 0;
+}
+
+li {
+   margin-bottom: 1ex;
+}
+
+li:last-child {
+   margin-bottom: 0;
+}
+
+.table-caption {
+   text-align: left;
+}
+
+nav ul {
+   padding-left: 0;
+   list-style: none;
+}
+
+nav ul li {
+   float: left;
+   overflow: hidden;
+   margin-bottom: 0;
+}
+
+nav ul li:not(:last-child)::after {
+   content: "•";
+   margin-right: 5px;
+   margin-left: 5px;
+}
+
+nav ul li.active-page a {
+   pointer-events: none;
+   color: inherit;
+   text-decoration: none;
+   cursor: default;
+   font-weight: bold;
+   color: rgb(135, 129, 255);
+}
+
+.cm-editor {
+   background: #2D2D2D;
+   color: #F0F0F0;
+}
+
+.cm-line {
+   font-family: 'Ubuntu Mono';
+   font-size: 10pt;
+}
+
+.cm-gutter {
+   background-color: #232323;
+}
+
+.cm-gutterElement {
+   font-family: 'Ubuntu Mono';
+   font-size: 10pt;
+   color: #88C0D0;
+}
+
+.right-border {
+   border-right: 0.5px solid lightgray;
+   padding-right: 6px;
+}
+
+.right-border + div {
+   padding-left: 4px
+}
+
+.header-grid-container {
+   display: grid;
+   background-color: #f0f0f0;
+   width: 100%;
+   grid-template-columns: 35% 1fr;
+   padding-top: 7px;
+   padding-bottom: 7px;
+}
+
+.footer-grid-container {
+   display: grid;
+   background-color: #f0f0f0;
+   width: 100%;
+   grid-template-columns: 35% 1fr;
+   margin-top: 10px;
+}
+
+:root {
+  --toggle-button-width: 24px;
+  --text-pane-width: 800px;
+}
+
+.grid-container {
+   display: grid;
+   grid-template-columns: auto var(--toggle-button-width) var(--text-pane-width);
+   justify-content: center;
+}
+
+.grid-container.data-pane-hidden {
+   grid-template-columns: 0 var(--toggle-button-width) var(--text-pane-width);
+}
+
+.grid-container.double-size {
+   max-width: 66.7vw; /* undo effect of transform: scale(1.5) for layout purposes */
+}
+
+.grid-container > :last-child {
+  padding-right: 10px;
+}
+
+.flex-bottom-align {
+   display: flex;
+   flex-direction: row;
+}
+
+.flex-bottom-align:first-child {
+   margin-top: auto;
+}
+
+.flex-left-align {
+   display: flex;
+   flex-direction: column;
+   align-items: start;
+}
+
+.flex-right-align {
+   display: flex;
+   flex-direction: column;
+   align-items: flex-end;
+}
+
+.flex-bottom-align {
+   display: flex;
+   flex-direction: row;
+   align-items: flex-end;
+}
+
+.data-pane-button {
+   font-size: 10pt;
+}
+
+.toggle-button {
+   color: #CCCCCC;
+   user-select: none;
+}
+
+.toggle-button:hover {
+   color: #999999;
+   cursor: pointer;
+}
+
+.data-pane {
+   border-right: 1px dotted #CCCCCC;
+}
+
+.data-pane-hidden .data-pane {
+   visibility: hidden;
+}
+
+.data-pane-hidden .data-pane * {
+   display: none;
+}
+
+.data-pane * {
+   font-size: 10pt;
+}
+
+.data-pane p {
+   margin-right: 3px;
+}
+
+/* Not actually double-size any more.. */
+.double-size {
+   transform: scale(1.5);
+   transform-origin: top;
+   --text-pane-width: 600px;
+}
+
+body.standalone {
+   height: 100%;
+   display: grid;
+   justify-items: center;
+   align-items: start;
+}
+
+/* Needed for contained height specifications to work */
+html {
+   height: 100%;
+}
+
+@keyframes fadeIn {
+   from { opacity: 0; }
+   to { opacity: 1; }
+}
+
+.fig-loading:only-child {
+   color: fuchsia;
+   animation: fadeIn 2s ease-in-out infinite alternate;
+}
+
+.fig-loading:not(:only-child) {
+   display: none;
+}

package/dist/{article → fluid}/css/view-styles.css

@@ -1,48 +1,74 @@
-table {
-   border-collapse: collapse;
-   border-spacing: 0px;
-}
-
-thead {
-   border-top: 0.5px solid lightgray;
-}
-
 .legend-box {
    stroke: lightgray;
    stroke-width: 0.5px;
    fill: none;
 }
 
+.legend-text {
+   font-size: 9pt;
+}
+
 .title-text {
    fill: Black;
    font-size: 9pt;
-   font-family: "Roboto", sans-serif;
 }
 
-.table-row {
-   display: table-row;
+.table-view th {
+   font-size: 11px;
+   text-align: left;
+   border-bottom: 'thin solid';
+}
+
+.table-view td {
+   font-size: 11px;
+}
+
+.table-view td:nth-child(1) {
+   color: lightgray;
+}
+
+table {
+   border-collapse: collapse;
+}
+
+thead {
+   border-top: 0.5px solid lightgray;
 }
 
 .table-cell {
-   border-radius: 2px;
-   background-color: White;
-   border-left: 2px solid white;
+   border-radius: 0px;
 }
 
-.table-cell.selected-primary-persistent {
-   background-color: #93E9BE;
+td.table-cell {
+   background-color: white;
 }
 
-.table-cell.selected-primary-transient {
-   border-left: 2px solid blue;
+.table-cell.inert {
+   color: lightgrey;
+}
+
+.table-cell.selected-primary-persistent {
+   background-color: #93E9BE;
 }
 
 .table-cell.selected-secondary-persistent {
    background-color: rgb(226, 226, 226);
 }
 
+.table-cell.selected-primary-transient {
+   color: blue;
+}
+
 .table-cell.selected-secondary-transient {
-   border-left: 2px solid lightblue;
+   color: royalblue;
+}
+
+.table-row {
+   display: table-row;
+}
+
+.table-row.hidden {
+   visibility: collapse;
 }
 
 .linked-text {
@@ -54,6 +80,10 @@ thead {
    display: inline;
 }
 
+.linked-text.inert {
+   fill: lightgrey;
+}
+
 .linked-text.selected-primary-persistent {
    background-color: #93E9BE;
 }
@@ -70,15 +100,16 @@ thead {
    border-bottom-color: lightblue;
 }
 
-.table-row.hidden {
-   visibility: collapse;
-}
-
 .matrix-cell {
    stroke: DarkGray;
    fill: White;
 }
 
+.matrix-cell.inert {
+   stroke: DarkGray;
+   fill: rgb(185, 185, 185);
+}
+
 .matrix-cell.selected-primary-persistent {
    fill: LightGreen;
 }
@@ -95,7 +126,7 @@ thead {
 
 .matrix-cell-text {
    font-size: 10pt;
-   font-family: "Roboto", sans-serif;
+   font-family: "GraphikLight", sans-serif;
    color: rgb(205, 205, 205)
 }
 
@@ -122,11 +153,21 @@ thead {
    stroke: black;
 }
 
+.scatterplot-point.inert {
+   fill: rgb(185,185,185);
+   stroke: black;
+}
+
 .scatterplot-point.selected-primary-persistent {
    fill: LightGreen;
    stroke: teal;
 }
 
+.scatterplot-point.selected-secondary-transient {
+   stroke: blue;
+   stroke-width: 1;
+}
+
 .scatterplot-point.selected-primary-transient {
    stroke: blue;
    stroke-width: 1;

package/dist/fluid/fluid/dataset/methane-emissions.fld

@@ -0,0 +1,123 @@
+-- This dataset contains methane emissions for the region of Africa and the Middle East.
+-- Model: REMIND; Scenario: MAGPIE-SSP5-8.5
+[
+   -- 2015
+   { year: 2015, type: "total", emissions: 64.82295407 },
+   { year: 2015, type: "Agricultural Waste Burning", emissions: 0.41125300 },
+   { year: 2015, type: "Agriculture", emissions: 18.17094166 },
+   { year: 2015, type: "Energy Sector", emissions: 29.76188165 },
+   { year: 2015, type: "Forest Burning", emissions: 0.51736129 },
+   { year: 2015, type: "Grassland Burning", emissions: 4.12193675 },
+   { year: 2015, type: "Industrial Sector", emissions: 0.09559156 },
+   { year: 2015, type: "Residential Commercial Other", emissions: 2.69146350 },
+   { year: 2015, type: "Transportation Sector", emissions: 0.06519554 },
+   { year: 2015, type: "Waste", emissions: 8.98732911 },
+
+   -- 2020
+   { year: 2020, type: "total", emissions: 78.43285535 },
+   { year: 2020, type: "Agricultural Waste Burning", emissions: 0.54358088 },
+   { year: 2020, type: "Agriculture", emissions: 22.13282073 },
+   { year: 2020, type: "Energy Sector", emissions: 38.81883821 },
+   { year: 2020, type: "Forest Burning", emissions: 0.51329337 },
+   { year: 2020, type: "Grassland Burning", emissions: 3.95741764 },
+   { year: 2020, type: "Industrial Sector", emissions: 0.09594071},
+   { year: 2020, type: "Residential Commercial Other", emissions: 2.56548807 },
+   { year: 2020, type: "Transportation Sector", emissions: 0.06546724 },
+   { year: 2020, type: "Waste", emissions: 9.74000850 },
+
+   -- 2030
+   { year: 2030, type: "total", emissions: 121.57147078 },
+   { year: 2030, type: "Agricultural Waste Burning", emissions: 0.84583739 },
+   { year: 2030, type: "Agriculture", emissions: 37.74454937 },
+   { year: 2030, type: "Energy Sector", emissions: 64.18597740 },
+   { year: 2030, type: "Forest Burning", emissions: 0.80870342 },
+   { year: 2030, type: "Grassland Burning", emissions: 4.02610215 },
+   { year: 2030, type: "Industrial Sector", emissions: 0.09598039 },
+   { year: 2030, type: "Residential Commercial Other", emissions: 1.97035231 },
+   { year: 2030, type: "Transportation Sector", emissions: 0.06571693 },
+   { year: 2030, type: "Waste", emissions: 11.82825140 },
+
+   -- 2040
+   { year: 2040, type: "total", emissions: 179.45174841 },
+   { year: 2040, type: "Agricultural Waste Burning", emissions: 1.19171607 },
+   { year: 2040, type: "Agriculture", emissions: 61.27090324 },
+   { year: 2040, type: "Energy Sector", emissions: 97.37841569 },
+   { year: 2040, type: "Forest Burning", emissions: 0.66064656 },
+   { year: 2040, type: "Grassland Burning", emissions: 3.84519255 },
+   { year: 2040, type: "Industrial Sector", emissions: 0.09689225 },
+   { year: 2040, type: "Residential Commercial Other", emissions: 1.33010499 },
+   { year: 2040, type: "Transportation Sector", emissions: 0.06631730 },
+   { year: 2040, type: "Waste", emissions: 13.61155975 },
+
+   -- 2050
+   { year: 2050, type: "total", emissions: 219.38894442 },
+   { year: 2050, type: "Agricultural Waste Burning", emissions: 1.60321718 },
+   { year: 2050, type: "Agriculture", emissions: 90.85759433 },
+   { year: 2050, type: "Energy Sector", emissions: 107.15311705 },
+   { year: 2050, type: "Forest Burning", emissions: 0.52749839 },
+   { year: 2050, type: "Grassland Burning", emissions: 3.76717842 },
+   { year: 2050, type: "Industrial Sector", emissions: 0.09848635 },
+   { year: 2050, type: "Residential Commercial Other", emissions: 0.82742253 },
+   { year: 2050, type: "Transportation Sector", emissions: 0.06709878 },
+   { year: 2050, type: "Waste", emissions: 14.48733139 },
+
+   -- 2060
+   { year: 2060, type: "total", emissions: 242.63229347 },
+   { year: 2060, type: "Agricultural Waste Burning", emissions: 1.93557102 },
+   { year: 2060, type: "Agriculture", emissions: 104.69106253 },
+   { year: 2060, type: "Energy Sector", emissions: 116.74729530 },
+   { year: 2060, type: "Forest Burning", emissions: 0.46539144 },
+   { year: 2060, type: "Grassland Burning", emissions: 3.66022062 },
+   { year: 2060, type: "Industrial Sector", emissions: 0.09971953 },
+   { year: 2060, type: "Residential Commercial Other", emissions: 0.46752611 },
+   { year: 2060, type: "Transportation Sector", emissions: 0.06781869 },
+   { year: 2060, type: "Waste", emissions: 14.49768823 },
+
+   -- 2070
+   { year: 2070, type: "total", emissions: 255.90313098 },
+   { year: 2070, type: "Agricultural Waste Burning", emissions: 2.08050211 },
+   { year: 2070, type: "Agriculture", emissions: 109.93855666 },
+   { year: 2070, type: "Energy Sector", emissions: 125.14149136 },
+   { year: 2070, type: "Forest Burning", emissions: 0.45346383 },
+   { year: 2070, type: "Grassland Burning", emissions: 3.52716441 },
+   { year: 2070, type: "Industrial Sector", emissions: 0.10005683 },
+   { year: 2070, type: "Residential Commercial Other", emissions: 0.21893571 },
+   { year: 2070, type: "Transportation Sector", emissions: 0.06817304 },
+   { year: 2070, type: "Waste", emissions: 14.37478702 },
+
+   -- 2080
+   { year: 2080, type: "total", emissions: 249.84379933 },
+   { year: 2080, type: "Agricultural Waste Burning", emissions: 2.15889057 },
+   { year: 2080, type: "Agriculture", emissions: 110.07024720 },
+   { year: 2080, type: "Energy Sector", emissions: 119.99949417 },
+   { year: 2080, type: "Forest Burning", emissions: 0.45790596 },
+   { year: 2080, type: "Grassland Burning", emissions: 3.37155974 },
+   { year: 2080, type: "Industrial Sector", emissions: 0.09982383 },
+   { year: 2080, type: "Residential Commercial Other", emissions: 0.11500102 },
+   { year: 2080, type: "Transportation Sector", emissions: 0.06831200 },
+   { year: 2080, type: "Waste", emissions: 13.50256483 },
+
+   -- 2090
+   { year: 2090, type: "total", emissions: 209.67760329 },
+   { year: 2090, type: "Agricultural Waste Burning", emissions: 2.25135814 },
+   { year: 2090, type: "Agriculture", emissions: 100.25638786 },
+   { year: 2090, type: "Energy Sector", emissions: 90.74292491 },
+   { year: 2090, type: "Forest Burning", emissions: 0.47913947 },
+   { year: 2090, type: "Grassland Burning", emissions: 3.01972800 },
+   { year: 2090, type: "Industrial Sector", emissions: 0.09911105 },
+   { year: 2090, type: "Residential Commercial Other", emissions: 0.06762289 },
+   { year: 2090, type: "Transportation Sector", emissions: 0.06829208 },
+   { year: 2090, type: "Waste", emissions: 12.69303888 },
+
+   -- 2100
+   { year: 2100, type: "total", emissions: 187.43439917 },
+   { year: 2100, type: "Agricultural Waste Burning", emissions: 2.27400509 },
+   { year: 2100, type: "Agriculture", emissions: 84.57857015 },
+   { year: 2100, type: "Energy Sector", emissions: 82.87915239 },
+   { year: 2100, type: "Forest Burning", emissions: 0.47888571 },
+   { year: 2100, type: "Grassland Burning", emissions: 2.92857597 },
+   { year: 2100, type: "Industrial Sector", emissions: 0.09806927 },
+   { year: 2100, type: "Residential Commercial Other", emissions: 0.04356964 },
+   { year: 2100, type: "Transportation Sector", emissions: 0.06813231 },
+   { year: 2100, type: "Waste", emissions: 14.08543862 }
+]

package/dist/{article/fluid/example/linked-inputs → fluid/fluid/dataset}/non-renewables.fld

@@ -64,4 +64,4 @@
    { country: "MEX", year: 2018, nuclearOut: 13.32, nuclearCap: 14.10, gasOut: 200.38, gasCap: 308.88, coalOut: 27.0, coalCap: 47.13, petrolOut: 33.19, petrolCap: 50.46},
    { country: "NGA", year: 2018, nuclearOut: 0.0, nuclearCap: 0.00, gasOut: 23.49, gasCap: 94.26, coalOut: 0.62, coalCap: 2.45, petrolOut: 0.0, petrolCap: 0.00},
    { country: "USA", year: 2018, nuclearOut: 807.08, nuclearCap: 871.01, gasOut: 1469.13, gasCap: 4431.51, coalOut: 1149.49, coalCap: 2293.89, petrolOut: 42.68, petrolCap: 304.67}
-]
+]

package/dist/fluid/fluid/example/dict-list-comp.fld

@@ -0,0 +1 @@
+[ x | {fst: x, snd: []} <- [{fst: 5, third: "hello", snd: []}, {fst: 6, snd: [7, 8]}] ]

package/dist/fluid/fluid/example/dicts.fld

@@ -0,0 +1,10 @@
+let d = {};
+    e = { ["a"]: 5, ["a" ++ "b"] : 6 };
+    f = { ["ab"]: 12 }
+in {
+   d: d,
+   e: e,
+   e_ab: e.ab,
+   f: dict_map ((+) 1) e,
+   g: dict_difference e f
+}

package/dist/{article → fluid}/fluid/example/linked-inputs/energyscatter.fld

@@ -18,7 +18,7 @@ let plot year countries =
 
 in ScatterPlot {
   caption: "Clean energy efficiency vs. proportion of renewable energy capacity",
-  data: plot 2018 [ "BRA", "CHN", "DEU", "FRA", "EGY", "IND", "JPN", "MEX", "NGA", "USA" ],
+  points: plot 2018 [ "BRA", "CHN", "DEU", "FRA", "EGY", "IND", "JPN", "MEX", "NGA", "USA" ],
   xlabel: "Renewables/TotalEnergyCap",
   ylabel: "Clean Capacity Factor"
 }

package/dist/{article → fluid}/fluid/example/linked-inputs/mini-energyscatter.fld

@@ -21,7 +21,7 @@ let energy year c_names =
     map energy_per_country c_names
 in ScatterPlot {
     caption: "Clean energy efficiency against proportion of renewable energy cap",
-    data: [{
+    points: [{
                 x: country.nonRenewables / country.totalCap,
                 y: country.renCapFactor
             }| country <- energy 2018 ["USA"]],

package/dist/{article → fluid}/fluid/example/linked-outputs/line-chart.fld

@@ -3,9 +3,11 @@ let series type country = [
    | year <- [2013..2018], row <- renewables,
    row.year == year, row.energyType == type, row.country == country
 ] in LineChart {
-   caption: "Output of USA relative to China",
+   tickLabels: { x: Default, y: Default },
+   caption: "Change in renewable energy output of USA relative to China",
+   size: { width: 330, height: 285 },
    plots: [
-      LinePlot { name: type, data: plot }
+      LinePlot { name: type, points: plot }
       | type <- ["Bio", "Hydro", "Solar", "Wind"],
       let plot = zipWith (fun p1 p2 -> { x: p1.x, y: p1.y / p2.y })
                          (series type "USA") (series type "China")

package/dist/fluid/fluid/example/linked-outputs/moving-average.fld

@@ -0,0 +1,19 @@
+let nthPad n xs =
+      nth (min (max n 0) (length xs - 1)) xs;
+    movingAvg ys window =
+      [ sum [ nthPad n ys | n <- [ i - window .. i + window ] ] / (1 + 2 * window)
+      | i <- [ 0 .. length ys - 1 ] ];
+    movingAvg' rs window =
+      zipWith
+         (fun x y -> {x: x, y: y})
+         (map (fun r -> r.x) rs)
+         (movingAvg (map (fun r -> r.y) rs) window);
+let points =
+      [ { x: r.year, y: r.emissions } | r <- methane, r.type == "Agriculture" ]
+in LineChart {
+   tickLabels: { x: Rotated, y: Default },
+   size: { width: 330, height: 285 },
+   caption: "SSP5-8.5 projected methane emissions (Agriculture)",
+   plots: [ LinePlot { name: "Moving average", points: movingAvg' points 1 },
+            LinePlot { name: "Original curve", points: points } ]
+}

package/dist/fluid/fluid/example/linked-outputs/pairs-data.fld

@@ -0,0 +1 @@
+(3, 7)

package/dist/fluid/fluid/example/linked-outputs/pairs.fld

@@ -0,0 +1,2 @@
+let q = 1 in
+((fun (w, x) -> (w, (w, x))) data)