I am not 100% sure the scale is right. Pas sûr que l'échelle soit vraiment correcte.
(It is a screenshot of an SVG file displayed by Firefox)

The code is not perfect, but looks like this :

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="2200" height="512" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" >

<g stroke="black" id="marques"></g>
<script type="text/javascript">
<![CDATA[
var SVG_NS ="http://www.w3.org/2000/svg";
var SVG_LNK = "http://www.w3.org/1999/xlink";
const pi=3.141592754
var doc=document.getElementById("marques");
// jpeg
myjpg= document.createElementNS(SVG_NS, "image");
myjpg.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:href", "SpectreSolaireRedresse.jpg");
margex = 50; margey = 50;
image_height = 202; image_width = 2020;
myjpg.setAttribute("x", margex);
myjpg.setAttribute("y", margey);
myjpg.setAttribute("width", image_width);
myjpg.setAttribute("height", image_height);
doc.appendChild(myjpg);

<!-- ****** spectre solaire ******* -->
// Pointage des raies avec GIMP
px1=1566; lambda1=589.0; <!-- Doublet Na -->
px2=987; lambda2=518.3; <!-- Triplet Mg -->
// Parametres d'interpolation
alpha = (px1 - px2) / (lambda1 - lambda2);
beta = px1 - alpha * lambda1;

for (lambda = 300; lambda < 700; lambda += 2)
	{
	x = Math.round(lambda * alpha + beta) + margex;
	if (x < margex)
		continue;
	if (x > (image_width + margex))
		break;
	mygrad = document.createElementNS(SVG_NS, "line");
	mygrad.setAttribute("x1", x);
	mygrad.setAttribute("x2", x);
	mygrad.setAttribute("y1", margey + image_height);
	if ((lambda % 10) == 0)
		mygrad.setAttribute("y2", margey + image_height + 20);
	else	mygrad.setAttribute("y2", margey + image_height + 10);
	mygrad.setAttribute("style", "stroke:rgb(99,99,99);stroke-width:2");
	doc.appendChild(mygrad);
	if (lambda % 10)
		continue;
	mygradtxt = document.createElementNS(SVG_NS, "text");
	mygradtxt.setAttribute("x", x);
	mygradtxt.setAttribute("y", margey + image_height + 30);
	mygradtxt.setAttribute("stroke-width", "0.3");
	mygradtxt.setAttribute("style", "font-size:12px;");
	doc.appendChild(mygradtxt);
	
	var mytext = document.createTextNode(lambda);
	mygradtxt.appendChild(mytext);
	}

]]>
</script>
</svg>

Moi, en tant que détenteur des droits d’auteur sur cette œuvre, je la publie sous les licences suivantes :

Vous avez la permission de copier, distribuer et modifier ce document selon les termes de la GNU Free Documentation License version 1.2 ou toute version ultérieure publiée par la Free Software Foundation, sans sections inaltérables, sans texte de première page de couverture et sans texte de dernière page de couverture. Un exemplaire de la licence est inclus dans la section intitulée GNU Free Documentation License.http://www.gnu.org/copyleft/fdl.htmlGFDLGNU Free Documentation Licensetruetrue

Ce fichier est sous licence Creative Commons Attribution - Partage Dans Les Mêmes Conditions 4.0 International, 3.0 Non Transposé, 2.5 Générique, 2.0 Générique et 1.0 Générique.

Vous êtes libre :

• de partager – de copier, distribuer et transmettre cette œuvre
• d’adapter – de modifier cette œuvre

Sous les conditions suivantes :

• paternité – Vous devez donner les informations appropriées concernant l'auteur, fournir un lien vers la licence et indiquer si des modifications ont été faites. Vous pouvez faire cela par tout moyen raisonnable, mais en aucune façon suggérant que l’auteur vous soutient ou approuve l’utilisation que vous en faites.
• partage à l’identique – Si vous modifiez, transformez ou vous basez sur cet élément, vous devez distribuer votre contribution sous une license identique ou compatible à celle de l’original.

https://creativecommons.org/licenses/by-sa/4.0CC BY-SA 4.0 Creative Commons Attribution-Share Alike 4.0 truetrue

Vous pouvez choisir l’une de ces licences.