source de l'image:
https://www.ncei.noaa.gov/products/wandering-geomagnetic-poles

www.terrapub.co.jp/journals/EPS/pdf/2009/6106/61060703.pdf

The magnetic poles or dip poles are computed from all the Gauss coefficients using an iterative method. Magnetic poles derived in this fashion are geographically closer to the experimentally observed poles. Based on the current WMM, the 2020 location of the North Magnetic Pole is 86.50°N and 164.04°E and the South Magnetic Pole is 64.07°S and 135.88°E.

IGRF Pole Locations (1590–2025)

https://www.ngdc.noaa.gov/geomag/data/poles/NP.xy
https://www.ngdc.noaa.gov/geomag/data/poles/NP.xy

WMM Pole Locations (2020–2025)

https://www.ngdc.noaa.gov/geomag/data/poles/WMM2020_NP.xy
164.036 86.502 2020.000
157.690 86.415 2021.000
151.948 86.294 2022.000
146.826 86.146 2023.000
142.293 85.980 2024.000
138.299 85.801 2025.000

https://www.ngdc.noaa.gov/geomag/data/poles/WMM2020_SP.xy

135.877 -64.073 2020.000
135.723 -64.025 2021.000
135.569 -63.978 2022.000
135.417 -63.930 2023.000
135.264 -63.883 2024.000
135.113 -63.835 2025.000

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20001102//EN"
"http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.dtd">

<svg width="300px" height="250px" style="fill:#AAEEBB;" >
<g transform="translate(50,50)" style="fill:none;stroke:#AABBEE;stroke-linejoin:round;stroke-width:4px;stroke-dasharray:4,4;">
<path d="M 0,0 L100,0 L100,45
M0,100 L50,50 L100,125 m20,0 v-30 l20,-20
M0,150 h50 v-25 M100,150 h50 v25
M0,5 Q 20,20 40,5
"></path>
</g>
</svg>

<h3>Mnemo</h3>
<b>10 commands:</b> M, L, H, V, C, S, Q, T ou A, Z. <br />
<ul>
<li>M start at x,y</li>
<li>L lineup to x,y</li>
<li>H horizontal line +x</li>
<li>V vertical line +y</li>
<li>C</li>
<li>S</li>
<li>Q bezier: attracted by x1,y1 line up x2,y2. ex "M0,0 Q5,5 20,0".</li>
<li>T ou A : A for circle arcs.</li>
<li>Z: and line back to beggining of path (closing path command) </li>
</ul>
<b>2 coordinates systems:</b>
<ul>
<li>UPPER case : absolute coordinates.</li>
<li>lower case : relative to previous point.</li>
</ul>

<!-- This svgs just have historical / explanative values. -->

<h4>Via svg, pattern, and <a href="http://jsfiddle.net/jwrmwxzt/7/">path</a><h4>
<?xml version="1.0" ?>
<svg width="120" height="120" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<pattern id="Triangle" width="10" height="10" patternUnits="userSpaceOnUse">
<path fill="black"d="M5,0 10,10 0,10 Z" />
</pattern>
</defs>
<circle cx="60" cy="60" r="50" fill="url(#Triangle)" />
</svg>

<h4>Via svg, pattern, and rectangles<h4>
<?xml version="1.0" ?>
<svg width="120" height="120" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<pattern id="hash4_4" width="8" height="8" patternUnits="userSpaceOnUse" patternTransform="rotate(45)">
<rect width="4" height="8" transform="translate(0,0)" fill="orange"></rect>
</pattern>
</defs>
<circle cx="60" cy="60" r="50" fill="url(#hash4_4)" />
</svg>

<h4>Via svg, pattern, and d3<h4>

------------ js + d3js

// SVG injection:
var svg = d3.select("body").append("svg").attr("id", "d3svg")
.attr("width", 120)
.attr("height", 120);
//Pattern injection
var defs = svg.append("defs")
var pattern = svg.append("pattern")
.attr({ id:"hash4_4", width:"8", height:"8", patternUnits:"userSpaceOnUse", patternTransform:"rotate(-45)"})
.append("rect")
.attr({ width:"4", height:"8", transform:"translate(0,0)", fill:"#88AAEE" });

//Shape design
svg.append("g").attr("id","shape")
.append("circle")
.attr({cx:"60",cy:"60",r:"50", fill:"url(#hash4_4)" })

----- css

svg { border : 1px solid #88AAEE; background-color: #FEE; }
h4 { color: #777;}

#diagonal-stripe-2

ex:
<svg height="10" width="10" xmlns="http://www.w3.org/2000/svg" version="1.1"> <defs> <pattern id="diagonal-stripe-2" patternUnits="userSpaceOnUse" width="10" height="10"> <image xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMCcgaGVpZ2h0PScxMCc+CiAgPHJlY3Qgd2lkdGg9JzEwJyBoZWlnaHQ9JzEwJyBmaWxsPSd3aGl0ZScvPgogIDxwYXRoIGQ9J00tMSwxIGwyLC0yCiAgICAgICAgICAgTTAsMTAgbDEwLC0xMAogICAgICAgICAgIE05LDExIGwyLC0yJyBzdHJva2U9J2JsYWNrJyBzdHJva2Utd2lkdGg9JzInLz4KPC9zdmc+" x="0" y="0" width="10" height="10"> </image> </pattern> </defs> </svg>

trèfle => c
Carreau => d
coeur => h
pique => s

Valet => j
roi => k
dame => Q

{{Main poker|A|p|K|c|Q|k|S|t|10|p}} fr
{{Main poker|A|s|K|h|Q|d|J|C|10|s}} en