Examples

Here are examples.

Arc Flash in a Padmounted Switch

This app models the arc flash incident energy based on tests of PMH padmounted switches by EPRI and PG&E. For more information, see EPRI 1022697 [2011] and Short and Eblen [2012]. Notes The incident energy in this equipment is higher than predicted by IEEE 1584 because of horizontal busbars. Magnetic fields from the arc current push the arcs and arc energy out of the enclosure towards the worker. This equipment is also unusual in that the incident energy is not linear with duration–the heat rate increases with increasing duration.

Rendering Input

Many different JavaScript libraries can be used to render input or output content. Input forms are tricky because the HTML can get complicated. Here is an example of using several common libraries to create input elements: Mithril Preact React Vue Here’s the code used to create the form above: function section(h, str) { return h("div", {}, ["Input from " + str + ":", h("br"), h("input", {type: "numeric", mdpad: "num", value: 3}), h("input", {type: "checkbox", mdpad: str + "chk"}), h("br")]); } // Mithril m.

Rendering Output

This page highlights different types of output. Results Here are examples of different types of output. These are in embedded in expandable Bootstrap cards. function card(title, content, doshow) { var idref = "ref" + Math.random().toString().substring(2,15); return m(".card", m(".card-header", m(".mb-0", m("button.btn.btn-link", {"data-toggle":"collapse", "data-target":"#" + idref}, title, ))), m(".collapse" + (doshow ? ".show" : "") + "#" + idref, m(".card-body", content, ))); } var vegaspec = { "

Shortcodes

Another option for form entry is to use template features of a static- site generator. This directly generates HTML, so forms do not need to be generated at runtime. It also helps to decouple the look of the forms to the template used. The main downside is that it ties the document to the particular system used. Here is an example of using Hugo’s shortcodes to generate form elements. Numeric input A Numeric input B Text input C Select input D Apple Orange Banana