CINXE.COM
Famous Curves Index - MacTutor History of Mathematics
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> <link rel="icon" href="../static/img/favicon.gif" /> <title> Famous Curves Index - MacTutor History of Mathematics </title> <!-- Bootstrap CSS --> <link rel="stylesheet" href="../static/css/bootstrap.min.css?h=8de02d92" /> <!-- Custom CSS - must be in this order --> <link rel="stylesheet" href="../static/css/lato.css?h=cc1e7b16" /> <link rel="stylesheet" href="../static/css/reset.css?h=d363f773" /> <link rel="stylesheet" href="../static/css/custom.css?h=af6c60f9" /> <link rel="stylesheet" href="../static/css/site.css?h=009079dc" /> <link rel="stylesheet" href="../static/css/content.css?h=469c9b2b" /> <link rel="stylesheet" href="../static/katex/katex.min.css?h=607b2673" /> <link rel="stylesheet" href="../static/css/tooltip.css?h=8bb1ae34" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" /> <!-- Switch design skin --> <link id="new-theme-style" rel="stylesheet" /> <!-- opposite of noscript --> <noscript> <style> .nonoscript { display: none; } </style> </noscript> <link rel="stylesheet" href="../static/css/indexes.css?h=73cef610" type="text/css"> </head> <body> <div class="container"> <!--noindex--> <!-- HEADER --> <header class="site-header py-3 position-relative"> <!-- skip link for accessibility --> <a class="skip-link" href="#main">Skip to content</a> <div class="row flex-nowrap justify-content-between align-items-center"> <div class="col pt-1"> <a class="site-header-name text-decoration-none" href="../" > <h1 class="site-header-name"> <img height="48" src="../static/img/logo.png" alt="MacTutor logo" /> MacTutor </h1> </a> </div> </div> <!-- <a href="javascript:void()" class="row justify-content-end small pr-4" id="theme-toggler" onclick="toggleTheme()" > <i class="fa" style="width: min-content"></i> </a> --> </header> <!-- END HEADER --> <!-- NAVIGATION --> <div class="container nav-bar" role="navigation"> <div class="row nav"> <a class="col-md-auto p-2" href="../">Home</a> <a class="col-md-auto p-2" href="../Biographies/">Biographies</a> <a class="col-md-auto p-2" href="../HistTopics/">History Topics</a> <a class="col-md-auto p-2" href="../Map/">Map</a> <a class="col-md-auto p-2" href="./">Curves</a> <a class="col-md-auto p-2" href="../Search/">Search</a> </div> </div> <!-- END NAVIGATION --> <!--endnoindex--> <main id="main"> <div class="row"> <div class="col-md-12"> <h1>Famous Curves Index</h1> </div> </div> <!--noindex--> <div class="row"> <div class="col-md-8"> <ul> <li><a href="Astroid/">Astroid</a></li> <li><a href="Bicorn/">Bicorn</a></li> <li><a href="Cardioid/">Cardioid</a></li> <li><a href="Cartesian/">Cartesian Oval</a></li> <li><a href="Cassinian/">Cassinian Ovals</a></li> <li><a href="Catenary/">Catenary</a></li> <li><a href="Cayleys/">Cayley's Sextic</a></li> <li><a href="Circle/">Circle</a></li> <li><a href="Cissoid/">Cissoid of Diocles</a></li> <li><a href="Cochleoid/">Cochleoid</a></li> <li><a href="Conchoid/">Conchoid</a></li> <li><a href="Conchoidsl/">Conchoid of de Sluze</a></li> <li><a href="Cycloid/">Cycloid</a></li> <li><a href="Devils/">Devil's Curve</a></li> <li><a href="Double/">Double Folium</a></li> <li><a href="Durers/">Durer's Shell Curves</a></li> <li><a href="Eight/">Figure Eight Curve</a></li> <li><a href="Ellipse/">Ellipse</a></li> <li><a href="Epicycloid/">Epicycloid</a></li> <li><a href="Epitrochoid/">Epitrochoid</a></li> <li><a href="Equiangular/">Equiangular Spiral</a></li> <li><a href="Fermats/">Fermat's Spiral</a></li> <li><a href="Folium/">Folium</a></li> <li><a href="Foliumd/">Folium of Descartes</a></li> <li><a href="Freeths/">Freeth's Nephroid</a></li> <li><a href="Frequency/">Frequency Curve</a></li> <li><a href="Hyperbola/">Hyperbola</a></li> <li><a href="Hyperbolic/">Hyperbolic Spiral</a></li> <li><a href="Hypocycloid/">Hypocycloid</a></li> <li><a href="Hypotrochoid/">Hypotrochoid</a></li> <li><a href="Involute/">Involute of a Circle</a></li> <li><a href="Kampyle/">Kampyle of Eudoxus</a></li> <li><a href="Kappa/">Kappa Curve</a></li> <li><a href="Lame/">Lame Curves</a></li> <li><a href="Lemniscate/">Lemniscate of Bernoulli</a></li> <li><a href="Limacon/">Limacon of Pascal</a></li> <li><a href="Lissajous/">Lissajous Curves</a></li> <li><a href="Lituus/">Lituus</a></li> <li><a href="Neiles/">Neile's Semi-cubical Parabola</a></li> <li><a href="Nephroid/">Nephroid</a></li> <li><a href="Newtons/">Newton's Diverging Parabolas</a></li> <li><a href="Parabola/">Parabola</a></li> <li><a href="Pearls/">Pearls of Sluze</a></li> <li><a href="Pearshaped/">Pear-shaped Quartic</a></li> <li><a href="Plateau/">Plateau Curves</a></li> <li><a href="Pursuit/">Pursuit Curve</a></li> <li><a href="Quadratrix/">Quadratrix of Hippias</a></li> <li><a href="Rhodonea/">Rhodonea Curves</a></li> <li><a href="Right/">Right Strophoid</a></li> <li><a href="Serpentine/">Serpentine</a></li> <li><a href="Sinusoidal/">Sinusoidal Spirals</a></li> <li><a href="Spiral/">Spiral of Archimedes</a></li> <li><a href="Spiric/">Spiric Sections</a></li> <li><a href="Straight/">Straight Line</a></li> <li><a href="Talbots/">Talbot's Curve</a></li> <li><a href="Tractrix/">Tractrix</a></li> <li><a href="Tricuspoid/">Tricuspoid</a></li> <li><a href="Trident/">Trident of Newton</a></li> <li><a href="Trifolium/">Trifolium</a></li> <li><a href="Trisectrix/">Trisectrix of Maclaurin</a></li> <li><a href="Tschirnhaus/">Tschirnhaus's Cubic</a></li> <li><a href="Watts/">Watt's Curve</a></li> <li><a href="Witch/">Witch of Agnesi</a></li> </ul> </div> <!-- SIDEBAR --> <aside class="col-md-4"> <div class="p-3 mb-3 bg-light rounded"> <h4>Other Content</h4> <ul> <li><a href="Definitions/">Definitions of associated curves</a></li> <li><a href="Definitions2/">More definitions for associated curves</a></li> </ul> </div> </aside> <!-- END SIDEBAR --> </div> <!--endnoindex--> </main> <!--noindex--> <footer class="site-footer mt-3 pb-3 pt-3 pt-md-0"> <div class="row"> <div class="cr-footer col-md-4"> DJF/JOC/EFR<br /> <a href="../Miscellaneous/copyright/" >Copyright information</a ><br /> <a href="../Miscellaneous/accessibility/" >Accessibility statement</a > </div> <div class="links-footer col-md-6"> <a href="https://www.st-andrews.ac.uk/mathematics-statistics/" target="_blank" >School of Mathematics and Statistics</a > <br /> <a href="http://www.st-andrews.ac.uk/" target="_blank" >University of St Andrews, Scotland</a > </div> <div class="col-md-2"> <img src="../static/img/st-andrews-logo.png?h=e46f195e" alt="University of St. Andrews logo" /> </div> </div> <hr /> <div class="row"> <div class="col-md-12"> If you have comments, or spot errors, we are always pleased to <a href="../Miscellaneous/contact_us/">hear from you</a>. </div> </div> </footer> <!--endnoindex--> </div> <script src="../static/js/popper.min.js?h=313789ca"></script> <script src="../static/js/tippy-bundle.iife.min.js?h=99c14441"></script> <script src="../static/js/site-popups.js?h=7ad47578"></script> <script src="../static/js/foldup.js?h=0b5aeaab"></script> <script src="../static/js/extras-popup.js?h=d0cee101"></script> <script src="../static/js/imageMapResizer.min.js?h=319b7d80"></script> <script> imageMapResize(); // https://blog.shhdharmen.me/toggle-light-and-dark-themes-in-bootstrap const LOCAL_STORAGE_KEY = 'toggle-bootstrap-theme'; const LOCAL_META_DATA = JSON.parse( localStorage.getItem(LOCAL_STORAGE_KEY) ); const DARK_THEME_PATH = 'https://bootswatch.com/5/flatly/bootstrap.min.css'; const DARK_STYLE_LINK = document.getElementById('new-theme-style'); let isDark = LOCAL_META_DATA && LOCAL_META_DATA.isDark; // check if user has already selected dark theme earlier if (isDark) { enableDarkTheme(); } else { disableDarkTheme(); } /** * Apart from toggling themes, this will also store user's theme preference in local storage. * So when user visits next time, we can load the same theme. * */ function toggleTheme() { isDark = !isDark; if (isDark) { enableDarkTheme(); } else { disableDarkTheme(); } const META = { isDark }; localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(META)); } function enableDarkTheme() { DARK_STYLE_LINK.setAttribute('href', DARK_THEME_PATH); } function disableDarkTheme() { DARK_STYLE_LINK.setAttribute('href', ''); } </script> </body> </html>