gbrault
/
jupytersketcher
spegling av https://github.com/gbrault/jupytersketcher.git


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961
							

<!doctype html>
<html lang="en" class="no-js">
  <head>
    
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width,initial-scale=1">
      
      
      <link rel="shortcut icon" href="../assets/images/favicon.png">
      <meta name="generator" content="mkdocs-1.1, mkdocs-material-5.4.0">
    
    
        <title>Shapes Reference - Jypyter Sketcher</title>
      
    
      <link rel="stylesheet" href="../assets/stylesheets/main.fe0cca5b.min.css">
      
      
        <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700%7CRoboto+Mono&display=fallback">
        <style>body,input{font-family:"Roboto",-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif}code,kbd,pre{font-family:"Roboto Mono",SFMono-Regular,Consolas,Menlo,monospace}</style>
      
    
  </head>
  
  
    <body dir="ltr">
  
    
    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
    <label class="md-overlay" for="__drawer"></label>
    <div data-md-component="skip">
      
        
        <a href="#list-of-shapes" class="md-skip">
          Skip to content
        </a>
      
    </div>
    <div data-md-component="announce">
      
    </div>
    
      <header class="md-header" data-md-component="header">
  <nav class="md-header-nav md-grid" aria-label="Header">
    <a href=".." title="Jypyter Sketcher" class="md-header-nav__button md-logo" aria-label="Jypyter Sketcher">
      
  
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a3 3 0 003-3 3 3 0 00-3-3 3 3 0 00-3 3 3 3 0 003 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54z"/></svg>

    </a>
    <label class="md-header-nav__button md-icon" for="__drawer">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3V6m0 5h18v2H3v-2m0 5h18v2H3v-2z"/></svg>
    </label>
    <div class="md-header-nav__title" data-md-component="header-title">
      
        <div class="md-header-nav__ellipsis">
          <span class="md-header-nav__topic md-ellipsis">
            Jypyter Sketcher
          </span>
          <span class="md-header-nav__topic md-ellipsis">
            
              Shapes Reference
            
          </span>
        </div>
      
    </div>
    
      <label class="md-header-nav__button md-icon" for="__search">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0116 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 019.5 16 6.5 6.5 0 013 9.5 6.5 6.5 0 019.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5z"/></svg>
      </label>
      
<div class="md-search" data-md-component="search" role="dialog">
  <label class="md-search__overlay" for="__search"></label>
  <div class="md-search__inner" role="search">
    <form class="md-search__form" name="search">
      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" data-md-state="active">
      <label class="md-search__icon md-icon" for="__search">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0116 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 019.5 16 6.5 6.5 0 013 9.5 6.5 6.5 0 019.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5z"/></svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12z"/></svg>
      </label>
      <button type="reset" class="md-search__icon md-icon" aria-label="Clear" data-md-component="search-reset" tabindex="-1">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg>
      </button>
    </form>
    <div class="md-search__output">
      <div class="md-search__scrollwrap" data-md-scrollfix>
        <div class="md-search-result" data-md-component="search-result">
          <div class="md-search-result__meta">
            Initializing search
          </div>
          <ol class="md-search-result__list"></ol>
        </div>
      </div>
    </div>
  </div>
</div>
    
    
  </nav>
</header>
    
    <div class="md-container" data-md-component="container">
      
        
      <main class="md-main" data-md-component="main">
        <div class="md-main__inner md-grid">
          
            
              <div class="md-sidebar md-sidebar--primary" data-md-component="navigation">
                <div class="md-sidebar__scrollwrap">
                  <div class="md-sidebar__inner">
                    <nav class="md-nav md-nav--primary" aria-label="Navigation" data-md-level="0">
  <label class="md-nav__title" for="__drawer">
    <a href=".." title="Jypyter Sketcher" class="md-nav__button md-logo" aria-label="Jypyter Sketcher">
      
  
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a3 3 0 003-3 3 3 0 00-3-3 3 3 0 00-3 3 3 3 0 003 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54z"/></svg>

    </a>
    Jypyter Sketcher
  </label>
  
  <ul class="md-nav__list" data-md-scrollfix>
    
      
  <li class="md-nav__item">
    <a href=".." title="Home" class="md-nav__link">
      Home
    </a>
  </li>

    
  <li class="md-nav__item">
    <a href="../about/" title="About" class="md-nav__link">
      About
    </a>
  </li>

    
  <li class="md-nav__item">
    <a href="../presentation/" title="Presentation" class="md-nav__link">
      Presentation
    </a>
  </li>

    
  <li class="md-nav__item">
    <a href="../learningbyexample/" title="Learning by Example" class="md-nav__link">
      Learning by Example
    </a>
  </li>

    
  <li class="md-nav__item md-nav__item--active">
    
    <input class="md-nav__toggle md-toggle" data-md-toggle="toc" type="checkbox" id="__toc">
    
    
      <label class="md-nav__link md-nav__link--active" for="__toc">
        Shapes Reference
        <span class="md-nav__icon md-icon">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 9h14V7H3v2m0 4h14v-2H3v2m0 4h14v-2H3v2m16 0h2v-2h-2v2m0-10v2h2V7h-2m0 6h2v-2h-2v2z"/></svg>
        </span>
      </label>
    
    <a href="./" title="Shapes Reference" class="md-nav__link md-nav__link--active">
      Shapes Reference
    </a>
    
      
