[dep-ui] / rolling.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
          "http://www.w3c.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Rolling wire-strip calculator</title>
  <meta name=viewport content="width=device-width initial-scale=1.0">
  <link rel=stylesheet type="text/css" href="dep-ui.css">
  <link rel=stylesheet type="text/css" href="rolling.css">
  <script type="text/javascript" src="dep.js"></script>
  <script type="text/javascript" src="dep-ui.js"></script>
<head>
<body>

<h1>Rolling wire-strip calculator</h1>

<div id=trace style="white-space: pre"></div>
<script type="text/javascript"><!--
--></script>

<table class=widgets>
  <tr><td colspan=2><h3>Required size</h3>
  <tr>
    <td class=label><label for=width>Width: </label>
    <td><input id=width>
    <script type="text/javascript"><!--
	var width = new DEP.Dep();
	DEP_UI.input_field('width', width, DEP_UI.convert_to_numeric);
    --></script>
  <tr>
    <td class=label><label for=thick>Thickness: </label>
    <td><input id=thick>
    <script type="text/javascript"><!--
	var thick = new DEP.Dep();
	DEP_UI.input_field('thick', thick, DEP_UI.convert_to_numeric);
    --></script>
  <tr>
    <td class=label><label for=length>Length: </label>
    <td><input id=length>
    <script type="text/javascript"><!--
	var length = new DEP.Dep();
	DEP_UI.input_field('length', length, DEP_UI.convert_to_numeric);
    --></script>

  <tr><td colspan=2><h3>You should start with</h3>
  <tr>
    <td class=label><label for=sq-size>Square side: </label>
    <td><input id=sq-size readonly>
    <script type="text/javascript"><!--
	var sq_size = new DEP.Dep(function () {
	  return Math.pow(Math.pow(width.value(), 2) * thick.value(), 1/3);
	});
	DEP_UI.output_field('sq-size', sq_size, DEP_UI.convert_from_numeric);
    --></script>
  <tr>
    <td class=label><label for=rnd-diam>Round diameter: </label>
    <td><input id=rnd-diam readonly>
    <script type="text/javascript"><!--
	var rnd_diam = new DEP.Dep(function () {
	  return 2*sq_size.value()/Math.sqrt(Math.PI);
	});
	DEP_UI.output_field('rnd-diam', rnd_diam,
			    DEP_UI.convert_from_numeric);
    --></script>
  <tr>
    <td class=label><label for=start-length>Length: </label>
    <td><input id=start-length readonly>
    <script type="text/javascript"><!--
	var volume = new DEP.Dep(function () {
	  return width.value() * thick.value() * length.value();
	});
	volume.name = 'volume';
	var start_length = new DEP.Dep(function () {
	  return volume.value()/(Math.pow(sq_size.value(), 2));
	});
	DEP_UI.output_field('start-length', start_length,
			    DEP_UI.convert_from_numeric);
    --></script>

  <tr><td colspan=2><h3>Initial stock</h3>
  <tr><td colspan=2>
    <input type=radio name=stock-type value=round id=stock-round checked>
    <label for=stock-round>Round section</label>
    <script type="text/javascript"><!--
	var stock_type = new DEP.Dep();
	DEP_UI.input_radio('stock-round', stock_type);
    --></script>
  <tr><td colspan=2>
    <input type=radio name=stock-type value=square id=stock-square>
    <label for=stock-square>Square section</label>
    <script type="text/javascript"><!--
	DEP_UI.input_radio('stock-square', stock_type);
    --></script>
  <tr>
    <td class=label><label for=stock-size>Stock size: </label>
    <td><input id=stock-size>
    <script type="text/javascript"><!--
	var stock_size = new DEP.Dep();
	DEP_UI.input_field('stock-size', stock_size,
			   DEP_UI.convert_to_numeric);
    --></script>
  <tr>
    <td class=label><label for=stock-length>Stock length: </label>
    <td><input id=stock-length readonly>
    <script type="text/javascript"><!--
	var stock_length = new DEP.Dep(function () {
	  var cross;
	  switch (stock_type.value()) {
	    case 'round':
	      cross = 1/4 * Math.PI * Math.pow(stock_size.value(), 2);
	      break;
	    case 'square':
	      cross = Math.pow(stock_size.value(), 2);
	      break;
	    default:
	      dep_bad();
	  }
	  return volume.value()/cross;
	});
	DEP_UI.output_field('stock-length', stock_length,
			    DEP_UI.convert_from_numeric);
    --></script>
