JSFiddle - React, Tailwind, and code Playground
HTML
<div class='chronologie'><p><strong><span style='font-size: 83%;'><code>1833</code></span></strong> <span style='font-size: 83%;'><span class='y1861' style='background-color: #F5F5F5;'><code>1861</code></span></span>
<span style='font-size: 83%;'><span class='y1866' style='background-color: #F5F5F5;'><code>1866</code></span></span>
<span style='font-size: 83%;'><span class='y1868' style='background-color: #F5F5F5;'><code>1868</code></span></span>
<span style='font-size: 83%;'><span class='y1872' style='background-color: #F5F5F5;'><code>1872</code></span></span>
<span style='font-size: 83%;'><span class='y1872' style='background-color: #F5F5F5;'><code>1872</code></span></span>
<span style='font-size: 83%;'><span class='y1872' style='background-color: #F5F5F5;'><code>1872</code></span></span>
<span style='font-size: 83%;'><span class='y1874' style='background-color: #F5F5F5;'><code>1874</code></span></span>
<span style='font-size: 83%;'><span class='y1877' style='background-color: #F5F5F5;'><code>1877</code></span></span>
<span style='font-size: 83%;'><span class='y1886' style='background-color: #F5F5F5;'><code>1886</code></span></span>
<span style='font-size: 83%;'><span class='y1888' style='background-color: #F5F5F5;'><code>1888</code></span></span>
<span style='font-size: 83%;'><span class='y1894' style='background-color: #F5F5F5;'><code>1894</code></span></span>
<span style='font-size: 83%;'><span class='y1896' style='background-color: #F5F5F5;'><code>1996</code></span></span>
<script src="https://d3js.org/d3.v7.min.js"></script>
<script src="https://www.languefrancaise.net/dev6/pub/chronologie.js"></script>
<div class=timeline></div>