OilfieldToolsNet/ResInsight
4
0
Fork 0
mirror of https://github.com/OPM/ResInsight.git synced 2025-02-25 18:55:39 -06:00
Code Issues Packages Projects Releases Wiki Activity
Files
5e971c2cb946850c93a8d9a2096a0ea692d6ecdd
ResInsight/plot-window/gridcrossplots/index.html
Magne Sjaastad 5e971c2cb9 Fix two broken links and add support for Google Analytics
2019-08-29 07:38:36 +02:00

2986 lines
51 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="en" class="js csstransforms3d">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="generator" content="Hugo 0.56.3" />
<meta name="description" content="">
<link rel="icon" href="/images/favicon.png" type="image/png">
<title>Grid Cross Plots :: ResInsight</title>
<link href="/css/nucleus.css?1567056905" rel="stylesheet">
<link href="/css/fontawesome-all.min.css?1567056905" rel="stylesheet">
<link href="/css/hybrid.css?1567056905" rel="stylesheet">
<link href="/css/featherlight.min.css?1567056905" rel="stylesheet">
<link href="/css/perfect-scrollbar.min.css?1567056905" rel="stylesheet">
<link href="/css/auto-complete.css?1567056905" rel="stylesheet">
<link href="/css/atom-one-dark-reasonable.css?1567056905" rel="stylesheet">
<link href="/css/theme.css?1567056905" rel="stylesheet">
<link href="/css/hugo-theme.css?1567056905" rel="stylesheet">
<script src="/js/jquery-3.3.1.min.js?1567056905"></script>
<style>
:root #header + #content > #left > #rlblock_left{
display:none !important;
}
</style>
</head>
<body class="" data-url="/plot-window/gridcrossplots/">
<nav id="sidebar" class="">
<div id="header-wrapper">
<div id="header">
<a id="logo" href="https://resinsight.org/">
<img src="https://resinsight.org//images/ResInsightCroppedIconPicture.png">
</a>
</div>
<div class="searchbox">
<label for="searchbox"><i class="fas fa-search"></i></label>
<form action="/search/" method="GET" id="search-form">
<input type="search" name="q" id="searchbox" placeholder="Search">
</form>
<span data-search-clear=""><i class="fas fa-times"></i></span>
</div>
</div>
<div class="highlightable">
<ul class="topics">
<li data-nav-id="/getting-started/" title="Getting Started" class="dd-item
">
<a href="/getting-started/">
Getting Started
</a>
<ul>
<li data-nav-id="/getting-started/overview/" title="Overview" class="dd-item ">
<a href="/getting-started/overview/">
Overview
</a>
</li>
<li data-nav-id="/getting-started/download-and-install/" title="Download and Install" class="dd-item
">
<a href="/getting-started/download-and-install/">
Download and Install
</a>
<ul>
<li data-nav-id="/getting-started/download-and-install/linux-installation/" title="Linux Installation" class="dd-item ">
<a href="/getting-started/download-and-install/linux-installation/">
Linux Installation
</a>
</li>
<li data-nav-id="/getting-started/download-and-install/windows-installation/" title="Windows Installation" class="dd-item ">
<a href="/getting-started/download-and-install/windows-installation/">
Windows Installation
</a>
</li>
<li data-nav-id="/getting-started/download-and-install/buildinstructions/" title="Build Instructions" class="dd-item ">
<a href="/getting-started/download-and-install/buildinstructions/">
Build Instructions
</a>
</li>
</ul>
</li>
<li data-nav-id="/getting-started/modelnavigation/" title="Model Navigation" class="dd-item ">
<a href="/getting-started/modelnavigation/">
Model Navigation
</a>
</li>
</ul>
</li>
<li data-nav-id="/3d-main-window/" title="3D Main Window" class="dd-item
">
<a href="/3d-main-window/">
3D Main Window
</a>
<ul>
<li data-nav-id="/3d-main-window/3dviews/" title="3D Views" class="dd-item ">
<a href="/3d-main-window/3dviews/">
3D Views
</a>
</li>
<li data-nav-id="/3d-main-window/cellresults/" title="Cell Results" class="dd-item ">
<a href="/3d-main-window/cellresults/">
Cell Results
</a>
</li>
<li data-nav-id="/3d-main-window/resultcolorlegend/" title="Result Color Legend" class="dd-item ">
<a href="/3d-main-window/resultcolorlegend/">
Result Color Legend
</a>
</li>
<li data-nav-id="/3d-main-window/contourmaps/" title="Contour Maps" class="dd-item ">
<a href="/3d-main-window/contourmaps/">
Contour Maps
</a>
</li>
<li data-nav-id="/3d-main-window/tensors/" title="Tensor Results" class="dd-item ">
<a href="/3d-main-window/tensors/">
Tensor Results
</a>
</li>
<li data-nav-id="/3d-main-window/resultinspection/" title="Result Inspection" class="dd-item ">
<a href="/3d-main-window/resultinspection/">
Result Inspection
</a>
</li>
<li data-nav-id="/3d-main-window/filters/" title="Cell Filters" class="dd-item ">
<a href="/3d-main-window/filters/">
Cell Filters
</a>
</li>
<li data-nav-id="/3d-main-window/intersections/" title="Intersections" class="dd-item ">
<a href="/3d-main-window/intersections/">
Intersections
</a>
</li>
<li data-nav-id="/3d-main-window/faults/" title="Faults" class="dd-item ">
<a href="/3d-main-window/faults/">
Faults
</a>
</li>
<li data-nav-id="/3d-main-window/formations/" title=" Zonations/Formations" class="dd-item ">
<a href="/3d-main-window/formations/">
Zonations/Formations
</a>
</li>
<li data-nav-id="/3d-main-window/gridstatisticsdialog/" title="Grid Statistics Dialog" class="dd-item ">
<a href="/3d-main-window/gridstatisticsdialog/">
Grid Statistics Dialog
</a>
</li>
<li data-nav-id="/3d-main-window/casegroupsandstatistics/" title="Grid Case Groups and Statistics" class="dd-item ">
<a href="/3d-main-window/casegroupsandstatistics/">
Grid Case Groups and Statistics
</a>
</li>
<li data-nav-id="/3d-main-window/linkedviews/" title="Linked Views" class="dd-item ">
<a href="/3d-main-window/linkedviews/">
Linked Views
</a>
</li>
<li data-nav-id="/3d-main-window/measurement/" title="Measurement" class="dd-item ">
<a href="/3d-main-window/measurement/">
Measurement
</a>
</li>
<li data-nav-id="/3d-main-window/annotations/" title="Annotations" class="dd-item ">
<a href="/3d-main-window/annotations/">
Annotations
</a>
</li>
</ul>
</li>
<li data-nav-id="/plot-window/" title="Plot Main Window" class="dd-item
parent
">
<a href="/plot-window/">
Plot Main Window
</a>
<ul>
<li data-nav-id="/plot-window/summaryplots/" title="Summary Plots" class="dd-item ">
<a href="/plot-window/summaryplots/">
Summary Plots
</a>
</li>
<li data-nav-id="/plot-window/summarysourcestepping/" title="Summary Plot Source Stepping" class="dd-item ">
<a href="/plot-window/summarysourcestepping/">
Summary Plot Source Stepping
</a>
</li>
<li data-nav-id="/plot-window/summaryploteditor/" title="Summary Plot Editor" class="dd-item ">
<a href="/plot-window/summaryploteditor/">
Summary Plot Editor
</a>
</li>
<li data-nav-id="/plot-window/summarycrossplots/" title="Summary Cross Plot" class="dd-item ">
<a href="/plot-window/summarycrossplots/">
Summary Cross Plot
</a>
</li>
<li data-nav-id="/plot-window/ensembleplotting/" title="Ensemble Plotting" class="dd-item ">
<a href="/plot-window/ensembleplotting/">
Ensemble Plotting
</a>
</li>
<li data-nav-id="/plot-window/curvecalculator/" title="Curve Calculator" class="dd-item ">
<a href="/plot-window/curvecalculator/">
Curve Calculator
</a>
</li>
<li data-nav-id="/plot-window/welllogsandplots/" title="Well Log Plots" class="dd-item ">
<a href="/plot-window/welllogsandplots/">
Well Log Plots
</a>
</li>
<li data-nav-id="/plot-window/wellborestabilityplots/" title="Well Bore Stability Plots" class="dd-item ">
<a href="/plot-window/wellborestabilityplots/">
Well Bore Stability Plots
</a>
</li>
<li data-nav-id="/plot-window/rftplot/" title="RFT Plot" class="dd-item ">
<a href="/plot-window/rftplot/">
RFT Plot
</a>
</li>
<li data-nav-id="/plot-window/pltplot/" title="PLT Plot" class="dd-item ">
<a href="/plot-window/pltplot/">
PLT Plot
</a>
</li>
<li data-nav-id="/plot-window/flowdiagnosticsplots/" title="Flow Diagnostics Plots" class="dd-item ">
<a href="/plot-window/flowdiagnosticsplots/">
Flow Diagnostics Plots
</a>
</li>
<li data-nav-id="/plot-window/gridcrossplots/" title="Grid Cross Plots" class="dd-item active">
<a href="/plot-window/gridcrossplots/">
Grid Cross Plots
</a>
</li>
<li data-nav-id="/plot-window/saturationpressureplots/" title="Saturation Pressure Plots" class="dd-item ">
<a href="/plot-window/saturationpressureplots/">
Saturation Pressure Plots
</a>
</li>
</ul>
</li>
<li data-nav-id="/wells-and-completions/" title="Wells and Completions" class="dd-item
">
<a href="/wells-and-completions/">
Wells and Completions
</a>
<ul>
<li data-nav-id="/wells-and-completions/simulationwells/" title="Simulation Wells" class="dd-item ">
<a href="/wells-and-completions/simulationwells/">
Simulation Wells
</a>
</li>
<li data-nav-id="/wells-and-completions/wellpaths/" title="Well Paths" class="dd-item ">
<a href="/wells-and-completions/wellpaths/">
Well Paths
</a>
</li>
<li data-nav-id="/wells-and-completions/createnewwellpaths/" title="Create Well Paths" class="dd-item ">
<a href="/wells-and-completions/createnewwellpaths/">
Create Well Paths
</a>
</li>
<li data-nav-id="/wells-and-completions/3dwelllogcurves/" title="3D Well Log Plots" class="dd-item ">
<a href="/wells-and-completions/3dwelllogcurves/">
3D Well Log Plots
</a>
</li>
<li data-nav-id="/wells-and-completions/completions/" title="Completions" class="dd-item ">
<a href="/wells-and-completions/completions/">
Completions
</a>
</li>
<li data-nav-id="/wells-and-completions/completionslgr/" title="Completions LGR" class="dd-item ">
<a href="/wells-and-completions/completionslgr/">
Completions LGR
</a>
</li>
</ul>
</li>
<li data-nav-id="/import/" title="Import" class="dd-item
">
<a href="/import/">
Import
</a>
<ul>
<li data-nav-id="/import/eclipsecases/" title="Eclipse Cases" class="dd-item ">
<a href="/import/eclipsecases/">
Eclipse Cases
</a>
</li>
<li data-nav-id="/import/geomechanicaldata/" title="Geomechanical Data" class="dd-item ">
<a href="/import/geomechanicaldata/">
Geomechanical Data
</a>
</li>
<li data-nav-id="/import/soursimrlresults/" title="SourSimRL Results" class="dd-item ">
<a href="/import/soursimrlresults/">
SourSimRL Results
</a>
</li>
<li data-nav-id="/import/elementpropertytable/" title="Element Property Table" class="dd-item ">
<a href="/import/elementpropertytable/">
Element Property Table
</a>
</li>
<li data-nav-id="/import/observeddata/" title="Observed Time History Data" class="dd-item ">
<a href="/import/observeddata/">
Observed Time History Data
</a>
</li>
<li data-nav-id="/import/pasteexceltimedata/" title="Paste Excel Time History Data" class="dd-item ">
<a href="/import/pasteexceltimedata/">
Paste Excel Time History Data
</a>
</li>
</ul>
</li>
<li data-nav-id="/export/" title="Export" class="dd-item
">
<a href="/export/">
Export
</a>
<ul>
<li data-nav-id="/export/snapshots/" title="Snapshots" class="dd-item ">
<a href="/export/snapshots/">
Snapshots
</a>
</li>
<li data-nav-id="/export/eclipseproperties/" title="Eclipse Properties" class="dd-item ">
<a href="/export/eclipseproperties/">
Eclipse Properties
</a>
</li>
<li data-nav-id="/export/fluxnummultnum/" title="FLUXNUM/MULTNUM" class="dd-item ">
<a href="/export/fluxnummultnum/">
FLUXNUM/MULTNUM
</a>
</li>
<li data-nav-id="/export/completionexport/" title="Completions" class="dd-item ">
<a href="/export/completionexport/">
Completions
</a>
</li>
<li data-nav-id="/export/exportwellpaths/" title="Well Paths" class="dd-item ">
<a href="/export/exportwellpaths/">
Well Paths
</a>
</li>
<li data-nav-id="/export/sectormodel/" title="Sector Model" class="dd-item ">
<a href="/export/sectormodel/">
Sector Model
</a>
</li>
</ul>
</li>
<li data-nav-id="/scripting/" title="Scripting" class="dd-item
">
<a href="/scripting/">
Scripting
</a>
<ul>
<li data-nav-id="/scripting/commandlineinterface/" title="Command Line Interface" class="dd-item ">
<a href="/scripting/commandlineinterface/">
Command Line Interface
</a>
</li>
<li data-nav-id="/scripting/commandfile/" title="Command File" class="dd-item ">
<a href="/scripting/commandfile/">
Command File
</a>
</li>
<li data-nav-id="/scripting/pythonrips/" title="Python API - rips" class="dd-item ">
<a href="/scripting/pythonrips/">
Python API - rips
</a>
</li>
<li data-nav-id="/scripting/octaveinterface/" title="Octave Interface" class="dd-item ">
<a href="/scripting/octaveinterface/">
Octave Interface
</a>
</li>
<li data-nav-id="/scripting/octaveinterfacereference/" title="Octave Interface Reference" class="dd-item ">
<a href="/scripting/octaveinterfacereference/">
Octave Interface Reference
</a>
</li>
</ul>
</li>
<li data-nav-id="/misc/" title="Miscellaneous" class="dd-item
">
<a href="/misc/">
Miscellaneous
</a>
<ul>
<li data-nav-id="/misc/preferences/" title="Preferences" class="dd-item ">
<a href="/misc/preferences/">
Preferences
</a>
</li>
<li data-nav-id="/misc/memorymanagement/" title="Memory Management" class="dd-item ">
<a href="/misc/memorymanagement/">
Memory Management
</a>
</li>
<li data-nav-id="/misc/keyboardshortcuts/" title="Keyboard Shortcuts" class="dd-item ">
<a href="/misc/keyboardshortcuts/">
Keyboard Shortcuts
</a>
</li>
<li data-nav-id="/misc/regressiontestsystem/" title="Regression Test System" class="dd-item ">
<a href="/misc/regressiontestsystem/">
Regression Test System
</a>
</li>
</ul>
</li>
</ul>
<section id="shortcuts">
<h3></h3>
<ul>
<li>
<a class="padding" href="https://resinsight.org/about"><i class='fas fa-info-circle'></i> About</a>
</li>
<li>
<a class="padding" href="https://resinsight.org/support"><i class='far fa-question-circle'></i> Support</a>
</li>
<li>
<a class="padding" href="https://resinsight.org/getting-started/download-and-install"><i class='fas fa-download'></i> Download and Install</a>
</li>
</ul>
</section>
<section id="footer">
<a href="https://www.ceetronsolutions.com"><img src='https://resinsight.org//images/CeetronSolutionsLogo.png' style='width: 140px; '></a><br>
ResInsight is developed by <br> <a href="https://www.ceetronsolutions.com">Ceetron Solutions</a>
<p>in collaboration with</p>
<a href="https://www.equinor.com">Equinor ASA</a>
<script type="application/javascript">
var doNotTrack = false;
if (!doNotTrack) {
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-79509181-1', 'auto');
ga('send', 'pageview');
}
</script>
</section>
</div>
</nav>
<section id="body">
<div id="overlay"></div>
<div class="padding highlightable">
<div>
<div id="top-bar">
<div id="breadcrumbs" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
<span id="sidebar-toggle-span">
<a href="#" id="sidebar-toggle" data-sidebar-toggle="">
<i class="fas fa-bars"></i>
</a>
</span>
<span id="toc-menu"><i class="fas fa-list-alt"></i></span>
<span class="links">
<a href='/'>ResInsight</a> > <a href='/plot-window/'>Plot Main Window</a> > Grid Cross Plots
</span>
</div>
<div class="progress">
<div class="wrapper">
<nav id="TableOfContents">
<ul>
<li>
<ul>
<li><a href="#creating-grid-cross-plots">Creating Grid Cross Plots</a></li>
<li><a href="#grid-cross-plot-data-sets">Grid Cross Plot Data Sets</a></li>
<li><a href="#show-plot-data">Show Plot Data</a></li>
<li><a href="#swap-axes">Swap Axes</a></li>
</ul></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<div id="head-tags">
</div>
<div id="body-inner">
<h1>
Grid Cross Plots
</h1>
<p><img src="/images/plot-window/GridCrossPlot.png" alt="" /></p>
<p>ResInsight supports the creation of scatter / cross plots of two Eclipse results against each other, with each cell in the grid
representing one data point in the plot. The data points can be grouped by a third result, by time step or by <strong>Formations</strong>.
giving a separate color and label for each group. The above example shows a classic Porosity vs Permeability plot, grouped by
formations, showing different trends for each formation.</p>
<p>For continuous grouping parameters, the parameter will be divided into a set of equally sized intervals depending on the number of Color Legend intervals.</p>
<p>Each cross plot can contain any number of <strong>Data Sets</strong>, representing a collection of cross plot points, where the <strong>Data Set</strong> can have a case source, time step and cell filter associated with it. This way, dynamic parameters for different time steps can be compared, or results from different case realizations.</p>
<p>The Grid Cross plots may have a Symbol Legend below the plot, separating the Data Sets, and a Color Legend within the plot separating between the different Grouping categories or intervals. In addition, an Info Box will be added to the upper right corner of the plot, showing the different data sets in the plot and the parameters used. The Color Legends and Info Box can be moved to other parts of the plot and will snap to edges and corners when moved close to them.</p>
<h2 id="creating-grid-cross-plots">Creating Grid Cross Plots</h2>
<p><img src="/images/plot-window/GridCrossPlot_CreateFromView.png" alt="" />
<img src="/images/plot-window/GridCrossPlot_Create.png" alt="" /></p>
<p>Grid Cross Plots can be created in a couple of ways:</p>
<ol>
<li>Select a 3D view or Cell Result in the main ResInsight window, right-click and select <strong>Create Grid Cross Plot from 3d View</strong>. The resulting cross plot will display the current 3d Result x DEPTH and only contain data points for the visible cells.</li>
<li>Right-click on the <strong>Grid Cross Plots</strong> entry under <strong>Plots</strong> in the <strong>Plot Window</strong>. By default the plot will contain the result values PORO x PERMX and will be grouped by formations (if any are loaded in the project). Data for all active cells will be displayed.</li>
</ol>
<p>Having created a Grid Cross Plot, the appearance of the Legends, the Info box and the Plot Title can be set in the Property Editor of the Grid Cross Plot.</p>
<p><img src="/images/plot-window/GridCrossPlot_PropertyEditor.png" alt="" />
<img src="/images/plot-window/GridCrossPlotAxis_PropertyEditor.png" alt="" /></p>
<p>The plot also have some available settings for the two plot axes (X and Y), where the title position and font size can be altered plus the axis range may be controlled and the axis may be set as logarithmic and inverted so the smallest value is first (default for DEPTH on the Y-axis).</p>
<h2 id="grid-cross-plot-data-sets">Grid Cross Plot Data Sets</h2>
<p>Further Grid Cross Plot data sets can be added to a Plot by right clicking on the plot in the Project Tree and selecting <strong>New Data Set</strong>.</p>
<p><img src="/images/plot-window/GridCrossPlotDataSet_Create.png" alt="" /></p>
<p>The Data Sets contain all the parameters controlling the data source and types of data being plotted.</p>
<p><img src="/images/plot-window/GridCrossPlotDataSet_PropertyEditor.png" alt="" /></p>
<p>The available parameters are:</p>
<table>
<thead>
<tr>
<th>Parameter</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>Case</td>
<td>The Eclipse Case containing the data</td>
</tr>
<tr>
<td>Time Step</td>
<td>Show data for All Time Steps or just a specific time step</td>
</tr>
<tr>
<td>Filter by 3d View Visibility</td>
<td>Pick a view to use only the cells visible in that view. Allows the use of range and property filters</td>
</tr>
<tr>
<td>Group Data by</td>
<td>Group and color data points by <strong>Time Step</strong>, <strong>Result Property</strong> or <strong>Formations</strong></td>
</tr>
<tr>
<td>Data Grouping Property</td>
<td>Available if grouping by <strong>Result Property</strong> and lets you pick any Eclipse result property and the number of intervals to divide the data into</td>
</tr>
<tr>
<td>X-Axis Property</td>
<td>The property representing the X-axis in the cross plot</td>
</tr>
<tr>
<td>Y-Axis Property</td>
<td>The property representing the Y-axis in the cross plot</td>
</tr>
<tr>
<td>Name Configuration</td>
<td>Add Case Name, Axis Variables, Time Step and/or Data Group to the name of the Data set</td>
</tr>
</tbody>
</table>
<h2 id="show-plot-data">Show Plot Data</h2>
<p>The data used to create the Cross Plot can be exported by either right-clicking on the Cross Plot in the project tree or right clicking on the plot itself and selecting <strong>Show Plot Data</strong>.</p>
<p><img src="/images/plot-window/GridCrossPlot_ShowData_ProjectTree.png" alt="" />
<img src="/images/plot-window/GridCrossPlot_ShowData_PlotContext.png" alt="" /></p>
<p>Either method will bring up a dialog containing column-based text showing the X and Y result values, the Group index and Group Description (the latter two if Grouping is enabled). One tab in the dialog will be added for each Data Set. The data can be copied to the clipboard or exported to file by right-clicking on the text area.</p>
<p><img src="/images/plot-window/GridCrossPlot_ShowData.png" alt="" /></p>
<h2 id="swap-axes">Swap Axes</h2>
<p>The X- and Y-axes can be swapped, both for invididual data sets, by choosing <strong>Swap Axis Properties</strong> from the right-click menu of the Grid Cross Plot <strong>Data Set</strong>, or for all data sets by right clicking on either the Cross Plot in the Project Tree or on the plot itself and selecting <strong>Swap Axis Properties for all Data Sets in Plot</strong>. The X- and Y-axis will swap place retaining the properties, such as Logarithmic or inverted axes.</p>
<p><img src="/images/plot-window/GridCrossPlot_SwapAxes.png" alt="" /></p>
<footer class=" footline" >
</footer>
</div>
</div>
<div id="navigation">
<a class="nav nav-prev" href="/plot-window/flowdiagnosticsplots/" title="Flow Diagnostics Plots"> <i class="fa fa-chevron-left"></i></a>
<a class="nav nav-next" href="/plot-window/saturationpressureplots/" title="Saturation Pressure Plots" style="margin-right: 0px;"><i class="fa fa-chevron-right"></i></a>
</div>
</section>
<div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
<div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
</div>
<script src="/js/clipboard.min.js?1567056905"></script>
<script src="/js/perfect-scrollbar.min.js?1567056905"></script>
<script src="/js/perfect-scrollbar.jquery.min.js?1567056905"></script>
<script src="/js/jquery.sticky.js?1567056905"></script>
<script src="/js/featherlight.min.js?1567056905"></script>
<script src="/js/html5shiv-printshiv.min.js?1567056905"></script>
<script src="/js/highlight.pack.js?1567056905"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script src="/js/modernizr.custom-3.6.0.js?1567056905"></script>
<script src="/js/learn.js?1567056905"></script>
<script src="/js/hugo-learn.js?1567056905"></script>
<link href="/mermaid/mermaid.css?1567056905" rel="stylesheet" />
<script src="/mermaid/mermaid.js?1567056905"></script>
<script>
mermaid.initialize({ startOnLoad: true });
</script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink