-
Notifications
You must be signed in to change notification settings - Fork 0
/
rho-phi-detector-cms.html
40 lines (37 loc) · 1.64 KB
/
rho-phi-detector-cms.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
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Rho Phi View of Detector</title>
</head>
<body>
<div id="cms-detector-2d-500" style="display: inline-block; width: 500px; height: 500px"></div>
<div id="cms-detector-2d-400" style="display: inline-block; width: 400px; height: 400px"></div>
<div id="cms-detector-2d-300" style="display: inline-block; width: 300px; height: 300px"></div>
<div id="cms-detector-2d-200" style="display: inline-block; width: 200px; height: 200px"></div>
</body>
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.js"></script>-->
<script src="assets/d3.v3.min.js"></script>
<script src="assets/CMSVis2D.js"></script>
<script type="text/javascript">
CMSVis2D.rendering.render("#cms-detector-2d-500", [
{x:26, y:30, color:"#F0C419"},
{x:-60, y:55, color:"#F0C419"},
{x:37, y:-10, color:"#F0C419"},
{x:-60, y:10, color:"#F0C419"},
{x:-27, y:-30, color:"#F0C419"},
{x:60, y:-55, color:"#F0C419"},
{x:-60, y:-55, color:"#F0C419"},
{x:-70, y:-65, color:"#F0C419"},
{x:60, y:-35, color:"#F0C419"},
{x:40, y:-15, color:"#F0C419"},
{x:70, y:-90, color:"#F0C419"},
{x:25, y:-20, color:"#F0C419"},
{x:-25, y:-10, color:"#F0C419"},
{x:40, y:55, color:"#F0C419"}
], {"width":500, "height":500});
// CMSVis2D.rendering.render("#cms-detector-2d-400", "event", {"width":400, "height":400});
// CMSVis2D.rendering.render("#cms-detector-2d-300", "event", {"width":300, "height":300});
// CMSVis2D.rendering.render("#cms-detector-2d-200", "event", {"width":200, "height":200});
</script>
</html>