<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
  
  
    <label class="md-nav__title" for="__toc">
      <span class="md-nav__icon md-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12z"/></svg>
      </span>
      Table of contents
    </label>
    <ul class="md-nav__list" data-md-scrollfix>
      
        <li class="md-nav__item">
  <a href="#list-of-shapes" class="md-nav__link">
    List of Shapes
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#line" class="md-nav__link">
    Line
  </a>
  
    <nav class="md-nav" aria-label="Line">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#rectangle" class="md-nav__link">
    Rectangle
  </a>
  
    <nav class="md-nav" aria-label="Rectangle">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_1" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_1" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#circle" class="md-nav__link">
    Circle
  </a>
  
    <nav class="md-nav" aria-label="Circle">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_2" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_2" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#triangle" class="md-nav__link">
    Triangle
  </a>
  
    <nav class="md-nav" aria-label="Triangle">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_3" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_3" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#distance-with-text" class="md-nav__link">
    Distance with text
  </a>
  
    <nav class="md-nav" aria-label="Distance with text">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_4" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_4" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#text" class="md-nav__link">
    Text
  </a>
  
    <nav class="md-nav" aria-label="Text">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_5" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_5" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#cross" class="md-nav__link">
    Cross
  </a>
  
    <nav class="md-nav" aria-label="Cross">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_6" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_6" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#axis" class="md-nav__link">
    Axis
  </a>
  
    <nav class="md-nav" aria-label="Axis">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_7" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_7" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#arc" class="md-nav__link">
    Arc
  </a>
  
    <nav class="md-nav" aria-label="Arc">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_8" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_8" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#arc_wtext" class="md-nav__link">
    Arc_wText
  </a>
  
    <nav class="md-nav" aria-label="Arc_wText">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_9" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_9" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#arrow1" class="md-nav__link">
    Arrow1
  </a>
  
    <nav class="md-nav" aria-label="Arrow1">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_10" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_10" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#force" class="md-nav__link">
    Force
  </a>
  
    <nav class="md-nav" aria-label="Force">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_11" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_11" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#wall" class="md-nav__link">
    Wall
  </a>
  
    <nav class="md-nav" aria-label="Wall">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_12" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_12" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#curve" class="md-nav__link">
    Curve
  </a>
  
    <nav class="md-nav" aria-label="Curve">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_13" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_13" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#gravity" class="md-nav__link">
    Gravity
  </a>
  
    <nav class="md-nav" aria-label="Gravity">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_14" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_14" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#moment" class="md-nav__link">
    Moment
  </a>
  
    <nav class="md-nav" aria-label="Moment">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_15" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_15" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#text_warrow" class="md-nav__link">
    Text_wArrow
  </a>
  
    <nav class="md-nav" aria-label="Text_wArrow">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_16" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_16" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#wheel" class="md-nav__link">
    Wheel
  </a>
  
    <nav class="md-nav" aria-label="Wheel">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_17" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_17" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#spring" class="md-nav__link">
    Spring
  </a>
  
    <nav class="md-nav" aria-label="Spring">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_18" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_18" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#dashpot" class="md-nav__link">
    Dashpot
  </a>
  
    <nav class="md-nav" aria-label="Dashpot">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_19" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_19" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#code-to-display-the-above-defined-shapes" class="md-nav__link">
    Code to display the above defined shapes
  </a>
  
    <nav class="md-nav" aria-label="Code to display the above defined shapes">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_20" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_20" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
    </ul>
  
