<!DOCTYPE html> | |
<html> | |
<head> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width"> | |
<style> | |
.label { | |
font-size: 10em; | |
font-family:"sans-serif"; | |
fill: white; | |
stroke: black; | |
stroke-width: 4px; | |
} | |
rect { | |
stroke: black; | |
stroke-width: 5px; | |
} | |
</style> | |
<title>1600x900 Monitor pairings</title> | |
</head> | |
<body> | |
<svg width="6000" height="2200"> | |
<rect width="1600" height="1200" x="20" y="80" fill="orange" /> | |
<text class="label" x="150" y="1100">1600 x 1200</text> | |
<rect width="1600" height="900" x="20" y="1300" fill="rgb(100,50,200)"/> | |
<text class="label" x="150" y="1500">1600 x 900</text> | |
<rect width="1680" height="1050" x="1660" y="230" fill="blue" /> | |
<text class="label" x="1850" y="1100">1680 x 1050</text> | |
<rect width="1600" height="900" x="1700" y="1300" fill="rgb(100,50,200)" /> | |
<text class="label" x="1850" y="1500">1600 x 900</text> | |
<rect width="1920" height="1080" x="3400" y="200" fill="green" /> | |
<text class="label" x="3700" y="1100">1920 x 1080</text> | |
<rect width="1600" height="900" x="3560" y="1300" fill="rgb(100,50,200)" /> | |
<text class="label" x="3700" y="1500">1600 x 900</text> | |
</svg> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment