-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
38 lines (31 loc) · 1.44 KB
/
index.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
<!DOCTYPE html>
<meta charset="utf-8">
<title>Analysis of the success of Pixar movies against popular competitors</title>
<h1>Analysis of the success of Pixar movies against popular competitors</h1>
<h4>This is a solo project I worked on in Data Visualization (CS3281) class at Vanderbilt University, taught by Professor Matthew Berger.</h4>
<h4>I used D3 library with SVG on the Observable platform and deployed using NodeJS, AWS and nginx.</h4>
<link href="static/inspector.css" rel="stylesheet" type="text/css">
<link href="static/index.css" rel="stylesheet" type="text/css">
<body>
<div id="year_threshold"></div>
<div id="order"></div>
<div id="main_plot"></div>
</body>
<script type="module">
import define from "/static/index.js";
import {Runtime, Library, Inspector} from "./static/runtime.js";
const runtime = new Runtime();
// const main = runtime.module(define, Inspector.into(document.body));
function renderNotebook(notebook, cellNames) {
runtime.module(notebook, name => {
if (cellNames.includes(name)) {
if (name.includes("viewof")) {
return new Inspector(document.querySelector(`#${name.substr(7)}`));
} else return new Inspector(document.querySelector(`#${name}`));
} else {
return true
}
});
}
const main = renderNotebook(define, ["viewof year_threshold", "viewof order", "main_plot"]);
</script>