</nav>
    
  </li>

    
  <li class="md-nav__item">
    <a href="../yamlsketcher/" title="YAML files Reference" class="md-nav__link">
      YAML files Reference
    </a>
  </li>

    
  </ul>
</nav>
                  </div>
                </div>
              </div>
            
            
              <div class="md-sidebar md-sidebar--secondary" data-md-component="toc">
                <div class="md-sidebar__scrollwrap">
                  <div class="md-sidebar__inner">
                    
<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
  
  
    <label class="md-nav__title" for="__toc">
      <span class="md-nav__icon md-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12z"/></svg>
      </span>
      Table of contents
    </label>
    <ul class="md-nav__list" data-md-scrollfix>
      
        <li class="md-nav__item">
  <a href="#list-of-shapes" class="md-nav__link">
    List of Shapes
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#line" class="md-nav__link">
    Line
  </a>
  
    <nav class="md-nav" aria-label="Line">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#rectangle" class="md-nav__link">
    Rectangle
  </a>
  
    <nav class="md-nav" aria-label="Rectangle">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_1" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_1" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#circle" class="md-nav__link">
    Circle
  </a>
  
    <nav class="md-nav" aria-label="Circle">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_2" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_2" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#triangle" class="md-nav__link">
    Triangle
  </a>
  
    <nav class="md-nav" aria-label="Triangle">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_3" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_3" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#distance-with-text" class="md-nav__link">
    Distance with text
  </a>
  
    <nav class="md-nav" aria-label="Distance with text">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_4" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_4" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#text" class="md-nav__link">
    Text
  </a>
  
    <nav class="md-nav" aria-label="Text">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_5" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_5" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#cross" class="md-nav__link">
    Cross
  </a>
  
    <nav class="md-nav" aria-label="Cross">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_6" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_6" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#axis" class="md-nav__link">
    Axis
  </a>
  
    <nav class="md-nav" aria-label="Axis">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_7" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_7" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#arc" class="md-nav__link">
    Arc
  </a>
  
    <nav class="md-nav" aria-label="Arc">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_8" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_8" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#arc_wtext" class="md-nav__link">
    Arc_wText
  </a>
  
    <nav class="md-nav" aria-label="Arc_wText">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_9" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_9" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#arrow1" class="md-nav__link">
    Arrow1
  </a>
  
    <nav class="md-nav" aria-label="Arrow1">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_10" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_10" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#force" class="md-nav__link">
    Force
  </a>
  
    <nav class="md-nav" aria-label="Force">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_11" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_11" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#wall" class="md-nav__link">
    Wall
  </a>
  
    <nav class="md-nav" aria-label="Wall">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_12" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_12" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#curve" class="md-nav__link">
    Curve
  </a>
  
    <nav class="md-nav" aria-label="Curve">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_13" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_13" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#gravity" class="md-nav__link">
    Gravity
  </a>
  
    <nav class="md-nav" aria-label="Gravity">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_14" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_14" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#moment" class="md-nav__link">
    Moment
  </a>
  
    <nav class="md-nav" aria-label="Moment">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_15" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_15" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#text_warrow" class="md-nav__link">
    Text_wArrow
  </a>
  
    <nav class="md-nav" aria-label="Text_wArrow">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_16" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_16" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#wheel" class="md-nav__link">
    Wheel
  </a>
  
    <nav class="md-nav" aria-label="Wheel">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_17" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_17" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#spring" class="md-nav__link">
    Spring
  </a>
  
    <nav class="md-nav" aria-label="Spring">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_18" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_18" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#dashpot" class="md-nav__link">
    Dashpot
  </a>
  
    <nav class="md-nav" aria-label="Dashpot">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_19" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_19" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#code-to-display-the-above-defined-shapes" class="md-nav__link">
    Code to display the above defined shapes
  </a>
  
    <nav class="md-nav" aria-label="Code to display the above defined shapes">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#yaml_20" class="md-nav__link">
    Yaml
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#python_20" class="md-nav__link">
    Python
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
    </ul>
  
</nav>
                  </div>
                </div>
              </div>
            
          
          <div class="md-content">
            <article class="md-content__inner md-typeset">
              
                
                  <h1>Shapes Reference</h1>
                
                <h2 id="list-of-shapes">List of Shapes</h2>