</table>

<script type="text/javascript"><!--
	function toggle_help() {
	  var e = DEP_UI.elt('help');
	  var b = DEP_UI.elt('toggle-help');
	  if (e.className.match(/\bconceal\b/)) {
	    b.textContent = 'Hide help';
	    DEP_UI.rm_elt_class(e, 'conceal');
	  } else {
	    b.textContent = 'Show help';
	    DEP_UI.add_elt_class(e, 'conceal');
	  }
	}
	document.write(
	  '<button id=toggle-help onclick="toggle_help()">' + 
	  'Show help</button>');
--></script>
<div id=help>
<script type="text/javascript"><!--
	DEP_UI.add_elt_class(DEP_UI.elt('help'), 'conceal');
--></script>
<h2>What this program does</h2>

<div id=js-note>
<script type="text/javascript"><!--
	DEP_UI.add_elt_class(DEP_UI.elt('js-note'), 'conceal');
--></script>
<p>This page is only really interesting because it contains a Javascript
program.  You seem to have Javascript turned off, so it won&rsquo;t work very
well.  It only requires first-party scripts;
see <a href="#privacy">Privacy</a> for more details.
</div>

<h3>Background</h3>

<p>When you pass round or square wire through flat rolls it gets flatter
and longer, but it also gets wider.  You can exploit this to make thin
wire strip of almost any dimensions, but it&rsquo;s rather difficult to
predict the result.  That&rsquo;s what this calculator does.

<p>You specify the width and thickness of the strip you want, and the
program calculates what size round or square wire you should start with.
Additionally, if you specify the length of strip you need, it will
calculate the length of the input wire.

<p>The chances are that you don&rsquo;t actually have the required
thickness of round or square wire to start with, but you do have some
that&rsquo;s thicker.  Just enter the size of the round or square
initial stock that you do have and the program will calculate how much
of it you need to create the required starting size that you can then
roll down to the required thickness of strip.

<p>For best results, roll the strip in as few passes as you can handle.
The results aren&rsquo;t accurate for broad, thin strips.
Width-to-thickness ratios of up to 6:1 are known to be good; ratios of
12:1 or more don't work: strips don&rsquo;t get as wide as predicted by
our model.  We need to collect more data and construct a better model to
handle this case properly.

<p>You can see the <a href="rolling-eqn.html">detailed equations</a>
used for this calculation if you&rsquo;re interested.

<h3>Use</h3>

<p>Boxes with light red or white backgrounds are entry boxes for you to
type in your requirements; boxes with dark red or grey backgrounds are
where the calculator puts its answers.  White and grey mean that the box
is showing useful information: an input box contains a valid number, for
example, and an output box has calculated a correct answer.  Red, on the
other hand, means that there&rsquo;s something wrong: either the
calculator can&rsquo;t understand what you&rsquo;ve typed in an input
box, or it&rsquo;s hit trouble &ndash; usually this means that some
necessary input is missing.

<p>You specify the width and thickness of the strip you want, and the
program calculates what size round or square wire you should start with.
Additionally, if you specify the length of strip you need, it will
calculate the length of the input wire.

<p>You can use whatever units you like, as long as they are consistent,
but you cannot use wire gauges.  If you use millimetres, the results
will be in millimetres; if you use inches, the results will be in
inches.  Whatever you use, the results are displayed to only 3 decimal
places.

<h3>Code and credits</h3>

