Some discrete catenaries

cat0.svg

<?xml version="1.0" encoding="UTF-8" ?>
<svg xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    width="512" height="512" viewBox="0 0 220 220">
<defs>
    <pattern id="checker" patternUnits="userSpaceOnUse"  
        x="0" y="0" width="20" height="20">
        <g fill="#bbb">
            <rect x="0" y="0" width="10" height="10"/>
            <rect x="10" y="10" width="10" height="10"/>
        </g>
    </pattern>

    <circle id="dot" r="2.0"/>
</defs>

<rect width="100%" height="100%" fill="white"/> 
<rect width="100%" height="100%" fill="url(#checker)"/> 

<g transform="translate(110,20) scale(1, -1)" style="stroke-width:0.25; fill:none">

    <g style="fill:blue; fill-opacity:0.7; stroke:none">
        <use xlink:href="#dot" x="-100.0" y="0.0"/>
        <use xlink:href="#dot" x="-94.0548705781251517" y="-24.2828218326692426"/>
        <use xlink:href="#dot" x="-87.2584886449130857" y="-48.3412754949042412"/>
        <use xlink:href="#dot" x="-79.3416152111783273" y="-72.0546285904541158"/>
        <use xlink:href="#dot" x="-69.8964837787097852" y="-95.2017556740339427"/>
        <use xlink:href="#dot" x="-58.282010750352343" y="-117.340048658669355"/>
        <use xlink:href="#dot" x="-43.4828226381874212" y="-137.48909407577923"/>
        <use xlink:href="#dot" x="-24.1217139665947033" y="-153.305145131803843"/>
        <use xlink:href="#dot" x="0" y="-159.873471807129151"/>
        <use xlink:href="#dot" x="24.1217139665947033" y="-153.305145131803843"/>
        <use xlink:href="#dot" x="43.4828226381874212" y="-137.48909407577923"/>
        <use xlink:href="#dot" x="58.282010750352343" y="-117.340048658669355"/>
        <use xlink:href="#dot" x="69.8964837787097852" y="-95.2017556740339427"/>
        <use xlink:href="#dot" x="79.3416152111783273" y="-72.0546285904541158"/>
        <use xlink:href="#dot" x="87.2584886449130857" y="-48.3412754949042412"/>
        <use xlink:href="#dot" x="94.0548705781251517" y="-24.2828218326692426"/>
        <use xlink:href="#dot" x="100.0" y="0.0"/>

    </g>
    <g style="fill:none; stroke:blue">
        <polyline points="-100.0,0.0
-94.0548705781251517,-24.2828218326692426
-87.2584886449130857,-48.3412754949042412
-79.3416152111783273,-72.0546285904541158
-69.8964837787097852,-95.2017556740339427
-58.282010750352343,-117.340048658669355
-43.4828226381874212,-137.48909407577923
-24.1217139665947033,-153.305145131803843
0,-159.873471807129151
24.1217139665947033,-153.305145131803843
43.4828226381874212,-137.48909407577923
58.282010750352343,-117.340048658669355
69.8964837787097852,-95.2017556740339427
79.3416152111783273,-72.0546285904541158
87.2584886449130857,-48.3412754949042412
94.0548705781251517,-24.2828218326692426
100.0,0.0" />
    </g>

    <g style="fill:green; fill-opacity:0.7; stroke:none">
        <use xlink:href="#dot" x="-100.0" y="0.0"/>
        <use xlink:href="#dot" x="-87.2998649147978489" y="-48.3601754423783842"/>
        <use xlink:href="#dot" x="-70.0459732988728166" y="-95.2888790693262724"/>
        <use xlink:href="#dot" x="-43.9220096736519545" y="-137.921478386141771"/>
        <use xlink:href="#dot" x="0" y="-161.81409369354636"/>
        <use xlink:href="#dot" x="43.9220096736519545" y="-137.921478386141771"/>
        <use xlink:href="#dot" x="70.0459732988728166" y="-95.2888790693262724"/>
        <use xlink:href="#dot" x="87.2998649147978489" y="-48.3601754423783842"/>
        <use xlink:href="#dot" x="100.0" y="0.0"/>

    </g>
    <g style="fill:none; stroke:green">
        <polyline points="-100.0,0.0
-87.2998649147978489,-48.3601754423783842
-70.0459732988728166,-95.2888790693262724
-43.9220096736519545,-137.921478386141771
0,-161.81409369354636
43.9220096736519545,-137.921478386141771
70.0459732988728166,-95.2888790693262724
87.2998649147978489,-48.3601754423783842
100.0,0.0" />
    </g>

    <g style="fill:red; fill-opacity:0.7; stroke:none">
        <use xlink:href="#dot" x="-100.0" y="0.0"/>
        <use xlink:href="#dot" x="-69.4053836630683178" y="-95.2048814462575391"/>
        <use xlink:href="#dot" x="0" y="-167.197191581314946"/>
        <use xlink:href="#dot" x="69.4053836630683178" y="-95.2048814462575391"/>
        <use xlink:href="#dot" x="100.0" y="0.0"/>

    </g>
    <g style="fill:none; stroke:red">
        <polyline points="-100.0,0.0
-69.4053836630683178,-95.2048814462575391
0,-167.197191581314946
69.4053836630683178,-95.2048814462575391
100.0,0.0" />
    </g>

    <g style="fill:black; fill-opacity:0.7; stroke:none">
        <use xlink:href="#dot" x="-100.0" y="0.0"/>
        <use xlink:href="#dot" x="0" y="-173.205080756887729"/>
        <use xlink:href="#dot" x="100.0" y="0.0"/>

    </g>
    <g style="fill:none; stroke:black">
        <polyline points="-100.0,0.0
0,-173.205080756887729
100.0,0.0" />
    </g>

</g>
</svg>