forked from cinemascience/cinemascience.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
overview.html
executable file
·127 lines (116 loc) · 6.23 KB
/
overview.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
<!DOCTYPE HTML>
<!--
Ion by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
<head>
<title>Cinema Overview</title>
<link rel="shortcut icon" type="image/png" href="images/cinemascience_mark.png" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><![endif]-->
<script src="js/jquery.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-layers.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-xlarge.css" />
</noscript>
</head>
<body id="top">
<!-- Header -->
<header id="header" class="skel-layers-fixed">
<h1><a href="https://github.com/cinemascience"><img src="images/cinemascience_mark_fullword.png" atl="CinemaScience" /></a></h1>
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="overview.html">Overview</a></li>
<li><a href="examples.html">Examples</a></li>
<li><a href="downloads.html">Downloads</a></li>
<li><a href="tutorials.html">Tutorials</a><li>
<li><a href="publications.html">Publications</a></li>
<li><a href="https://cinemasciencewebsite.readthedocs.io">Documentation</a></li>
<li><a href="gethelp.html" class="button special">Get Help</a></li>
</ul>
</nav>
</header>
<!-- Main -->
<section id="main" class="wrapper style1">
<header class="major">
<h2>Cinema Overview</h2>
<center> <p>Cinema - A Database Approach to Extreme Scale Visualization and Analysis. </p> </center>
</header>
<div class="container">
<div class="row"> <!-- This starts a major row/section -->
<div class="4u">
<section> <!-- This starts a sidebar section -->
<h3><img class="image fit" src="images/sampleVisBlue.png" alt="Sample Vis" /></h3>
<p> </p>
</section> <!-- This ends a sidebar section -->
<hr />
<section> <!-- This starts a sidebar section -->
<h3><img class="image fit" src="images/exampleSpecDNyxParallelCoordinates.png" alt="Sample Vis" /></h3>
</section> <!-- This ends a sidebar section -->
</div>
<div class="8u skel-cell-important">
<section> <!-- This starts a main section -->
<h4>The <strong>Databases</strong>:</h4>
<p>Cinema represents a novel database approach to in-situ and post-processing scientific workflow that facilitates exploration, visualization, and analysis of both simulation and experimental data. A Cinema database is a set of parameters mapped with a set of data artifacts. These data artifacts encompass a range of possibilities -- metadata such as run parameters, output variables, images, grids, csv files - any type of data that can be written to disk. This database model supports multiple use cases: </p>
<ul style="list-style-type:square">
<li> Searching/querying of metadata and data artifacts. Samples can be searched on metadata, content, position, time, or a combination of all of these. </li>
<li>Real-time interactive visualization of sets of data artifacts. </li>
<li>Playing interactive visualization, allowing the user on/off control of elements within the visualization. </li>
</ul>
<p> A general design philosophy of Cinema is that applications reading and viewing a Cinema database can determine which data to operate on, and which operations to perform. This promotes a wide range of possible interactions with
the data - not just the ones imagined by the creator of the database. </p>
<h4>Databases Work with <strong>Viewers</strong>:</h4>
<p>The foundation of Cinema is database specifications that provide a way for common data to be written and read by any application. A Cinema viewer is an application designed to interact with a Cinema database. We provide reference implementations of viewers on the <a href="downloads.html">Downloads</a> page , but these are by no means intended to be the only applications within the Cinema community. Cinema is designed with the flexibility needed for the user to adapt it to the specific workflow. </p>
</section>
</div>
</div> <!-- This ends a major row/section -->
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="container">
<div class="row double">
<div class="6u">
<div class="row collapse-at-2">
<div class="6u">
<h3>Useful Links</h3>
<ul class="alt">
<li><a href="http://dsscale.org/">Data Science at Scale</a></li>
<li><a href="http://www.lanl.gov/">Los Alamos National Laboratory</a></li>
<li><a href="https://www.exascaleproject.org/">Exascale Computing Project</a></li>
<li></li>
</ul>
</div>
<div class="6u">
<h3>Our Partners and Sponsors</h3>
<ul class="alt">
<li><a href="https://www.paraview.org/">ParaView</a></li>
<li><a href="https://visit.llnl.gov/">VisIt</a></li>
<li><a href="https://science.energy.gov/">Dept. of Energy Office of Science</a></li>
<li><a href="https://nnsa.energy.gov/">National Nuclear Security Administration</a></li>
</ul>
</div>
</div>
</div>
<div class="6u">
<h2>Cinema Science </h2>
<p>Cinema is developed by the Data Science at Scale team at Los Alamos National Laboratory. We welcome contributions from users in the Cinema community, just head over to the <a href="https://github.com/cinemascience">Cinema Science Github. </a> </p>
</div>
</div>
<ul class="copyright">
<li><a href="https://github.com/cinemascience">Cinema Science Github </a></li>
<li>Based on the Ion template from: <a href="http://templated.co">TEMPLATED</a></li>
</ul>
</div>
</footer>
</body>
</html>