<p><a href="#code-to-display-the-above-defined-shapes">Code to display shapes</a></p>
<ul>
<li><a href="#line">Line</a>: defines a line providing start and end point</li>
<li><a href="#rectangle">Rectangle</a>: defines a rectangle providing bottom left corner, x dimension, y dimension</li>
<li><a href="#triangle">Triangle</a>: defines a triangle providing three corner</li>
<li><a href="#circle">Circle</a>: defines a circle proving center and radius</li>
<li><a href="#distance-with-text">Distance with text</a>: defines a sizing mark with a label </li>
<li><a href="#text">Text</a>: defines a given text positionned at the provided point</li>
<li><a href="#cross">Cross</a>: defines a cross positionned at the provided point</li>
<li><a href="#axis">Axis</a>: defines an axis at the given point with a given label</li>
<li><a href="#arc">Arc</a>: defines an Arc providing a center point, a radius, a starting angle and an angle (rotates clock-wise)</li>
<li><a href="#arc_wtext">Arc_wText</a>: defines an arc with text positionned left (moving clock-wise) of arc half-way</li>
<li><a href="#arrow1">Arrow1</a>: defines a line with arrow(s) given starting and ending point and arrow termination(s) -&gt;, \&lt;-&gt;, \&lt;-</li>
<li><a href="#force">Force</a>: defines an Indication of a force by an arrow and a text (symbol)</li>
<li><a href="#wall">Wall</a>: defines an hached box given starting, ending point and thickness, filled with a pattern</li>
<li><a href="#curve">Curve</a>: defines a general curve as a sequence of (x,y) coordinates</li>
<li><a href="#gravity">Gravity</a>: defines a downward-pointing gravity arrow with the symbol g or user given symbol.</li>
<li><a href="#moment">Moment</a>: defines a Moment arrow with text given text, center and radius</li>
<li><a href="#text_warrow">Text_wArrow</a>: defines Text, but an arrow is drawn from the mid part of the text to some point arrow_tip</li>
<li><a href="#wheel">Wheel</a>: defines Hub and spokes Wheel given center, radius, spokes (default 10), inner_radius(default 1/5 of radius)</li>
<li><a href="#spring">Spring</a>: defines a vertical spring, starting at start and with length as total vertical length</li>
<li><a href="#dashpot">Dashpot</a>: defines a vertical dashpot of height <code>total_length</code> and <code>start</code> as bottom/starting point.</li>
</ul>
<h2 id="line">Line</h2>
<p><a href="#list-of-shapes">home</a> Defines a line providing start and end point</p>
<h3 id="yaml">Yaml</h3>
<pre><code class="yaml">name: line
shapes:
    A: point(-5,-5)
    B: point(5,5)
line: Line(A,B)
</code></pre>

<h3 id="python">Python</h3>
<pre><code class="python">A = point(-5,-5)
B = point(5,5)
line = Line(A,B)
line.set_name(&quot;line&quot;)
</code></pre>

<p><img alt="line" src="../reference/line.svg" /></p>
<h2 id="rectangle">Rectangle</h2>
<p><a href="#list-of-shapes">home</a> Defines a rectangle providing bottom left corner, x dimension, y dimension</p>
<h3 id="yaml_1">Yaml</h3>
<pre><code class="yaml">name: rectangle
shapes:
    L: 8
    h: 5
    p: point(-(L/2),-(h/2))
    rectangle: Rectangle(p,L,h)
</code></pre>

<h3 id="python_1">Python</h3>
<pre><code class="python">L = 8
h = 5
p = point(-(L/2),-(h/2))
rectangle = Rectangle(p,L,h)
rectangle.set_name(&quot;rectangle&quot;)
</code></pre>

<p><img alt="rectangle" src="../reference/rectangle.svg" /></p>
<h2 id="circle">Circle</h2>
<p><a href="#list-of-shapes">home</a> Defines a circle proving center and radius</p>
<h3 id="yaml_2">Yaml</h3>
<pre><code class="yaml">name: circle
shapes:
    circle: Circle(point(0,0),5)
</code></pre>

<h3 id="python_2">Python</h3>
<pre><code class="python">circle = Circle(point(0,0),5)
circle.set_name(&quot;circle&quot;)
</code></pre>

