如何为网站创建动态图表？

Question

你好，

我对编程世界比较陌生，我想知道如何为我正在设计的网站创建以下内容。我将使用一个随机的例子来不给我的应用程序，但过程应该是相同的。我提前为不切实际的价值观道歉：

假设一位土木工程师想进入我的网站并找出埃菲尔铁塔某些点的机械压力，让我们说在第一/第二观景台的角落（见Image）。为了使其更加通用，他们希望改变塔的高度和底座宽度等值，以了解它如何影响这些点的机械应力。

现在，我可以制作用于计算这些压力值的算法。我的问题是，程序员将如何创建这个动态图形，以便在不同位置的图像上显示“压力值”，并根据用户输入+算法的值进行更改？我的想法如下：

• 使用HTML / CSS放置图像并设计网页
• 使用JavaScript获取输入，运行算法并计算输出。这也会对图像进行动态更改。

我对JavaScript没有任何经验（我对HTML / CSS没用，因为我之前已经建立了自己的网站）。在我离开之前，我想我希望能指出正确的方向并开始为这个应用程序学习错误的语言。

奖金挑战

当他们这样做时，当高度和基础区域发生变化时，看到埃菲尔铁塔的视觉表现会发生变化会很高兴。也就是说，如果你使基座更宽，高度更短，那么中段的弯曲就会更明显。显然，这意味着我不会使用图片，但实际上埃菲尔铁塔的矢量图像模型会根据输入而改变。那么用什么语言和什么库来制作这类东西呢？

感谢能够提供有关我的问题的一些见解的任何人。我真的很感激！

麦克

Answer 1

你好在网页中集成动态图有两种方法;

首先，您需要制作自己的图库。为此，你需要很好地了解SVG才能制作出漂亮的图形。

其次，您可以使用任何现有的库。有很多开源库，其中一些也可以免费使用。使用这些库集成图形并不困难。

图形生成库morris图表，c3.js等的一些示例。谷​​歌搜索将为您提供更多详细信息。

正如你所说，你对javascript一无所知，所以一开始集成图形会有点困难。但是制作自己的图库肯定要容易得多。