<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Graph of the Cotangent Function</title>
        <link rel="StyleSheet" type="text/css" href="../../style_sheets/notes.css"/>
    </head>
    <body>
        <h1>Graph of the Cotangent Function</h1>
        <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="0" height="0">
            <svg:defs>
                <svg:line id="horizontal_grid_line" x1="-1000" y1="0" x2="1000" y2="0"/>
                <svg:line id="x_axis" x1="-1000" y1="0" x2="1000" y2="0" stroke="black" stroke-width="3"/>
                <svg:line id="vertical_grid_line" x1="0" y1="-1000" x2="0" y2="1000"/>
                <svg:g id="coordinate_grid_horizontal_lines" stroke="blue" stroke-dasharray="1,1">
                    <svg:use xlink:href="#horizontal_grid_line" stroke="black" stroke-dasharray="none"
                    stroke-width="2"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,-50)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,-100)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,-150)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,-200)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,-250)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,-300)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,-350)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,-400)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,-450)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,-500)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,-550)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,-600)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,-650)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,-700)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,-750)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,-800)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,-850)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,-900)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,-950)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,-1000)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,50)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,100)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,150)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,200)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,250)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,300)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,350)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,400)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,450)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,500)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,550)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,600)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,650)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,700)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,750)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,800)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,850)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,900)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,950)"/>
                    <svg:use xlink:href="#horizontal_grid_line" transform="translate(0,1000)"/>
                </svg:g>
                <svg:g id="trig_coordinate_grid_vertical_lines" stroke="blue" stroke-dasharray="1,1">
                    <svg:use xlink:href="#vertical_grid_line" stroke-width="2" stroke="black"
                    stroke-dasharray="none"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(52.3599,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(104.7198,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(157.0796,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(209.4395,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(261.7994,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(314.1593,0)" stroke-width="2"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(366.5191,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(418.8790,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(471.2389,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(523.5988,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(575.9587,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(628.3185,0)" stroke-width="2"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(680.6784,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(733.0383,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(785.3982,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(837.7580,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(890.1179,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(942.4778,0)" stroke-width="2"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(994.8377,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(-52.3599,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(-104.7198,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(-157.0796,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(-209.4395,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(-261.7994,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(-314.1593,0)" stroke-width="2"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(-366.5191,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(-418.8790,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(-471.2389,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(-523.5988,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(-575.9587,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(-628.3185,0)" stroke-width="2"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(-680.6784,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(-733.0383,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(-785.3982,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(-837.7580,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(-890.1179,0)"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(-942.4778,0)" stroke-width="2"/>
                    <svg:use xlink:href="#vertical_grid_line" transform="translate(-994.8377,0)"/>
                </svg:g>
                <svg:g id="trig_horizontal_labels" text-anchor="middle" font-size="30" fill="black"
                font-style="italic" font-family="'Times New Roman', serif">
                    <svg:text x="-314.1593">&minus;&pi;</svg:text>
                    <svg:text x="-628.3185">&minus;2&pi;</svg:text>
                    <svg:text x="-942.4778">&minus;3&pi;</svg:text>
                    <svg:text x="314.1593">&pi;</svg:text>
                    <svg:text x="628.3185">2&pi;</svg:text>
                    <svg:text x="942.4778">3&pi;</svg:text>
                </svg:g>
                <svg:g id="vertical_labels" text-anchor="end" font-size="30" fill="black">
                    <svg:text y="-1000">10</svg:text>
                    <svg:text y="-900">9</svg:text>
                    <svg:text y="-800">8</svg:text>
                    <svg:text y="-700">7</svg:text>
                    <svg:text y="-600">6</svg:text>
                    <svg:text y="-500">5</svg:text>
                    <svg:text y="-400">4</svg:text>
                    <svg:text y="-300">3</svg:text>
                    <svg:text y="-200">2</svg:text>
                    <svg:text y="-100">1</svg:text>
                    <svg:text y="100">&minus;1</svg:text>
                    <svg:text y="200">&minus;2</svg:text>
                    <svg:text y="300">&minus;3</svg:text>
                    <svg:text y="400">&minus;4</svg:text>
                    <svg:text y="500">&minus;5</svg:text>
                    <svg:text y="600">&minus;6</svg:text>
                    <svg:text y="700">&minus;7</svg:text>
                    <svg:text y="800">&minus;8</svg:text>
                    <svg:text y="900">&minus;9</svg:text>
                    <svg:text y="1000">&minus;10</svg:text>
                </svg:g>
                <svg:g id="trig_labels">
                    <svg:use xlink:href="#trig_horizontal_labels" transform="translate(0,23)"/>
                    <svg:use xlink:href="#vertical_labels" transform="translate(-3,9)"/>
                </svg:g>
                <svg:g id="trig_coordinate_system">
                    <svg:use xlink:href="#coordinate_grid_horizontal_lines"/>
                    <svg:use xlink:href="#trig_coordinate_grid_vertical_lines"/>
                    <svg:use xlink:href="#trig_labels"/>
                </svg:g>
                <svg:marker id="black_right_arrowhead" viewBox="0 0 10 10" refX="0" refY="5" markerUnits="strokeWidth" markerWidth="4" markerHeight="3" orient="auto">
                    <svg:path d="M0,0 L10,5 L0,10 z" fill="black"/>
                </svg:marker>
                <svg:marker id="red_right_arrowhead" viewBox="0 0 10 10" refX="0" refY="5" markerUnits="strokeWidth" markerWidth="4" markerHeight="3" orient="auto">
                    <svg:path d="M0,0 L10,5 L0,10 z" fill="red"/>
                </svg:marker>
                <svg:marker id="green_right_arrowhead" viewBox="0 0 10 10" refX="0" refY="5" markerUnits="strokeWidth" markerWidth="4" markerHeight="3" orient="auto">
                    <svg:path d="M0,0 L10,5 L0,10 z" fill="green"/>
                </svg:marker>
                <svg:marker id="navy_right_arrowhead" viewBox="0 0 10 10" refX="0" refY="5" markerUnits="strokeWidth" markerWidth="4" markerHeight="3" orient="auto">
                    <svg:path d="M0,0 L10,5 L0,10 z" fill="navy"/>
                </svg:marker>
                <svg:marker id="blue_right_arrowhead" viewBox="0 0 10 10" refX="0" refY="5" markerUnits="strokeWidth" markerWidth="4" markerHeight="3" orient="auto">
                    <svg:path d="M0,0 L10,5 L0,10 z" fill="blue"/>
                </svg:marker>
                <svg:marker id="goldenrod_right_arrowhead" viewBox="0 0 10 10" refX="0" refY="5" markerUnits="strokeWidth" markerWidth="4" markerHeight="3" orient="auto">
                    <svg:path d="M0,0 L10,5 L0,10 z" fill="goldenrod"/>
                </svg:marker>
                <svg:marker id="black_left_arrowhead" viewBox="0 0 10 10" refX="10" refY="5" markerUnits="strokeWidth" markerWidth="4" markerHeight="3" orient="auto">
                    <svg:path d="M10,0 L10,10 L0,5 z" fill="black"/>
                </svg:marker>
                <svg:marker id="green_right_arrowhead" viewBox="0 0 10 10" refX="0" refY="5" markerUnits="strokeWidth" markerWidth="4" markerHeight="3" orient="auto">
                    <svg:path d="M0,0 L10,5 L0,10 z" fill="green"/>
                </svg:marker>
                <svg:marker id="green_left_arrowhead" viewBox="0 0 10 10" refX="10" refY="5" markerUnits="strokeWidth" markerWidth="4" markerHeight="3" orient="auto">
                    <svg:path d="M10,0 L10,10 L0,5 z" fill="green"/>
                </svg:marker>
                <svg:marker id="red_left_arrowhead" viewBox="0 0 10 10" refX="10" refY="5" markerUnits="strokeWidth" markerWidth="4" markerHeight="3" orient="auto">
                    <svg:path d="M10,0 L10,10 L0,5 z" fill="red"/>
                </svg:marker>
                <svg:marker id="green_left_arrowhead" viewBox="0 0 10 10" refX="10" refY="5" markerUnits="strokeWidth" markerWidth="4" markerHeight="3" orient="auto">
                    <svg:path d="M10,0 L10,10 L0,5 z" fill="green"/>
                </svg:marker>
                <svg:marker id="goldenrod_left_arrowhead" viewBox="0 0 10 10" refX="10" refY="5" markerUnits="strokeWidth" markerWidth="4" markerHeight="3" orient="auto">
                    <svg:path d="M10,0 L10,10 L0,5 z" fill="goldenrod"/>
                </svg:marker>
                <svg:marker id="blue_left_arrowhead" viewBox="0 0 10 10" refX="10" refY="5" markerUnits="strokeWidth" markerWidth="4" markerHeight="3" orient="auto">
                    <svg:path d="M10,0 L10,10 L0,5 z" fill="blue"/>
                </svg:marker>
                <svg:marker id="navy_left_arrowhead" viewBox="0 0 10 10" refX="10" refY="5" markerUnits="strokeWidth" markerWidth="4" markerHeight="3" orient="auto">
                    <svg:path d="M10,0 L10,10 L0,5 z" fill="navy"/>
                </svg:marker>
                <svg:marker id="black_dot" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="strokeWidth" markerWidth="4" markerHeight="4" orient="auto">
                    <svg:circle cx="5" cy="5" r="5" fill="black"/>
                </svg:marker>
                <svg:marker id="navy_dot" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="strokeWidth" markerWidth="4" markerHeight="4" orient="auto">
                    <svg:circle cx="5" cy="5" r="5" fill="navy"/>
                </svg:marker>
                <svg:marker id="red_dot" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="strokeWidth" markerWidth="4" markerHeight="4" orient="auto">
                    <svg:circle cx="5" cy="5" r="5" fill="red"/>
                </svg:marker>
                <svg:marker id="goldenrod_dot" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="strokeWidth" markerWidth="4" markerHeight="4" orient="auto">
                    <svg:circle cx="5" cy="5" r="5" fill="goldenrod"/>
                </svg:marker>
                <svg:marker id="green_dot" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="strokeWidth" markerWidth="4" markerHeight="4" orient="auto">
                    <svg:circle cx="5" cy="5" r="5" fill="green"/>
                </svg:marker>
                <svg:marker id="blue_dot" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="strokeWidth" markerWidth="4" markerHeight="4" orient="auto">
                    <svg:circle cx="5" cy="5" r="5" fill="blue"/>
                </svg:marker>
                <svg:marker id="blue_hollow_dot" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="strokeWidth" markerWidth="4" markerHeight="4" orient="auto">
                    <svg:circle cx="5" cy="5" r="4" fill="white" stroke="blue" stroke-width="2"/>
                </svg:marker>
                <svg:marker id="red_hollow_dot" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="strokeWidth" markerWidth="4" markerHeight="4" orient="auto">
                    <svg:circle cx="5" cy="5" r="4" fill="white" stroke="red" stroke-width="2"/>
                </svg:marker>
            </svg:defs>
        </svg:svg>
        <p>
            The cotangent function is undefined at all integral multiples of
            <var style="font-family: 'Times New Roman', serif">&pi;</var>:
            <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
                <mfenced open="" close="">
                    <mo>&hellip;</mo>
                    <mrow>
                        <mo>-</mo>
                        <mrow>
                            <mn>3</mn>
                            <mo>&InvisibleTimes;</mo>
                            <mi>&pi;</mi>
                        </mrow>
                    </mrow>
                    <mrow>
                        <mo>-</mo>
                        <mrow>
                            <mn>2</mn>
                            <mo>&InvisibleTimes;</mo>
                            <mi>&pi;</mi>
                        </mrow>
                    </mrow>
                    <mrow>
                        <mo>-</mo>
                        <mi>&pi;</mi>
                    </mrow>
                    <mn>0</mn>
                    <mi>&pi;</mi>
                    <mrow>
                        <mn>2</mn>
                        <mo>&InvisibleTimes;</mo>
                        <mi>&pi;</mi>
                    </mrow>
                    <mrow>
                        <mn>2</mn>
                        <mo>&InvisibleTimes;</mo>
                        <mi>&pi;</mi>
                    </mrow>
                    <mo>&hellip;</mo>
                </mfenced>
            </math>
        </p>
        <p>
            
        </p>
        <p>
            Because
            <ul>
                <li>
                    the period of the cotangent function is
                    <var style="font-family: 'Times New Roman', serif">&pi;</var>, and
                </li>
                <li>
                    consecutive integral multiples of
                    <var style="font-family: 'Times New Roman', serif">&pi;</var>
                    differ by
                    <var style="font-family: 'Times New Roman', serif">&pi;</var>,
                </li>
            </ul>
            the entire graph of
            <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">
                <mi>y</mi>
                <mo>=</mo>
                <mrow>
                    <mi>cot</mi>
                    <mo>&ApplyFunction;</mo>
                    <mi>x</mi>
                </mrow>
            </math>
            can be obtained by
            <ol>
                <li>graphing
                    <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">
                        <mi>y</mi>
                        <mo>=</mo>
                        <mrow>
                            <mi>cot</mi>
                            <mo>&ApplyFunction;</mo>
                            <mi>x</mi>
                        </mrow>
                    </math>
            on the open interval
                    <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">
                        <mfenced>
                            <mn>0</mn>
                            <mi>&pi;</mi>
                        </mfenced>
                    </math>
            and then
                </li>
                <li>copying that graph shifted to the right and to the left
            by integral multiples of
                    <var style="font-family: 'Times New Roman', serif">&pi;</var>.
                </li>
            </ol>
        </p>
        <p>
           First, graph
            <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">
                <mi>y</mi>
                <mo>=</mo>
                <mrow>
                    <mi>cot</mi>
                    <mo>&ApplyFunction;</mo>
                    <mi>x</mi>
                </mrow>
            </math>
            on the open interval
            <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">
                <mfenced>
                    <mn>0</mn>
                    <mi>&pi;</mi>
                </mfenced>
            </math>.
        </p>
        <p>
            Use values of
            <var>x</var> at which exact cotangent function values are known
            to make a table.
        </p>
        <table>
            <thead>
                <tr>
                    <td>
                        <var>x</var>
                    </td>
                    <td>
                        <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
                            <mi>cot</mi>
                            <mo>&ApplyFunction;</mo>
                            <mi>x</mi>
                        </math>
                    </td>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
                            <mfrac>
                                <mi>&pi;</mi>
                                <mn>6</mn>
                            </mfrac>
                        </math>
                    </td>
                    <td>
                        <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
                            <msqrt>
                                <mn>3</mn>
                            </msqrt>
                            <mo>
                                &TildeFullEqual;
                            </mo>
                            <mn>1.732</mn>
                        </math>
                    </td>
                </tr>
                <tr>
                    <td>
                        <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
                            <mfrac>
                                <mi>&pi;</mi>
                                <mn>4</mn>
                            </mfrac>
                        </math>
                    </td>
                    <td>
                        1
                    </td>
                </tr>
                <tr>
                    <td>
                        <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
                            <mfrac>
                                <mi>&pi;</mi>
                                <mn>3</mn>
                            </mfrac>
                        </math>
                    </td>
                    <td>
                        <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
                            <mfrac>
                                <msqrt>
                                    <mn>3</mn>
                                </msqrt>
                                <mn>3</mn>
                            </mfrac>
                            <mo>
                                &TildeFullEqual;
                            </mo>
                            <mn>0.577</mn>
                        </math>
                    </td>
                </tr>
                <tr>
                    <td>
                        <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
                            <mfrac>
                                <mi>&pi;</mi>
                                <mn>2</mn>
                            </mfrac>
                        </math>
                    </td>
                    <td>0</td>
                </tr>
                <tr>
                    <td>
                        <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
                            <mfrac>
                                <mrow>
                                    <mn>2</mn>
                                    <mo>&InvisibleTimes;</mo>
                                    <mi>&pi;</mi>
                                </mrow>
                                <mn>3</mn>
                            </mfrac>
                        </math>
                    </td>
                    <td>
                        <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
                            <mrow>
                                <mo>-</mo>
                                <mfrac>
                                    <msqrt>
                                        <mn>3</mn>
                                    </msqrt>
                                    <mn>3</mn>
                                </mfrac>
                            </mrow>
                            <mo>
                                &TildeFullEqual;
                            </mo>
                            <mrow>
                                <mo>-</mo>
                                <mn>0.577</mn>
                            </mrow>
                        </math>
                    </td>
                </tr>
                <tr>
                    <td>
                        <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
                            <mfrac>
                                <mrow>
                                    <mn>3</mn>
                                    <mo>&InvisibleTimes;</mo>
                                    <mi>&pi;</mi>
                                </mrow>
                                <mn>4</mn>
                            </mfrac>
                        </math>
                    </td>
                    <td>
                            &minus;1
                    </td>
                </tr>
                <tr>
                    <td>
                        <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
                            <mfrac>
                                <mrow>
                                    <mn>5</mn>
                                    <mo>&InvisibleTimes;</mo>
                                    <mi>&pi;</mi>
                                </mrow>
                                <mn>6</mn>
                            </mfrac>
                        </math>
                    </td>
                    <td>
                        <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
                            <mrow>
                                <mo>-</mo>
                                <msqrt>
                                    <mn>3</mn>
                                </msqrt>
                            </mrow>
                            <mo>
                                &TildeFullEqual;
                            </mo>
                            <mrow>
                                <mo>-</mo>
                                <mn>1.732</mn>
                            </mrow>
                        </math>
                    </td>
                </tr>
            </tbody>
        </table>
        <p>
            Plot the
            <span style="background-color: fuchsia">points</span>.
        </p>
        <p>
            <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                viewBox="-50 -350 400 700"
                preserveAspectRatio="xMidYMid" width="400" height="700">
                <svg:use xlink:href="#trig_coordinate_system"/>
                <svg:defs>
                    <svg:g id="tangent_function_points">
                        <svg:circle cx="-104.7198" cy="173.2" r="7" stroke="black" stroke-width="2" fill="fuchsia"/>
                        <svg:circle cx="-78.5398" cy="100" r="7" stroke="black" stroke-width="2" fill="fuchsia"/>
                        <svg:circle cx="-52.3599" cy="57.735" r="7" stroke="black" stroke-width="2" fill="fuchsia"/>
                        <svg:circle cx="0" cy="0" r="7" stroke="black" stroke-width="2" fill="fuchsia"/>
                        <svg:circle cx="52.3599" cy="-57.735" r="7" stroke="black" stroke-width="2" fill="fuchsia"/>
                        <svg:circle cx="78.5398" cy="-100" r="7" stroke="black" stroke-width="2" fill="fuchsia"/>
                        <svg:circle cx="104.7198" cy="-173.2" r="7" stroke="black" stroke-width="2" fill="fuchsia"/>
                    </svg:g>
                </svg:defs>
                <svg:g id="points_1">
                    <svg:use xlink:href="#tangent_function_points" transform="scale(1,-1) translate(157.0796,0)"/>
                </svg:g>
            </svg:svg>
        </p>
        <p>
            Find the value of the cotangent function at
            <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">
                <mn>0.05</mn>
                <mo>&InvisibleTimes;</mo>
                <mi>&pi;</mi>
            </math>
            to see what happens to the graph when
            <var>x</var> is slightly greater than 0:
            <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
                <mrow>
                    <mi>cot</mi>
                    <mo>&ApplyFunction;</mo>
                    <mrow>
                        <mn>0.05</mn>
                        <mo>&InvisibleTimes;</mo>
                        <mi>&pi;</mi>
                    </mrow>
                </mrow>
                <mo>&TildeFullEqual;</mo>
                <mn>6.314</mn>
            </math>
            Plot the point
            <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">
                <mfenced>
                    <mrow>
                        <mn>0.05</mn>
                        <mo>&InvisibleTimes;</mo>
                        <mi>&pi;</mi>
                    </mrow>
                    <mn>6.314</mn>
                </mfenced>
            </math>.
        </p>
        <p>
            <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                viewBox="-50 -700 400 1050"
                preserveAspectRatio="xMidYMid" width="280" height="735">
                <svg:use xlink:href="#trig_coordinate_system"/>
                <svg:g id="points_2">
                    <svg:circle cx="15.708" cy="-631.375" r="7" stroke="black" stroke-width="2" fill="fuchsia"/>
                    <svg:use xlink:href="#points_1"/>
                </svg:g>
            </svg:svg>
        </p>
        <p>
            Find the value of the cotangent function at
            <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">
                <mn>0.95</mn>
                <mo>&InvisibleTimes;</mo>
                <mi>&pi;</mi>
            </math>
            to see what happens to the graph when
            <var>x</var> is slightly less than
            <var style="font-family: 'Times New Roman', serif">&pi;</var>:
            <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
                <mrow>
                    <mi>cot</mi>
                    <mo>&ApplyFunction;</mo>
                    <mrow>
                        <mn>0.95</mn>
                        <mo>&InvisibleTimes;</mo>
                        <mi>&pi;</mi>
                    </mrow>
                </mrow>
                <mo>&TildeFullEqual;</mo>
                <mrow>
                    <mo>-</mo>
                    <mn>6.314</mn>
                </mrow>
            </math>
            Plot the point
            <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">
                <mfenced>
                    <mrow>
                        <mn>0.95</mn>
                        <mo>&InvisibleTimes;</mo>
                        <mi>&pi;</mi>
                    </mrow>
                    <mrow>
                        <mo>-</mo>
                        <mn>6.314</mn>
                    </mrow>
                </mfenced>
            </math>.
        </p>
        <p>
            <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                viewBox="-50 -700 400 1400"
                preserveAspectRatio="xMidYMid" width="200" height="700">
                <svg:use xlink:href="#trig_coordinate_system"/>
                <svg:g id="points_3">
                    <svg:circle cx="298.45" cy="631.375" r="7" stroke="black" stroke-width="2" fill="fuchsia"/>
                    <svg:use xlink:href="#points_2"/>
                </svg:g>
            </svg:svg>
        </p>
        <p>
            The line
            <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">
                <mi>x</mi>
                <mo>=</mo>
                <mn>0</mn>
            </math>
            and the line
            <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">
                <mi>x</mi>
                <mo>=</mo>
                <mi>&pi;</mi>
            </math>
            are vertical asymptotes for the graph.
        </p>
        <p>
            <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                viewBox="-50 -700 400 1400"
                preserveAspectRatio="xMidYMid" width="200" height="700">
                <svg:use xlink:href="#trig_coordinate_system"/>
                <svg:use xlink:href="#points_3"/>
                <svg:defs>
                    <svg:line id="vertical_asymptote" y1="-1000" y2="1000"
                    stroke="red" stroke-width="3"/>
                </svg:defs>
                <svg:use xlink:href="#vertical_asymptote"/>
                <svg:use xlink:href="#vertical_asymptote" transform="translate(314.1593,0)"/>
            </svg:svg>
        </p>
        <p>
            Sketch from left to right a smooth curve through the points.
        </p>
        <p>
            <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                viewBox="-50 -700 400 1400"
                preserveAspectRatio="xMidYMid" width="200" height="700">
                <svg:use xlink:href="#trig_coordinate_system"/>
                <svg:g id="curve_points_and_left_asymptote">
                    <svg:defs>
                        <svg:path id="tangent_function_curve"
                            d="M-144.513, 791.582 C-143.466,724.917 -142.419,674.167 -141.372,631.375 C-136.136,417.415 -130.9,362.6 -125.664,307.768 C-118.682,234.659 -111.701,201.13 -104.72,173.205 C-95.993,138.298 -87.266,117.453 -78.54,100 C-69.813,82.547 -61.087,69.371 -52.36,57.735 C-43.633,46.099 -34.907,36.148 -26.18,26.795 C-17.453,17.442 -8.727,8.727 0,0 C8.727,-8.727 17.453,-17.442 26.18,-26.795 C34.907,-36.148 43.633,-46.099 52.36,-57.735 C61.087,-69.371 69.813,-82.547 78.54,-100 C87.266,-117.453 95.993,-138.298 104.72,-173.205 C111.701,-201.13 118.682,-234.659 125.664,-307.768 C130.9,-362.6 136.136,-417.415 141.372,-631.375 C142.419,-674.167 143.466,-724.917 144.513,-791.582"
                            stroke="blue" stroke-width="4" fill="none"/>
                    </svg:defs>
                    <svg:use xlink:href="#tangent_function_curve" transform="scale(1,-1) translate(157.0796,0)"/>
                    <svg:use xlink:href="#points_3"/>
                    <svg:use xlink:href="#vertical_asymptote"/>
                </svg:g>
                <svg:use xlink:href="#vertical_asymptote" transform="translate(314.1593,0)"/>
            </svg:svg>
        </p>
        <p>
            Copy the graph, shifting it to the left and to the right by integral multiples of
            <var style="font-family: 'Times New Roman', serif">&pi;</var>. Copy the asymptotes, too.
            The result is the
            <span style="color: blue">graph of the cotangent function</span>.
        </p>
        <p>
            <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                viewBox="-1050 -700 2100 1400"
                preserveAspectRatio="xMidYMid" width="1050" height="700">
                <svg:use xlink:href="#trig_coordinate_system"/>
                <svg:use xlink:href="#curve_points_and_left_asymptote"/>
                <svg:use xlink:href="#curve_points_and_left_asymptote" transform="translate(314.1593)"/>
                <svg:use xlink:href="#curve_points_and_left_asymptote" transform="translate(628.3185)"/>
                <svg:use xlink:href="#curve_points_and_left_asymptote" transform="translate(942.4778)"/>
                <svg:use xlink:href="#curve_points_and_left_asymptote" transform="translate(-314.1593)"/>
                <svg:use xlink:href="#curve_points_and_left_asymptote" transform="translate(-628.3185)"/>
                <svg:use xlink:href="#curve_points_and_left_asymptote" transform="translate(-942.4778)"/>
                <svg:use xlink:href="#curve_points_and_left_asymptote" transform="translate(-1256.6371)"/>
            </svg:svg>
        </p>

    </body>
</html>