-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathncl.html
131 lines (112 loc) · 5.24 KB
/
ncl.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE HTML>
<!--
Written by <a href="http://github.com/shiv3679
" target="_blank">Shiv</a>
Website created for EES405 course at IISER Mohali
<EMAIL> [email protected]</EMAIL>
-->
<html>
<head>
<title>NCL</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1><a href="index.html">EES405</a></h1>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>Menu</span></a>
<div id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="resources.html">Courses/Syllabus and Resources</a></li>
<li><a href="#">Discussion Forum</a></li>
<li><a href="#">Interactive Terminal</a></li>
</ul>
</div>
</li>
</ul>
</nav>
</header>
<!-- Main -->
<article id="main">
<header>
<h2>NCL</h2>
<p>Introduction and setup for NCL environment used in the course</p>
</header>
<section class="wrapper style5">
<div class="inner">
<h3>NCL for EES405</h3>
<p>NCL (NCAR Command Language) is a free interpreted language designed specifically for scientific data analysis and visualization, notably in Earth system science. It supports various data formats, including netCDF, and allows for complex data analysis and visualization through a comprehensive set of functionalities.</p>
<h4>Loading and Inspecting Files</h4>
<div class="code-wrapper">
<pre id="code-block-6" class="code-block">
; Loading a netCDF file
f = addfile("file.nc", "r")
; Inspecting a variable
printVarSummary(f->variable_name)
</pre>
<button onclick="copyToClipboard('code-block-6')">Copy to Clipboard</button>
</div>
<h4>Basic Data Visualization</h4>
<div class="code-wrapper">
<pre id="code-block-7" class="code-block">
; Creating a simple XY plot
x = fspan(0, 2*3.14, 100)
y = sin(x)
plot = gsn_xy(wks, x, y, res)
</pre>
<button onclick="copyToClipboard('code-block-7')">Copy to Clipboard</button>
</div>
<p>With its extensive capabilities in data analysis and high-quality graphics, NCL is a powerful tool for researchers in the climate and geophysical sciences. For more details, refer to the <a href="https://www.ncl.ucar.edu/" target="_blank">official NCL documentation</a>.</p>
</div>
</section>
</article>
<script>
function copyToClipboard(elementId) {
var copyText = document.getElementById(elementId).innerText;
var textarea = document.createElement("textarea");
textarea.textContent = copyText;
textarea.style.position = "fixed"; // Prevent scrolling to bottom of page in MS Edge.
document.body.appendChild(textarea);
textarea.select();
try {
return document.execCommand("copy"); // Security exception may be thrown by some browsers.
} catch (ex) {
console.warn("Copy to clipboard failed.", ex);
return false;
} finally {
document.body.removeChild(textarea);
}
}
</script>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<!-- <li><a href="#" class="icon fas fa-globe"><span class="label">Website</span></a></li> -->
<li><a href="#" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>© Weather and Climate Modelling Research Group (IISER Mohali)</li>
<li>Design: <a href="https://github.com/shiv3679/EES405">Shiv Shankar Singh</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>