<p><img alt="circle" src="../reference/circle.svg" /></p>
<h2 id="triangle">Triangle</h2>
<p><a href="#list-of-shapes">home</a> Defines a triangle providing three corner</p>
<h3 id="yaml_3">Yaml</h3>
<pre><code class="yaml">name: triangle
shapes:
    L: 3.0
    W: 4.0
    triangle: Triangle(p1=(W/2,0), p2=(3*W/2,W/2), p3=(4*W/5.,L))
</code></pre>

<h3 id="python_3">Python</h3>
<pre><code class="python">L = 3.0
W = 4.0
triangle = Triangle(p1=(W/2,0), p2=(3*W/2,W/2), p3=(4*W/5.,L))
triangle.set_name(&quot;triangle&quot;)
</code></pre>

<p><img alt="triangle" src="../reference/triangle.svg" /></p>
<h2 id="distance-with-text">Distance with text</h2>
<p><a href="#list-of-shapes">home</a> Defines a sizing mark with a label </p>
<h3 id="yaml_4">Yaml</h3>
<pre><code class="yaml">name: dwt
shapes:
    fontsize: 14
    t: r'$ 2\pi R^2 $'  # sample text
    dwt: Distance_wText((-4,0), (8, 5), t, fontsize)
</code></pre>

<h3 id="python_4">Python</h3>
<pre><code class="python">fontsize=14
t = r'$ 2\pi R^2 $'  # sample text
dwt = Distance_wText((-4,0), (8, 5), t, fontsize)
dwt.set_name(&quot;dwt&quot;)
</code></pre>

<p><img alt="Distance with text" src="../reference/distancewithtext.svg" /></p>
<h2 id="text">Text</h2>
<p><a href="#list-of-shapes">home</a> Defines a given text positionned at the provided point</p>
<h3 id="yaml_5">Yaml</h3>
<pre><code class="yaml">name: text
shapes:
    text: Text(r'$c$', point(0,0))
</code></pre>

<h3 id="python_5">Python</h3>
<pre><code class="python">text = Text(r'$c$', point(0,0))
text.set_name(&quot;text&quot;)
</code></pre>

<p><img alt="Text" src="../reference/text.svg" /></p>
<h2 id="cross">Cross</h2>
<p><a href="#list-of-shapes">home</a> Defines a cross positionned at the provided point</p>
<h3 id="yaml_6">Yaml</h3>
<pre><code class="yaml">name: cross
shapes:
    cross: Cross(point(0,0))
</code></pre>

<h3 id="python_6">Python</h3>
<pre><code class="python">cross = Cross(point(1,0))
cross.set_name(&quot;cross&quot;)
</code></pre>

<p><img alt="Cross" src="../reference/cross.svg" /></p>
<h2 id="axis">Axis</h2>
<p><a href="#list-of-shapes">home</a> Defines an axis at the given point with a given label</p>
<h3 id="yaml_7">Yaml</h3>
<pre><code class="yaml">name: axis
shapes:
    axis: Axis((0,0), 5, 'x', rotation_angle=0)
</code></pre>

<h3 id="python_7">Python</h3>
<pre><code class="python">axis = Axis((0,0), 5, 'x', rotation_angle=0)
axis.set_name(&quot;axis&quot;)
</code></pre>

<p><img alt="Axis" src="../reference/axis.svg" /></p>
<h2 id="arc">Arc</h2>
<p><a href="#list-of-shapes">home</a> Defines an Arc providing a center point, a radius, a starting angle and an angle (rotates clock-wise)</p>
<h3 id="yaml_8">Yaml</h3>
<pre><code class="yaml">name: arc
shapes:
    center: point(0,0)
    radius: 1
    angle: 120
    start_angle: 180-angle
    arc_angle: angle
    arc: Arc(center, radius, start_angle, arc_angle)
</code></pre>

<h3 id="python_8">Python</h3>
<pre><code class="python">center = point(0,0)
radius = 1
angle = 120
start_angle = 180-angle
arc_angle = angle
arc = Arc(center, radius, start_angle, arc_angle)
arc.set_name(&quot;arc&quot;)
</code></pre>

