File:Euler Method.svg

Summary

Description
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
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:
GNU head 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.
Category:License migration redundant#Euler%20Method.svgCategory:GFDL#Euler%20Method.svg
w:en:Creative Commons
attribution share alike
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.
Category:CC-BY-SA-4.0,3.0,2.5,2.0,1.0#Euler%20Method.svg
You may select the license of your choice.
Category:Self-published work
Other versions Image:Euler method.png

SVG code for rev. 1

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

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>
Category:Euler method
Category:CC-BY-SA-4.0,3.0,2.5,2.0,1.0 Category:Euler method Category:GFDL Category:License migration redundant Category:Self-published work