doevisualizations
Version:
Data Visualization Library based on RequireJS and D3.js (v4+)
85 lines (67 loc) • 2.37 kB
HTML
<html>
<head>
<title>DOE Widget</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="HandheldFriendly" content="true" />
<meta name="apple-touch-fullscreen" content="yes" />
<meta name="format-detection" content="telephone=no">
<link href="node_modules/normalize.css/normalize.css" rel="stylesheet" />
<link href="css/doeviz.css" rel="stylesheet" />
<style>
body {
font-family: "Open Sans"
}
.container {
margin: 25px;
clear: both;
}
.three {
margin-top: 75px;
}
.boxplot {
margin: 220px 45px;
}
.container2 {
margin-top: 50px;
}
</style>
<script type="text/javascript">
var require = {
urlArgs: "v=" + ((false) ?
(new Date()).getTime() :
2179)
};
</script>
<script data-main="app" src="require.js"></script>
</head>
<body>
<div class="one container" style="width: 600px; height: 375px">
Hello Container 1
</div>
<div class="pie container" style="width: 600px; height: 375px">
Hello Container 1
</div>
<div class="bar container" style="width:600px; height:600px">
</div>
<div class="groupedbar container" style="width:600px; height:600px">
</div>
<div class="stackedBar container" style="width: 600px; height: 600px">
stackedBar
</div>
<div class="three container" style="width:500px; height:500px">
Hello Container 3
</div>
<div class="footballfield container" style="width:700px; height:300px">
</div>
<!-- <div class="pie2 container" style="width:300px; height:300px">
</div> -->
</body>
</html>