Javascript 提取数据并在web浏览器上显示的方法

请看下面我的项目架构

我打算使用Arduino作为Web服务器，并将数据拉入我的电脑的SQL数据库。我已经安装了XAMPP，因此我的电脑中运行了apache服务器和MySQL。我已经验证了Arduino的数据正在更新SQL DB中的一个表

问题:

我不是一个web开发人员，我一直在探索从sqldb中提取数据并将其显示在web页面上的不同方法

我的要求：

在SQL数据库更新时从中提取实时数据，并将其显示在网页上 根据需要绘制数据库记录参数的图表。我知道这是一个可以做到这一点的工具。 如上图所示绘制一个图形，并使用动态值数字填充该图形，或更改对象的颜色，如绿色/红色 到目前为止我遇到的方法

使用PHP拉取数据并显示在网页上。使用HTML/Javascript/jQuery创建这样的图形，并填充图像和值

使用Python提取数据并使用HTML/Javascript/jQuery我只知道其中的HTML

使用Visual Basic直接从Arduino中提取数据并将其显示在表单中。对于此选项，我不确定是否可以打印数据

这当然是一个广泛的问题，正如我所说的，我不是一个web开发人员。但我并不着急。我有几个月的时间来投资和学习不同的语言

---

我希望答案能引导我找到一个比我所知道的更好的解决方案，或者在其他解决方案中选择一个，或者只是指出每个选项的加号和减号

您可以使用JavaScript上的EventSource从PHP或Python流式传输HTML文档中的数据。

我认为选项1和2非常相似，而选项3则不同。问题是：您想保留数据记录吗？换句话说，您是否使用数据库按时间顺序存储数据以供以后检索？在这种情况下，考虑到您已经拥有的，选项1和2将是最好的。这两种方法都可以。@KIKOSoftware，是的，我想保留数据的记录，并将其用于以后的绘图。你能推荐一种学习方法吗？我已经知道一点HTML了。我完全喜欢w3schools.com。我认为EventSource是JavaScriptSee中的一个方法，