<p>The code which makes this page work
is <a href="https://www.gnu.org/philosophy/free-sw.html">free
software</a>.  You
can <a href="https://git.distorted.org.uk/~mdw/dep-ui/">browse or download
it</a>, modify it, and/or redistribute it under the terms of the
<a href="https://www.gnu.org/licenses/old-licenses/gpl-2.0.html">GNU
General Public License, version 2</a> or, at your option, any later
version.

<p>If you make interesting changes, I&rsquo;d be very grateful to know
about them.  Please <a href="mailto:mdw@distorted.org.uk">mail me
patches</a>.

<p>The Javascript machinery on this page was written by Mark Wooding;
the text was written by Mark Wooding and Gary Wooding.  The data used
to derive the computation was provided by Gary Wooding.

<h3 id="privacy">Privacy</h3>

<p>There are no cookies or other trackers here.  This page does not use
externally hosted scripts, fonts, images, or anything else.  The server
has logged your IP address, which helps me fix things if they go wrong;
mostly things work fine and the logs are discarded after a couple of
weeks.

<p>Most web browsers can save a version of this page which can be used
offline.

</div>
</body>
</html>
Commit	Line	Data
ac26861c MW	1	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	2	"http://www.w3c.org/TR/html4/strict.dtd">
	3	<html>
	4	<head>
	5	<title>Rolling wire-strip calculator</title>
9c4e8d7f	6	<meta name=viewport content="width=device-width initial-scale=1.0">
ac26861c MW	7	<link rel=stylesheet type="text/css" href="dep-ui.css">
ac26861c MW	8	<link rel=stylesheet type="text/css" href="rolling.css">
daa2a01c MW	9	<script type="text/javascript" src="dep.js"></script>
daa2a01c MW	10	<script type="text/javascript" src="dep-ui.js"></script>
ac26861c MW	11	<head>
	12	<body>
	13
	14	<h1>Rolling wire-strip calculator</h1>
	15
c6150f2f	16	<div id=trace style="white-space: pre"></div>
ac26861c MW	17	<script type="text/javascript"><!--
	18	--></script>
	19
	20	<table class=widgets>
	21	<tr><td colspan=2><h3>Required size</h3>
	22	<tr>
	23	<td class=label><label for=width>Width: </label>
	24	<td><input id=width>
	25	<script type="text/javascript"><!--
	26	var width = new DEP.Dep();
	27	DEP_UI.input_field('width', width, DEP_UI.convert_to_numeric);
	28	--></script>
	29	<tr>
	30	<td class=label><label for=thick>Thickness: </label>
	31	<td><input id=thick>
	32	<script type="text/javascript"><!--
	33	var thick = new DEP.Dep();
	34	DEP_UI.input_field('thick', thick, DEP_UI.convert_to_numeric);
	35	--></script>
	36	<tr>
	37	<td class=label><label for=length>Length: </label>
	38	<td><input id=length>
	39	<script type="text/javascript"><!--
	40	var length = new DEP.Dep();
	41	DEP_UI.input_field('length', length, DEP_UI.convert_to_numeric);
	42	--></script>
	43
	44	<tr><td colspan=2><h3>You should start with</h3>
	45	<tr>
	46	<td class=label><label for=sq-size>Square side: </label>
	47	<td><input id=sq-size readonly>
	48	<script type="text/javascript"><!--
	49	var sq_size = new DEP.Dep(function () {
	50	return Math.pow(Math.pow(width.value(), 2) * thick.value(), 1/3);
	51	});
	52	DEP_UI.output_field('sq-size', sq_size, DEP_UI.convert_from_numeric);
	53	--></script>
	54	<tr>
	55	<td class=label><label for=rnd-diam>Round diameter: </label>
	56	<td><input id=rnd-diam readonly>
	57	<script type="text/javascript"><!--
	58	var rnd_diam = new DEP.Dep(function () {
	59	return 2*sq_size.value()/Math.sqrt(Math.PI);
	60	});
	61	DEP_UI.output_field('rnd-diam', rnd_diam,
	62	DEP_UI.convert_from_numeric);
	63	--></script>
	64	<tr>
	65	<td class=label><label for=start-length>Length: </label>
	66	<td><input id=start-length readonly>
	67	<script type="text/javascript"><!--
	68	var volume = new DEP.Dep(function () {
	69	return width.value() * thick.value() * length.value();
	70	});
	71	volume.name = 'volume';
	72	var start_length = new DEP.Dep(function () {
	73	return volume.value()/(Math.pow(sq_size.value(), 2));
	74	});
	75	DEP_UI.output_field('start-length', start_length,
	76	DEP_UI.convert_from_numeric);
	77	--></script>
	78
	79	<tr><td colspan=2><h3>Initial stock</h3>
	80	<tr><td colspan=2>
