nanovis.github.io/ScalableVisualization.html at master · nanovis/nanovis.github.io · GitHub

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
132
133
134
135
<!DOCTYPE HTML>
<!--
	Twenty by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>Nanovis Group</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>
	<head>
		<title>Nanovis Group</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="index is-preload">
		<div id="page-wrapper">

			<!-- Header -->
				<div id="header-container"></div>

			<!-- Banner -->
				<div id="banner-container"></div>


			 <!-- Scalable Visualization -->

			 <article id="main">

                <header class="special container">
                    <h2><strong>Scalable Visualization</strong></h2>
                    <h3 id="Scalable"><strong>Scalable Construction</strong></h3>
                </header>

                <!-- Nanomatrix -->
                <section id="pub_1" class="wrapper style4 container special-alt">
                    <div class="row gtr-50">
                        <div class="col-8 col-12-narrower">

                            <header>
                                <h2><a href="Nanomatrix.html">Nanomatrix: Scalable Construction of Crowded Biological Environments</a></h2>
                            </header>
                            <p>
                                Nanomatrix is a novel method for the interactive construction and rendering of extremely large molecular scenes, capable of representing multiple biological cells in atomistic detail.
                            </p>
                            <footer>
                                <ul class="buttons">
                                    <li><a href="Nanomatrix.html" class="button">More ...</a></li>
                                </ul>
                            </footer>

                        </div>
                        <div class="col-4 col-12-narrower imp-narrower">
                            <div class="image fit">
                                <img src="./images/Nanomatrix-result_01.png" />
                            </div>
                        </div>
                    </div>
                </section>


            </article>

            <!-- Scalable Visualization -->

            <article id="main">

                <header class="special container">
                    <h3 id="Code"><strong>Scalable Rendering</strong></h3>
                </header>

                <!--Naonuniverse -->
                <section id="pub_1" class="wrapper style4 container special-alt">
                    <div class="row gtr-50">
                        <div class="col-8 col-12-narrower">

                            <header>
                                <h2><a href="Nanouniverse.html">Nanouniverse: Virtual Instancing of Structural Detail and Adaptive Shell Mapping</a></h2>
                            </header>
                            <p>
                                Nanouniverse introduces a novel method for rendering massive molecular scenes using hardware-accelerated ray tracing, overcoming GPU memory constraints with virtual instantiation.
                            </p>
                            <footer>
                                <ul class="buttons">
                                    <li><a href="Nanouniverse.html" class="button">More ...</a></li>
                                </ul>
                            </footer>

                        </div>
                        <div class="col-4 col-12-narrower imp-narrower">
                            <div class="image fit">
                                <img src="./images/Nanouniverse.png" />
                            </div>
                        </div>
                    </div>
                </section>


            </article>

			<!-- Footer -->
				<footer id="footer">

					<ul class="icons">
						<li><a href="https://github.com/nanovis" class="icon brands circle fa-github"><span class="label">Github</span></a></li>
					</ul>

					<ul class="copyright">
						<li>&copy; Nanovis</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
					</ul>

				</footer>

		</div>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.dropotron.min.js"></script>
			<script src="assets/js/jquery.scrolly.min.js"></script>
			<script src="assets/js/jquery.scrollex.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>
			<script src="assets/js/load_header.js"></script>
			<script src="assets/js/load_banner.js"></script>

	</body>
</html>