markdeep`Symbol Substitutions ------------------------------------------------------------------------------ Markdeep converts \`<->\`, \`<==>\`, \`->\`, \`-->\`, \`<-\`, \`<--\`, \`==>\`, and \`<==\` to arrows if they aren't in a code block or latex expression and are surrounded by whitespace. Examples: - if this ==> then that - here <== there - this <==> that - A <- B - X -> Y - back <-> forth - long --> way - back <-- there Two or three minus signs are converted to an em dash--like that. An "x" between numbers, such as 1920x1080 or 3 x 4, will be converted to the times symbol. Negative numbers, such as -5 and minus signs between numbers such as 2 - 1, will have a minus sign instead of a hyphen. Degrees are reformatted to the degree symbol: - Cold, 37-degree F water. - A 45-degree angle. - A right angle's measure is 90 degrees. It doesn't reformat the word "degree" when not following digits: - Don't give me the third degree! - I have two degrees from MIT. "Smart quotes" are applied for double-quote marks based on position relative to whitespace: "a" b c a "b" c a b "c" a "b!" c a "b," c a "b". C a, "b" c a---"b"---c a ("b") c "error" ==> "correction" Inch or minute markers such as 3' 9" are not converted. Quotation marks in HTML attributes and in code blocks, e.g., \`var x = "hello world"\`, are not converted. Admonitions ----------------------------------------------------------------------------- Admonitions are small break-out boxes with notes, tips, warnings, etc. for the reader. They begin with a title line of a pattern of three exclaimation marks, an optional CSS class, and an optional title. All following lines that are indented at least three spaces are included in the body, which may include multiple paragraphs. The default stylesheet provides classes for "note" (default), "tip", "warning", and "error". These are case insensitive and ignore any colon after the CSS class. Here are some examples: \`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\` none !!! I'm a note. Don't mind me, I'm just sitting here. !!! note Another note. !!! Tip Close the door on the way out. !!! WARNING I'm a warning, perhaps. *Something might happen!* !!! ERROR: Seriously Watch out, something **bad** could happen. This is still more error text. \`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\` !!! I'm a note. Don't mind me, I'm just sitting here. !!! note Another note. !!! Tip Close the door on the way out. !!! WARNING I'm a warning, perhaps. *Something might happen!* !!! ERROR: Seriously Watch out, something **bad** could happen. This is still more error text. Fenced Code Blocks ------------------------------------------------------------------------------ Set off large blocks of code using equal-length strings of tilde \`~\` or back-tick \` characters. Each produces a different CSS class so that they can be styled differently. By default, tilde blocks have lines before and after them and are inset for use as code listings instead of large inline code blocks. Both styles receive syntax coloring and automatic programming language detection. You can override automatic programming language detection by putting the name of the language immediately following the first fence. You can specify a custom CSS class for a code block by placing its name after the language name.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C
void insertion_sort(int data[], int length) {
    for (int i = 0; i < length; ++i) {
       ...
    }
}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C void insertion_sort(int data[], int length) { for (int i = 0; i < length; ++i) { ... } } ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Alternative back-tick markup: \`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\` def insertionSort(data): for i in range(0, len(data)): j = i; while (j > 0) and (data[j] < data[j - 1]): temp = data[j] data[j] = data[j - 1] data[j] = temp --j \`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\`\` ### HTML and LaTeX Blocks You can even have HTML in a code block: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Show this HTML as source, not code.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ \`

\` \`\`\`\`\`\`\`\`\`

\`\`\`\`\`\`\`\`\` LaTeX and other languages that use dollar signs work fine inside code fences: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ $ \int_0^1 x^2 dx $ $$$a = $$$e ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ...and of course, Markdeep inside Markdeep: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ - Do not - Format - this as a **list**! ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ### Code Blocks with Captions Code listings may have captions: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Python def insertionSort(data): for i in range(0, len(data)): j = i; while (j > 0) and (data[j] < data[j - 1]): temp = data[j] data[j] = data[j - 1] data[j] = temp --j ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ [Listing [sort]: An insertion sort] If you don't have a lot of exposition to share, then code blocks can be back to back: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ printf("Hello\n"); ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ printf("World\n"); ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ### Line Numbers Adding the \`linenumbers\` CSS class to a listing makes line numbers appear:

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Python linenumbers
def insertionSort(data):
...
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Python linenumbers def insertionSort(data): for i in range(0, len(data)): j = i; while (j > 0) and (data[j] < data[j - 1]): temp = data[j] data[j] = data[j - 1] data[j] = temp --j ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ [Listing [sort2]: An insertion sort with line numbers] ### Multi-code Blocks and Custom CSS You can interlace different languages or CSS classes within a single code block, but each is required to specify the language in this case. This is convenient for highighting lines or showing the trace of an interactive session. An example of a fenced code block with a CSS class:

~~~~~~~~~~~~~~ Python input
>>> x = [1, 2, 3, 4]
>>> [y * 2 for y in x]
~~~~~~~~~~~~~~ none output
[2, 4, 6, 8]
~~~~~~~~~~~~~~ Python input
>>> x + [5]
~~~~~~~~~~~~~~ none output
[1, 2, 3, 4, 5]
~~~~~~~~~~~~~
[This listing combines multiple code blocks to show the input and output of an interactive section.]

And its result: ~~~~~~~~~~~~~~ Python input >>> x = [1, 2, 3, 4] >>> [y * 2 for y in x] ~~~~~~~~~~~~~~ none output [2, 4, 6, 8] ~~~~~~~~~~~~~~ Python input >>> x + [5] ~~~~~~~~~~~~~~ none output [1, 2, 3, 4, 5] ~~~~~~~~~~~~~~ [This listing combines multiple code blocks to show the input and output of an interactive section.] ### Less-than Signs in Code### #### Summary #### Less-than and greater-than signs (\`<\` and \`>\`) do not need to be escaped in diagrams or code as long as they do not appear immediately adjacent to a letter. Usually adding spaces or using inline code backquote escaping will suffice even in those cases. If you have trouble with less-than and greater-than signs right next to capitalized letters in code blocks, do _one_ of the following: - Put spaces after angle brackets: \`std::vector< Capitalized >\` - Use HTML entity escapes: \`std::vector<Capitalized>\` - Wrap code examples in \`...\` - Wrap your whole document in \`...\` You don't need to do this for legal HTML or XML in code blocks. #### Details #### Less-than and greater-than signs are allowed in code blocks (as well as anywhere else in Markdeep), and will be handled correctly if they are followed by a whitespace character. Likewise, legal HTML and XML are correctly processed as code when in code blocks. However, because browsers interpret "\`<\`" _immediately followed by_ a character as an HTML tag, less-than signs without a following space must be formatted more carefully in shell scripts and languages such as C++ and Java. If the character following the less-than sign is lower-case, for example in: "\`std::vector\`", then no consideration is needed. If the character following less-than is a capital letter, then the browser will automatically make it lower case. If the following character is a slash, then the browser will interpret it as a stray tag and automatically remove it. If you care most about being able to read your document in a browser when the markdeep.js script is not available (due to no local copy and no Internet connection), then either use surrounding whitespace or use HTML entity codes to avoid incorrect processing of less-than signs. **Reformatted Examples:** ~~~~~~~~~~~~~~~~~~~~ #include ls < /dev/null ls array; std::vector array; ~~~~~~~~~~~~~~~~~~~~ If care more about not having to reformat your code examples, then just include them in preformatted \` You can also include your entire document in a preformatted script block to avoid the need for marking up each code (and inline code) example. Diagrams -------------------------------------------------------------------------------- Diagrams can be inserted alongside, as in this **************************** example, or between paragraphs of text as shown * .---------. * below. * | Server |<------. * * '----+----' | * The diagram parser leaves symbols used as labels * | | * unmodified, so characters like > and ( can appear * | DATA CYCLE | * inside of the diagram. In fact, any plain text * v | * may appear in the diagram. In addition to labels, * .-------. .----+----. * any un-beautified text will remain in place for * | Security| | File | * use as ASCII art. Thus, the diagram is rarely * | Policy +->| Manager | * distored by the beautification process. * '-------' '---------' * **************************** ************************************************************************************************* *.-------------------. ^ .---. * *| A Box |__.--.__ __.--> | | | * *| | '--' v | | * *'-------------------' | | * * Round *---(-. | * * .-----------------. .-------. .----------. .-------. | | | * * | Mixed Rounded | | | / Diagonals \ | | | | | | * * | & Square Corners | '--. .--' / \ |---+---| '-)-' .--------. * * '--+------------+-' .--. | '-------+--------' | | | | / Search / * * | | | | '---. | '-------' | '-+------' * * |<---------->| | | | v Interior | ^ * * ' <---' '----' .-----------. ---. .--- v | * * .------------------. Diag line | .-------. +---. \ / . | * * | if (a > b) +---. .--->| | | | | Curved line \ / / \ | * * | obj->fcn() | \ / | '-------' |<--' + / \ | * * '------------------' '--' '--+--------' .--. .--. | .-. +Done?+-' * * .---+-----. | ^ |\ | | /| .--+ | | \ / * * | | | Join | | Curved | \| |/ | | \ | \ / * * | | +----> | '-' Vertical '--' '--' '-- '--' + .---. * * '---+-----' | | | 3 | * * v not:line 'quotes' .-' '---' * * .---+--------. / A || B *bold* | ^ * * | Not a dot | <---+---<-- A dash--is not a line v | * * '---------+--' / Nor/is this. --- * ************************************************************************************************* [Figure [diagram]: Diagrams can also have captions] Code with line-like symbols is allowed in diagrams and is parsed correctly so long as you make it unambiguous: ********************************************** * .-------------------------+--+--------. * * | --x; x->y |__| | * * | 0 __proto__ __FILE__ <= | * * | __ a | b --> foo | * * | |__| y--; x || y a + b <--o--+ * * |__|__|_______________________________| * ********************************************** Here's a diagram on the left of some text: ************** _Song of Myself: 35_ * | | * * --+<---+-- * Would you hear of an old-time sea-fight?
* | ^ * Would you learn who won by the light of the moon and stars?
* v | * List to the yarn, as my grandmother's father the sailor told it to me. * --+--->+-- * * | | * Walt Whitman ************** If there is no leading text on the left except for whitespace, a diagram may omit the asterisks on the right side for convenience: **************************************** * .----. * | | * '----' .------------> * | * '------------- **************************************** Below are some more examples of diagrams. Diagram Examples ================================================================================ Lines with Decorations -------------------------------------------------------------------------------- ************************************************************************************************* * ________ o * * .--------------. * * *---+--. | | o o | ^ \ / | .----------. | * * | | '--* -+- | | v / \ / | | <------. | | * * | '-----> .---(---' --->*<--- / .+->*<--o----' | | | | | * * <--' ^ ^ | | | | | ^ \ | '--------' | | * * \/ *-----' o |<----->| '-----' |__| v '------------' | * * /\ *---------------' * ************************************************************************************************* Graph with Large Nodes -------------------------------------------------------------------------------- ************************************************************************************************* * * * .---. .-. .-. .-. .-. * * | A +----->| 1 +<---->| 2 |<----+ 4 +------------------. | 8 | * * '---' '-' '+' '-' | '-' * * | ^ | ^ * * v | v | * * .-. .-+-. .-. .-+-. .-. .+. .---. * * | 3 +---->| B |<----->| 5 +---->| C +---->| 6 +---->| 7 |<---->| D | * * '-' '---' '-' '---' '-' '-' '---' * ************************************************************************************************* Graph with Small Nodes -------------------------------------------------------------------------------- ************************************************************************************************* * A 1 2 4 8 * * *----->o<---->o<----o-----------. o * * ^ ^ | ^ * * | | | | * * v | v | * * o<--->*<---->o---->*---->o---->o<---->* * * 3 B 5 C 6 7 D * ************************************************************************************************* Flow Chart -------------------------------------------------------------------------------- ************************************************************************************************* * . * * .---------. / \ * * | START | / \ .-+-------+-. ___________ * * '----+----' .-------. A / \ B | |COMPLEX| | / \ .-. * * | | END |<-----+CHOICE +----->| | | +--->+ PREPARATION +--->| X | * * v '-------' \ / | |PROCESS| | \___________/ '-' * * .---------. \ / '-+---+---+-' * * / INPUT / \ / * * '-----+---' ' * * | ^ * * v | * * .-----------. .-----+-----. .-. * * | PROCESS +---------------->| PROCESS |<------+ X | * * '-----------' '-----------' '-' * ************************************************************************************************* Line Ends -------------------------------------------------------------------------------- ************************************************************************************************* * * * o--o *--o / / * o o o o o * * * * o o o o * * * * o o o o * * * * * * o--* *--* v v ^ ^ | | | | | | | | \ \ \ \ \ \ \ \ / / / / / / / / * * o--> *--> * o / / o * v ' o * v ' o * v \ o * v \ o * v / o * v / * * o--- *--- * * ^ ^ ^ ^ . . . . ^ ^ ^ ^ \ \ \ \ ^ ^ ^ ^ / / / / * * | | * o \ \ * o | | | | | | | | \ \ \ \ \ \ \ \ / / / / / / / / * * v v ^ ^ v v ^ ^ o * v ' o * v ' o * v \ o * v \ o * v / o * v / * * * o | | * o \ \ * * * * <--o <--* <--> <--- ---o ---* ---> ---- *<-- o<-- -->o -->* * * * ************************************************************************************************* Tests for some tough cases: ************************************************ * +-+ \ \ | / / * * + + \ v v v / * * +-+ \ .---------. / \ | / * * v| |v vvv * * +-+ --->| |<--- -->o<-- * * | | ^| |^ ^^^ * * +-+ / '---------' \ / | \ * * / ^ ^ ^ \ * * / / | \ \ * ************************************************ Trees -------------------------------------------------------------------------------- ************************************************************************************************* * * * . . . .--- 1 .-- 1 / 1 * * / \ | | .---+ .-+ + * * / \ .---+---. .--+--. | '--- 2 | '-- 2 / \ 2 * * + + | | | | ---+ ---+ + * * / \ / \ .-+-. .-+-. .+. .+. | .--- 3 | .-- 3 \ / 3 * * / \ / \ | | | | | | | | '---+ '-+ + * * 1 2 3 4 1 2 3 4 1 2 3 4 '--- 4 '-- 4 \ 4 * * * ************************************************************************************************* Circuits -------------------------------------------------------------------------------- ************************************************************************************************* * ____ * * * | |_____.---. | * * o _____| )----------)-------. * * / \ | '---' | __|__ * * /___\ | | \ / * * | '-------------. | \ / * * A ----------------' | | o * * .-------------------. o-----)-------' | * * | |___.---. | |___.---. * * B ---*---.__.---. ___| )--*--.__..---. ____) )----- Y * * __| o----*--' '---' ______)) )---' '---' * * C -------' '---' | | ''---' * * | o * * | / \ * * | /___\ * * | | * * '--------------' * ************************************************************************************************* Gantt Chart -------------------------------------------------------------------------------- ************************************************************************************************* * ║ Preproduction┆ Alpha┆ RC1┆ * ═══════════╬══════════════╪════════════╪════════════════╪══ * Story ║ ▆▆▆▆▆▆▆▆ ┆ ▆┆▆▆▆ ┆ * Concept Art║ └▆▆▆▆▆▆┆▆▆▆┐ ┆ ┆ * Modeling ║ ┆ └▆▆▆▆▆▆▆▆┆▆▆▆▆▆▆▆ ┆ * Rigging ║ ┆ └▆▆▆┆▆▆▆▆▆▆▆▆▆▆▆▆ ┆ * Mechanics ║ ▆▆▆▆▆▆┆▆▆┐ ┆ ░░░░▆▆▆▆ ┆ * Engine Code║ ▆▆▆▆▆▆▆┐ │ ┆ └────────▆┆▆▆▆▆▆▆▆▆▆▆▆▆▆ ┆ * Game Code ║ └─┴▆┆▆▆▆▆▆▆▆▆▆▆▆▆┆▆▆▆▆ ░░░░ ▆ ┆ * ║ ┆ ┆ Freeze ┆ ************************************************************************************************* Big Shapes -------------------------------------------------------------------------------- ************************************************************************************************* * * * .---------. . .-------. .-------. .---------. .-----. .----. * * \ / / \ \ \ | | | | / \ / \ * * \ / / \ \ \ | | | | / \ | | * * \ / / \ \ \ | | | | \ / | | * * \ / / \ \ \ | | | | \ / \ / * * ' '---------' '-------' '-------' '---------' '-----' '----' * * * ************************************************************************************************* Small Shapes -------------------------------------------------------------------------------- ************************************************************************************************* * .---. __ .. * * .--. . .-----. \ / .---. .---. ___ ___ | | | ) * * / \ / \ \ / .-. . ' . | | .---. .---. | | / \ | | '--' '' * * \ / / \ \ / | | / \ / \ '---' / / \ \ | | \___/ |___| .. __ * * '--' '-----' ' '-' '---' /___\ '---' '---' '---' ( | |__| * * '' * ************************************************************************************************* Overlaps and Intersections -------------------------------------------------------------------------------- ************************************************************************************************* * * * .-. .-. .-. .-. .-. .-. * * | | | | | | | | | | | | * * .---------. .--+---+--. .--+---+--. .--| |--. .--+ +--. .------|--. * * | | | | | | | | | | | | | | | | | | * * '---------' '--+---+--' '--+---+--' '--| |--' '--+ +--' '--|------' * * | | | | | | | | | | | | * * '-' '-' '-' '-' '-' '-' * ************************************************************************************************* Big Grids -------------------------------------------------------------------------------- ************************************************************************************************* * .----. .----. * * / \ / \ .-----+-----+-----. * * + +----+ +----. | | | | .-----+-----+-----+-----+ * * \ / \ / \ | | | | / / / / / * * +----+ B +----+ + +-----+-----+-----+ +-----+-----+-----+-----+ * * / \ / \ / | | | | / / / / / * * + A +----+ +----+ | | B | | +-----+-----+-----+-----+ * * \ / \ / \ +-----+-----+-----+ / / A / B / / * * '----+ +----+ + | | | | +-----+-----+-----+-----+ * * \ / \ / | A | | | / / / / / * * '----' '----' '-----+-----+-----' '-----+-----+-----+-----+ * * * ************************************************************************************************* Small Grids -------------------------------------------------------------------------------- ************************************************************************************************* * ___ ___ .---+---+---+---+---. .---+---+---+---. .---. .---. * * ___/ \___/ \ | | | | | | / \ / \ / \ / \ / | +---+ | * * / \___/ \___/ +---+---+---+---+---+ +---+---+---+---+ +---+ +---+ * * \___/ b \___/ \ | | | b | | | \ / \a/ \b/ \ / \ | +---+ | * * / a \___/ \___/ +---+---+---+---+---+ +---+---+---+---+ +---+ b +---+ * * \___/ \___/ \ | | a | | | | / \ / \ / \ / \ / | a +---+ | * * \___/ \___/ '---+---+---+---+---' '---+---+---+---' '---' '---' * * * ************************************************************************************************* Tiny Grids -------------------------------------------------------------------------------- ************************************************************************************************* * ┌─┬─┬─┬─┬─┐ ▉▉ ▉▉ ▉▉ ⬢ ⬡ ⬡ ┌┬┬┬┬┬┬┬┬┐ ⁚⁚⁚⁚⁚⁚⁚⁚⁚⁚ ___________ +-+-+-+-+ * * ├─┼─┼─┼─┼─┤ ▉▉ ▉▉ ⬢ ⬢ ⬡ ⬡ ├┼┼┼┼┼┼┼┼┤ ⁚⁚⁚⁚⁚⁚⁚⁚⁚⁚ |__|__|__|__| +-+-+-+-+ * * ├─┼─┼─┼─┼─┤ ▉▉ ▉▉ ▉▉ ⬢ ⬢ ⬢ ⬡ ⬡ ├┼┼┼┼┼┼┼┼┤ ⁚⁚⁚⁚⁚⁚⁚⁚⁚⁚ |__|__|__|__| +-+-+-+-+ * * ├─┼─┼─┼─┼─┤ ▉▉ ▉▉ ⬡ ⬡ ⬡ ⬡ ├┼┼┼┼┼┼┼┼┤ ⁚⁚⁚⁚⁚⁚⁚⁚⁚⁚ |__|__|__|__| +-+-+-+-+ * * └─┴─┴─┴─┴─┘ ▉▉ ▉▉ ▉▉ ⬡ ⬡ ⬡ └┴┴┴┴┴┴┴┴┘ ⁚⁚⁚⁚⁚⁚⁚⁚⁚⁚ |__|__|__|__| +-+-+-+-+ * ************************************************************************************************* Dot Grids -------------------------------------------------------------------------------- ************************************************************************************************* * * * o o o o o * * * * * * * o o * o o o * * * o o o · * · · · · · · * * o o o o o * * * * * o o o o * o o o o * * * * * o * * · * * · · · · · · * * o o o o o * * * * * o * o o o o o o o o * * * * * o o o o o · o · · o · · * * · * * o o o o o * * * * * o * o o o o o o o * * * * o * o o · · · · o · · * · * * o o o o o * * * * * * * * * o o o o * * * o * o · · · · · · · * * * * ************************************************************************************************* Unicode in Diagram -------------------------------------------------------------------------------- ************************************************************************************************ * ↖ ↗ ✶ ✹ ✩ ⓵ ⎲ ░░▒▒▓▓▉▉ ▚▚ ▢ ▢ ⬚ ⬚ ⊕ * ▲ ◀━━━━━━━▶ ↙ ↘ ➊ ❶ ➀ ① ➕ ➖ ➗ ❌ ⎳ ╲ ╱ ░░▒▒▓▓▉▉ ▚▚ ▢ ▢ ⬚ ⬚ ⊜ * ┃ ╭╌╌╌╌╌╌╌╮ ╔═══════╗ ┏━━━━━━━┓ ┏╍╍╍╍╍╍╍┓ ╲ ╱ ░░▒▒▓▓▉▉ ▚▚ ⬣ ⬣ ⎔ ⎔ ⊗ * ┃ ╎ ╎ ║ ║ ┃ ┃ ╏ ╏ ⎛ ⎧ ⎡ ╳ ░░▒▒▓▓▉▉ ▚▚ ⬣ ⬣ ⎔ ⎔ ⊘ * ┃ ╎ ╎ ║ ║ ┃ ┃ ╏ ╏⋮ ⎜ ⎨ ⎢ ╱ ╲ ░░▒▒▓▓▉▉ ▚▚ ◯ ◯ ⏣ ⏣ ⊙ * ▼ ╰╌╌╌╌╌╌╌╯ ╚═══════╝ ┗━━━━━━━┛ ⋱ ┗╍╍╍╍╍╍╍┛⋮ ⎝ ⎩ ⎣╱ ╲ ░░▒▒▓▓▉▉ ▚▚ ◯ ◯ ⏣ ⏣ ⊛ * ⋱ ⋮ ◢▉▉◣ * ∑xᵢ 𝚺xᵢ ∫t²dt ⋱ ⋮ ◥▉▉◤ ************************************************************************************************ Simple Plot Diagram ------------------------------------------------------------------------------- ************************************************* * ▲ * Uin ┊ .------------------------ * ┊ | * ┊ | * *---'┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄▶ * * Udc▲ * Udc_OK ┊ .--------------------- * ┊ / : * ┊ / : * *---'┄┄┄┄:┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄▶ * :<----->: * ▲ 500ms : * ┊ : *Cpu.Qon ┊┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄.----------- * ┊ | Inactive * ┊ Active | * *----------------'┄┄┄┄┄┄┄┄┄┄┄▶ * ************************************************* Graphics Diagram ------------------------------------------------------------------------------- ************************************************************************************************* * . * * 0 3 P * Eye / ^ / * * *-------* +y \ +) \ / Reflection * * 1 /| 2 /| ^ \ \ \ v * * *-------* | | v0 \ v3 --------*-------- * * | |4 | |7 | ◄╮ *----\-----* * * | *-----|-* ⤹ +-----> +x / v X \ .-.<-------- o * * |/ |/ / ⤴ / o \ | / | Refraction / \ * * *-------* v / \ +-' / \ * * 5 6 +z v1 *------------------* v2 | o-----o * * v * ************************************************************************************************* `