81	<input type=radio name=stock-type value=round id=stock-round checked>
82	<label for=stock-round>Round section</label>
83	<script type="text/javascript"><!--
84	var stock_type = new DEP.Dep();
85	DEP_UI.input_radio('stock-round', stock_type);
86	--></script>
87	<tr><td colspan=2>
88	<input type=radio name=stock-type value=square id=stock-square>
89	<label for=stock-square>Square section</label>
90	<script type="text/javascript"><!--
91	DEP_UI.input_radio('stock-square', stock_type);
92	--></script>
93	<tr>
94	<td class=label><label for=stock-size>Stock size: </label>
95	<td><input id=stock-size>
96	<script type="text/javascript"><!--
97	var stock_size = new DEP.Dep();
98	DEP_UI.input_field('stock-size', stock_size,
99	DEP_UI.convert_to_numeric);
100	--></script>
101	<tr>
102	<td class=label><label for=stock-length>Stock length: </label>
103	<td><input id=stock-length readonly>
104	<script type="text/javascript"><!--
105	var stock_length = new DEP.Dep(function () {
106	var cross;
107	switch (stock_type.value()) {
108	case 'round':
109	cross = 1/4 * Math.PI * Math.pow(stock_size.value(), 2);
110	break;
111	case 'square':
112	cross = Math.pow(stock_size.value(), 2);
113	break;
114	default:
115	dep_bad();
116	}
117	return volume.value()/cross;
118	});
119	DEP_UI.output_field('stock-length', stock_length,
120	DEP_UI.convert_from_numeric);
121	--></script>
122	</table>
123
124	<script type="text/javascript"><!--
125	function toggle_help() {
126	var e = DEP_UI.elt('help');
127	var b = DEP_UI.elt('toggle-help');
128	if (e.className.match(/\bconceal\b/)) {
129	b.textContent = 'Hide help';
130	DEP_UI.rm_elt_class(e, 'conceal');
131	} else {
132	b.textContent = 'Show help';
133	DEP_UI.add_elt_class(e, 'conceal');
134	}
135	}
136	document.write(
137	'<button id=toggle-help onclick="toggle_help()">' +
138	'Show help</button>');
139	--></script>
140	<div id=help>
141	<script type="text/javascript"><!--
142	DEP_UI.add_elt_class(DEP_UI.elt('help'), 'conceal');
143	--></script>
144	<h2>What this program does</h2>
145
146	<div id=js-note>
147	<script type="text/javascript"><!--
148	DEP_UI.add_elt_class(DEP_UI.elt('js-note'), 'conceal');
149	--></script>
150	<p>This page is only really interesting because it contains a Javascript
ea8c4d68	151	program. You seem to have Javascript turned off, so it won’t work very
6903bc5d MW	152	well. It only requires first-party scripts;
6903bc5d MW	153	see <a href="#privacy">Privacy</a> for more details.
ac26861c MW	154	</div>
	155
	156	<h3>Background</h3>
	157
	158	<p>When you pass round or square wire through flat rolls it gets flatter
	159	and longer, but it also gets wider. You can exploit this to make thin
	160	wire strip of almost any dimensions, but it’s rather difficult to
	161	predict the result. That’s what this calculator does.
	162
	163	<p>You specify the width and thickness of the strip you want, and the
	164	program calculates what size round or square wire you should start with.
	165	Additionally, if you specify the length of strip you need, it will
	166	calculate the length of the input wire.
	167
	168	<p>The chances are that you don’t actually have the required
	169	thickness of round or square wire to start with, but you do have some
	170	that’s thicker. Just enter the size of the round or square
	171	initial stock that you do have and the program will calculate how much
	172	of it you need to create the required starting size that you can then
	173	roll down to the required thickness of strip.
	174
	175	<p>For best results, roll the strip in as few passes as you can handle.
