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

This file is licensed under the Creative Commons Attribution-Share Alike Attribution-Share Alike 4.0 International, 3.0 Unported, 2.5 Generic, 2.0 Generic and 1.0 Generic license.

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 cette œuvre, vous devez distribuer votre contribution sous la même licence ou une licence compatible avec 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.