60 lines
1.5 KiB
HTML
60 lines
1.5 KiB
HTML
<html>
|
|
<head>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
Axis 1
|
|
<div>
|
|
Title
|
|
<input id="axis-1-title" value="axis 1"/>
|
|
</div>
|
|
<div>
|
|
Start Value:
|
|
E<input type="number" id="axis-1-start" value="0"/>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
Axis 2
|
|
<div>
|
|
Title
|
|
<input id="axis-2-title" value="axis 2"/>
|
|
</div>
|
|
<div>
|
|
Start Value:
|
|
E<input type="number" id="axis-2-start" value="0"/>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
Axis 3
|
|
<div>
|
|
Title
|
|
<input id="axis-3-title" value="axis 3"/>
|
|
</div>
|
|
<div>
|
|
Start Value:
|
|
E<input type="number" id="axis-3-start" value="0"/>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
axis title text size (px):
|
|
<input type="number" id="axis-title-size" value="16"/>
|
|
</div>
|
|
<div>
|
|
tick label text size (px):
|
|
<input type="number" id="tick-label-size" value="2"/>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div>
|
|
ticks:
|
|
<input type="number" id="ticks" value="10"/>
|
|
</div>
|
|
<div>
|
|
tick size (px):
|
|
<input type="number" id="tick-size" value="5"/>
|
|
</div>
|
|
<div id="svg-container" class="my-class"></div>
|
|
</body>
|
|
<script src="index.js"></script>
|
|
</html> |