0e31736d MW	176	The results aren’t accurate for broad, thin strips.
	177	Width-to-thickness ratios of up to 6:1 are known to be good; ratios of
	178	12:1 or more don't work: strips don’t get as wide as predicted by
	179	our model. We need to collect more data and construct a better model to
	180	handle this case properly.
ac26861c	181
ef43c701	182	<p>You can see the <a href="rolling-eqn.html">detailed equations</a>
ea8c4d68	183	used for this calculation if you’re interested.
ef43c701	184
ac26861c MW	185	<h3>Use</h3>
	186
	187	<p>Boxes with light red or white backgrounds are entry boxes for you to
	188	type in your requirements; boxes with dark red or grey backgrounds are
	189	where the calculator puts its answers. White and grey mean that the box
	190	is showing useful information: an input box contains a valid number, for
	191	example, and an output box has calculated a correct answer. Red, on the
	192	other hand, means that there’s something wrong: either the
	193	calculator can’t understand what you’ve typed in an input
	194	box, or it’s hit trouble – usually this means that some
	195	necessary input is missing.
	196
4e97c6e3 MW	197	<p>You specify the width and thickness of the strip you want, and the
	198	program calculates what size round or square wire you should start with.
	199	Additionally, if you specify the length of strip you need, it will
	200	calculate the length of the input wire.
	201
	202	<p>You can use whatever units you like, as long as they are consistent,
	203	but you cannot use wire gauges. If you use millimetres, the results
	204	will be in millimetres; if you use inches, the results will be in
	205	inches. Whatever you use, the results are displayed to only 3 decimal
	206	places.
	207
57cb467b	208	<h3>Code and credits</h3>
45051e06 MW	209
45051e06 MW	210	<p>The code which makes this page work
8a0fc4a2	211	is <a href="https://www.gnu.org/philosophy/free-sw.html">free
45051e06	212	software</a>. You
8a0fc4a2	213	can <a href="https://git.distorted.org.uk/~mdw/dep-ui/">browse or download
45051e06	214	it</a>, modify it, and/or redistribute it under the terms of the
8a0fc4a2	215	<a href="https://www.gnu.org/licenses/old-licenses/gpl-2.0.html">GNU
45051e06 MW	216	General Public License, version 2</a> or, at your option, any later
	217	version.
	218
c690b9b8 MW	219	<p>If you make interesting changes, I’d be very grateful to know
	220	about them. Please <a href="mailto:mdw@distorted.org.uk">mail me
	221	patches</a>.
45051e06	222
2c03671e	223	<p>The Javascript machinery on this page was written by Mark Wooding;
57cb467b MW	224	the text was written by Mark Wooding and Gary Wooding. The data used
	225	to derive the computation was provided by Gary Wooding.
	226
6903bc5d MW	227	<h3 id="privacy">Privacy</h3>
	228
	229	<p>There are no cookies or other trackers here. This page does not use
	230	externally hosted scripts, fonts, images, or anything else. The server
	231	has logged your IP address, which helps me fix things if they go wrong;
	232	mostly things work fine and the logs are discarded after a couple of
	233	weeks.
	234
c3d1ecfb MW	235	<p>Most web browsers can save a version of this page which can be used
	236	offline.
	237
ac26861c MW	238	</div>
	239	</body>
	240	</html>