[Débutant] afficher une données en html5 issue d'un fichier csv

Bonjour,
n'étant pas vraiment dévelopeur, j'essaie d'afficher une vitesse issue d'un fichier .csv sur une page html5. Je souhaite superposer cette variable par dessus une image avec un refresh toutes les secondes.

Etant super novice dans visual studio, je me suis dirigé vers un projet " application web" composé d'un index.cshtml et d'un index.cshtml.cs

Je sais récupérer et afficher mes données dans la console de windows en C# :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
namespace VitesseWebApp.Pages
{
    public class IndexModel : PageModel
    {
        public static void main(string[] args)
        {
 
            using (StreamReader reader = new StreamReader(@"C:\test.csv"))
 
 
            {
                // saute la première ligne
                reader.ReadLine();
 
                string ligne;
                while ((ligne = reader.ReadLine()) != null)
                {
 
                    // récupère la vitesse de la colonne 4, c'est un float que l'on convertit en int
                    byte vitesse = (byte)float.Parse(valeurs[4]);
 
 
                    //On affiche la vitesse 
                    Console.WriteLine(vitesse);
 
                    //pause d'une seconde
                    Thread.Sleep(1000);
                }
 
            }
 
        }
    }
}

Je sais afficher du texte par dessus une image.. mais pas moyen de trouver le petit quelque chose qui me permet d'afficher mon byte vitesse issu de mon c#ci-dessus sur ma page web avec bien sur une évolution toute les secondes..

ici je n'ai fait que ajouter quelques lignes au code généré par visual studio

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}
 
<div class="text-center">
    <h1 class="display-10">Welcome</h1>
 
    <!-- ajout image !>-->
    <div style="position:relative; height:400px">
        <div style="position:absolute;z-index:1">
            <img src="images/Background.png">
        </div>
 
        <!-- ajout text par dessus l'image !>-->
        <div style="color:white;position:absolute;top:360px; width:1050px; height:400px; z-index:2;font-size:600%">
 
            <!-- j'essaie d'appeler le byte vitesse issu de mon program c#!>-->
            <center><% Response.Write(vitesse.ToString()) %></center>
 
            <!--avec un simple texte ça fonctionne
                <center></b>100kmh</b></center>!>-->
        </div>
    </div>
 
    <p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
</div>

Alors soit je pars dans la mauvaise direction, soit je ne suis pas loin d'y arriver, mais j'ai beau faire des recherches, je suis un peu perdu. Je veux bien un coup de pousse.
Merci d'avance.