<p><img alt="Arc" src="../reference/arc.svg" /></p>
<h2 id="arc_wtext">Arc_wText</h2>
<p><a href="#list-of-shapes">home</a> Defines an arc with text positionned left (moving clock-wise) of arc half-way</p>
<h3 id="yaml_9">Yaml</h3>
<pre><code class="yaml">name: arc_wtxt
shapes:
    center: point(0,0)
    radius: 1
    angle: 120
    start_angle: 180-angle
    arc_angle: angle
    arc_wtxt: &quot;Arc_wText(r'$&lt;bslash&gt;theta$', center, radius, start_angle, arc_angle)&quot;
</code></pre>

<h3 id="python_9">Python</h3>
<pre><code class="python">center = point(0,0)
radius = 1
angle = 120
start_angle = 180-angle
arc_angle = angle
arc_wtxt = Arc_wText(r'$\theta$', center, radius, start_angle, arc_angle)
arc_wtxt.set_name(&quot;arcwtxt&quot;)
</code></pre>

<p><img alt="Arc with Text" src="../reference/arcwtext.svg" /></p>
<h2 id="arrow1">Arrow1</h2>
<p><a href="#list-of-shapes">home</a> defines a line with arrow(s) given starting and ending point and arrow termination(s) -&gt;, \&lt;-&gt;, \&lt;-</p>
<h3 id="yaml_10">Yaml</h3>
<pre><code class="yaml">name: arrow1
shapes:
    start: point(0,0)
    end: point(5,5)
    arrow1: Arrow1(start, end, style='&lt;-&gt;')
</code></pre>

<h3 id="python_10">Python</h3>
<pre><code class="python">start = point(0,0)
end = point(5,5)
arrow1 = Arrow1(start, end, style='&lt;-&gt;')
arrow1.set_name(&quot;arrow1&quot;)
</code></pre>

<p><img alt="Arrow1" src="../reference/arrow1.svg" /></p>
<h2 id="force">Force</h2>
<p><a href="#list-of-shapes">home</a> defines an Indication of a force by an arrow and a text (symbol)</p>
<h3 id="yaml_11">Yaml</h3>
<pre><code class="yaml">name: force
shapes:
    x: 0
    y: 0
    contact: point(x, y)
    vector: point(-3,-5)
    force: Force(contact - vector, contact, r'$Force$', text_pos='start')
</code></pre>

<h3 id="python_11">Python</h3>
<pre><code class="python">x = 0
y = 0
contact = point(x, y)
vector = point(-3,-5)
force = Force(contact - vector, contact, r'$Force$', text_pos='start')
force.set_name(&quot;force&quot;)
</code></pre>

<p><img alt="Force" src="../reference/force.svg" /></p>
<h2 id="wall">Wall</h2>
<p><a href="#list-of-shapes">home</a> defines an hached box given starting, ending point and thickness, filled with a pattern</p>
<h3 id="yaml_12">Yaml</h3>
<pre><code class="yaml">name: wall
shapes:
    theta: 30
    L: 8
    B: point(L-4,-2)                      # wall right end
    A: point(-4,tan(radians(theta))*L-2)  # wall left end
    wall: 
        formula: Wall(x=[A[0], B[0]], y=[A[1], B[1]], thickness=-0.5,transparent=False)
        style:
            linecolor: black
</code></pre>

<h3 id="python_12">Python</h3>
<pre><code class="python">theta = 30
L = 8
B = point(L-4,-2)                      # wall right end
A = point(-4,tan(radians(theta))*L-2)  # wall left end
wall= Wall(x=[A[0], B[0]], y=[A[1], B[1]], thickness=-0.5,transparent=False)
wall.set_linecolor('black')
wall.set_name(&quot;wall&quot;)
</code></pre>

<p><img alt="Wall" src="../reference/wall.svg" /></p>
<h2 id="curve">Curve</h2>
<p><a href="#list-of-shapes">home</a> defines a general curve as a sequence of (x,y) coordinates</p>
<h3 id="yaml_13">Yaml</h3>
<pre><code class="yaml">curve=&quot;&quot;&quot;\
name: curve
shapes:
    N: 100
    x: np.linspace(-2.0, 2.0, N)
    y: x**3
    curve: Curve(x,y)
&quot;&quot;&quot;
</code></pre>

<h3 id="python_13">Python</h3>
<pre><code class="python">N = 100
x = np.linspace(-2.0, 2.0, N)
y = x**3
curve = Curve(x,y)
curve.draw()
curve.set_name(&quot;curve&quot;)
</code></pre>

