File:Euler Method.svg

Summary[edit]

DescriptionEuler Method.svg	English: Euler Method Diagram to replace Image:Euler method.png This image needs to be fixed to work around the subscripting problem: below-baseline does not work consistenly between rendering programs.
Date	20 July 2008
Source	Created by me
Author	R. A. Nonenmacher
Permission (Reusing this file)	I, the copyright holder of this work, hereby publish it under the following licenses: Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License, Version 1.2 or any later version published by the Free Software Foundation; with no Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts. A copy of the license is included in the section entitled GNU Free Documentation License.http://www.gnu.org/copyleft/fdl.htmlGFDLGNU Free Documentation Licensetruetrue This file is licensed under the Creative Commons Attribution-Share Alike 4.0 International, 3.0 Unported, 2.5 Generic, 2.0 Generic and 1.0 Generic license. You are free: to share – to copy, distribute and transmit the work to remix – to adapt the work Under the following conditions: attribution – You must give appropriate credit, provide a link to the license, and indicate if changes were made. You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use. share alike – If you remix, transform, or build upon the material, you must distribute your contributions under the same or compatible license as the original. https://creativecommons.org/licenses/by-sa/4.0CC BY-SA 4.0 Creative Commons Attribution-Share Alike 4.0 truetrue You may select the license of your choice.
Other versions	Image:Euler method.png

SVG code for rev. 1[edit]

With this version the subscripts remained on the same baseline as the As.

  <?xml version="1.0" encoding="utf-8"?>
     
  <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
                       
  <svg version     = "1.1" 
       id          = "Euler_Method_Diagram" 
       xmlns       = "http://www.w3.org/2000/svg" 
       xmlns:xlink = "http://www.w3.org/1999/xlink" 
       width      = "1600" 
       height     = "1280" >
  
  <defs>
     <polygon id="Arrowhead" fill="#000000" points="0, 0 -30,-40 120, 0 -30, 40"/>
  </defs>
  
  <line stroke="#000000" stroke-width="12" x1="20" y1="1180"  x2="1460" y2="1180"/>
  <use xlink:href="#Arrowhead" transform="translate(1460, 1180)"/>
  
  <line stroke="#000000" stroke-width="12" x1="100" y1="1260" x2="100" y2="140"/>
  <use xlink:href="#Arrowhead" transform="translate(100, 140) rotate(-90)"/>
  
  <circle fill="#2727FF" cx="1520" cy="660" r="20"/>
  <path stroke="#2727FF" fill="none" stroke-width="12" d="M260,880c240-360,831.9-529.1,1260-220"/>
  
  <g fill="#C00000">
     <circle cx="260"  cy="880" r="20"/>
     <circle cx="480"  cy="580" r="20"/>
     <circle cx="840"  cy="420" r="20"/>
     <circle cx="1200" cy="360" r="20"/>
     <circle cx="1540" cy="420" r="20"/>
  </g>
  <g stroke="#C00000" stroke-width="12">
     <line x1="260"  y1="880" x2="480"  y2="580"/>
     <line x1="480"  y1="580" x2="840"  y2="420"/>
     <line x1="840"  y1="420" x2="1200" y2="360"/>
     <line x1="1200" y1="360" x2="1540" y2="420"/>
  </g>
  <text x="170"  y="810" font-style="italic"><tspan font-size="108">A<tspan font-size="72" baseline-shift="sub">0</tspan></tspan></text>
  <text x="390"  y="510" font-style="italic"><tspan font-size="108">A<tspan font-size="72" baseline-shift="sub">1</tspan></tspan></text>
  <text x="750"  y="350" font-style="italic"><tspan font-size="108">A<tspan font-size="72" baseline-shift="sub">2</tspan></tspan></text>
  <text x="1110" y="290" font-style="italic"><tspan font-size="108">A<tspan font-size="72" baseline-shift="sub">3</tspan></tspan></text>
  <text x="1450" y="350" font-style="italic"><tspan font-size="108">A<tspan font-size="72" baseline-shift="sub">4</tspan></tspan></text>
  
  </svg>

SVG code for rev. 3[edit]

This version is a workaround for the subscript problem. It's not a good solution because the subscript positions are hardcoded and not controlled by the font, which I've allowed to default to the user font.

  <?xml version="1.0" encoding="utf-8"?>
  
  <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
                       "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
                       
  <svg version     = "1.1" 
       id          = "Euler_Method_Diagram" 
       xmlns       = "http://www.w3.org/2000/svg" 
       xmlns:xlink = "http://www.w3.org/1999/xlink" 
       width      = "1600" 
       height     = "1280" >
  
  <defs>
     <polygon id="Arrowhead" fill="#000000" points="0, 0 -30,-40 120, 0 -30, 40"/>
  </defs>
  
  <line stroke="#000000" stroke-width="12" x1="20" y1="1180"  x2="1460" y2="1180"/>
  <use xlink:href="#Arrowhead" transform="translate(1460, 1180)"/>
  
  <line stroke="#000000" stroke-width="12" x1="100" y1="1260" x2="100" y2="140"/>
  <use xlink:href="#Arrowhead" transform="translate(100, 140) rotate(-90)"/>
  
  <circle fill="#2727FF" cx="1520" cy="660" r="20"/>
  <path stroke="#2727FF" fill="none" stroke-width="12" d="M260,880c240-360,831.9-529.1,1260-220"/>
  
  <g fill="#C00000">
     <circle cx="260"  cy="880" r="20"/>
     <circle cx="480"  cy="580" r="20"/>
     <circle cx="840"  cy="420" r="20"/>
     <circle cx="1200" cy="360" r="20"/>
     <circle cx="1520" cy="420" r="20"/>
  </g>
  <g stroke="#C00000" stroke-width="12">
     <line x1="260"  y1="880" x2="480"  y2="580"/>
     <line x1="480"  y1="580" x2="840"  y2="420"/>
     <line x1="840"  y1="420" x2="1200" y2="360"/>
     <line x1="1200" y1="360" x2="1520" y2="420"/>
  </g>
  <g font-style="italic">
     <text x="170"  y="810" font-size="108">A</text><text x="235"  y="830" font-size="72">0</text>
     <text x="390"  y="510" font-size="108">A</text><text x="455"  y="530" font-size="72">1</text>
     <text x="750"  y="350" font-size="108">A</text><text x="815"  y="370" font-size="72">2</text>
     <text x="1110" y="290" font-size="108">A</text><text x="1175" y="310" font-size="72">3</text>
     <text x="1430" y="350" font-size="108">A</text><text x="1495" y="370" font-size="72">4</text>
  </g>
  </svg>