<p><img alt="Curve" src="../reference/curve.svg" /></p>
<h2 id="gravity">Gravity</h2>
<p><a href="#list-of-shapes">home</a> defines a downward-pointing gravity arrow with the symbol g or user given symbol.</p>
<h3 id="yaml_14">Yaml</h3>
<pre><code class="yaml">gravity=&quot;&quot;&quot;
name: gravity
shapes:
    c: point(0,0)
    r: 2
    gravity: 
        formula: Gravity(c, r, text='$Mg$')
&quot;&quot;&quot;
</code></pre>

<h3 id="python_14">Python</h3>
<pre><code class="python">c = point(0,0)
r = 2
gravity = Gravity(c, r, text='$Mg$')
gravity.set_name(&quot;gravity&quot;)
</code></pre>

<p><img alt="Gravity" src="../reference/gravity.svg" /></p>
<h2 id="moment">Moment</h2>
<p><a href="#list-of-shapes">home</a> defines a Moment arrow with text given text, center and radius.</p>
<h3 id="yaml_15">Yaml</h3>
<pre><code class="yaml">moment=&quot;&quot;&quot;
name: moment
shapes:
    moment: Moment(&quot;$T$&quot;, point(0,0), 2)
&quot;&quot;&quot;
</code></pre>

<h3 id="python_15">Python</h3>
<pre><code class="python">moment = Moment(&quot;$T$&quot;, point(0,0), 2)
moment.shape_name=&quot;moment&quot;
</code></pre>

<p><img alt="Moment" src="../reference/moment.svg" /></p>
<h2 id="text_warrow">Text_wArrow</h2>
<p><a href="#list-of-shapes">home</a> Text, but an arrow is drawn from the mid part of the text to some point arrow_tip</p>
<h3 id="yaml_16">Yaml</h3>
<pre><code class="yaml">txtarrow=&quot;&quot;&quot;
name: txtarrow
shapes:
    txtarrow: Text_wArrow(&quot;$Text$&quot;, point(0,0), point(2,2))
&quot;&quot;&quot;
</code></pre>

<h3 id="python_16">Python</h3>
<pre><code class="python">txtarrow = Text_wArrow(&quot;$Text$&quot;, point(0,0), point(2,2))
txtarrow.set_name(&quot;txtarrow&quot;)
</code></pre>

<p><img alt="Text_wArrow" src="../reference/textwarrow.svg" /></p>
<h2 id="wheel">Wheel</h2>
<p><a href="#list-of-shapes">home</a> Hub and spokes Wheel given center, radius, spokes (default 10), inner_radius(default 1/5 of radius)</p>
<h3 id="yaml_17">Yaml</h3>
<pre><code class="yaml">wheel=&quot;&quot;&quot;
name: wheel
shapes:
    wheel: Wheel(point(0,0), 5)
&quot;&quot;&quot;
</code></pre>

<h3 id="python_17">Python</h3>
<pre><code class="python">wheel = Wheel(point(0,0), 5)
wheel.set_name(&quot;wheel&quot;)
</code></pre>

<p><img alt="Wheel" src="../reference/wheel.svg" /></p>
<h2 id="spring">Spring</h2>
<p><a href="#list-of-shapes">home</a> Specify a vertical spring, starting at start and with length as total vertical length</p>
<h3 id="yaml_18">Yaml</h3>
<pre><code class="yaml">spring=&quot;&quot;&quot;
name: spring
shapes: 
    spring: 
       formula: Spring(point(0,0),5)
       style:
           linecolor: black
           linewidth: 1
&quot;&quot;&quot;
</code></pre>

<h3 id="python_18">Python</h3>
<pre><code class="python">spring = Spring(point(0,0),5)
spring.set_linecolor('black')
spring.set_linewidth(1)
spring.set_name(&quot;spring&quot;)
</code></pre>

<p><img alt="Spring" src="../reference/spring.svg" /></p>
<h2 id="dashpot">Dashpot</h2>
<p><a href="#list-of-shapes">home</a> Defines a vertical dashpot of height <code>total_length</code> and <code>start</code> as bottom/starting point.</p>
<h3 id="yaml_19">Yaml</h3>
<pre><code class="yaml">dashpot=&quot;&quot;&quot;
name: dashpot
shapes:
    dashpot: Dashpot(point(0,0),5)
&quot;&quot;&quot;
</code></pre>

<h3 id="python_19">Python</h3>
<pre><code class="python">dashpot = Dashpot(point(0,0),5)
dashpot.set_name(&quot;dashpot&quot;)
</code></pre>

<p><img alt="Dashpot" src="../reference/dashpot.svg" /></p>
<h2 id="code-to-display-the-above-defined-shapes">Code to display the above defined shapes</h2>
<p><a href="#list-of-shapes">home</a> In order to display the various shapes, use the following code in a jupyter notebook</p>
<pre><code class="python">[1]: %matplotlib widget
[2]: from pysketcher import *
[3]: from math import tan, radians, sin, cos # needed for python code
[4]: import numpy as np
[6]: drawing_tool.set_coordinate_system(xmin=-10, xmax=10,ymin=-10, ymax=10,axis=True)
[5]: drawing_tool.mpl.gcf().canvas
</code></pre>

<p>for Yaml, you need to add those extra steps</p>
<pre><code class="python">head = &quot;&quot;&quot;\
libraries: [&quot;from math import tan, radians, sin, cos&quot;,&quot;from pysketcher import *&quot;,&quot;import numpy as np&quot;]
myfig={}
sketch = Sketch(myfig)
sketch.append(head)
</code></pre>

<p>The above code initialize myfig sketch space loading into it libraries references so samples can use tan, radians, si, cos and all the objects defined in pysketcher (the module name of jupytersketcher) and numpy as well: this is used by the yaml definition of shapes</p>
<h3 id="yaml_20">Yaml</h3>
<pre><code class="python">myfig={}
sketch=&quot;&quot;&quot;
# put here the yaml 'object' definition
&quot;&quot;&quot;
drawing_tool.erase()
sketch.append(sketch)
# replace 'object' by the actual one
d = myfig['object'].draw() 
drawing_tool.display()
display(SVG(Sketch.matplotlib2SVG()))
</code></pre>

<h3 id="python_20">Python</h3>
<pre><code class="python">drawing_tool.erase()
# put the code of the object case here
# replace object by the actual name line, rectangle, circle...
object.draw()
drawing_tool.display()
display(SVG(Sketch.matplotlib2SVG()))
</code></pre>
                
              
            </article>
          </div>
        </div>
      </main>
      
        
<footer class="md-footer">
  
    <div class="md-footer-nav">
      <nav class="md-footer-nav__inner md-grid" aria-label="Footer">
        
          <a href="../learningbyexample/" title="Learning by Example" class="md-footer-nav__link md-footer-nav__link--prev" rel="prev">
            <div class="md-footer-nav__button md-icon">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12z"/></svg>
            </div>
            <div class="md-footer-nav__title">
              <div class="md-ellipsis">
                <span class="md-footer-nav__direction">
                  Previous
                </span>
                Learning by Example
              </div>
            </div>
          </a>
        
        
          <a href="../yamlsketcher/" title="YAML files Reference" class="md-footer-nav__link md-footer-nav__link--next" rel="next">
            <div class="md-footer-nav__title">
              <div class="md-ellipsis">
                <span class="md-footer-nav__direction">
                  Next
                </span>
                YAML files Reference
              </div>
            </div>
            <div class="md-footer-nav__button md-icon">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11H4z"/></svg>
            </div>
          </a>
        
      </nav>
    </div>
  
  <div class="md-footer-meta md-typeset">
    <div class="md-footer-meta__inner md-grid">
      <div class="md-footer-copyright">
        
        Made with
        <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
          Material for MkDocs
        </a>
      </div>
      
    </div>
  </div>
</footer>
      
    </div>
    
      <script src="../assets/javascripts/vendor.d710d30a.min.js"></script>
      <script src="../assets/javascripts/bundle.b39636ac.min.js"></script><script id="__lang" type="application/json">{"clipboard.copy": "Copy to clipboard", "clipboard.copied": "Copied to clipboard", "search.config.lang": "en", "search.config.pipeline": "trimmer, stopWordFilter", "search.config.separator": "[\\s\\-]+", "search.result.placeholder": "Type to start searching", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents"}</script>
      
      <script>
        app = initialize({
          base: "..",
          features: [],
          search: Object.assign({
            worker: "../assets/javascripts/worker/search.a68abb33.min.js"
          }, typeof search !== "undefined" && search)
        })
      </script>
      
        <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-MML-AM_CHTML"></script>
      
    
  </body>
</html>