Html 如何使用D3制作响应灵敏的5颗星

我正在尝试构建一个D3/Flask应用程序。我有一个文本框，我可以在其中输入对某些特定产品的评论。我的模型将根据评论文本预测隐含评级。我需要的是文本框上方的五颗黄色星星，就像亚马逊上的星星一样。我想让它响应根据预测的评级从文本。如果有人能帮我，我将不胜感激。

请出示一些代码，任何代码。至少是用于绘制文本的代码、星星（全部为灰色）以及与之相关的数据，然后我们只需为星星着色。否则，您似乎只是要求人们免费为您编写代码。@Gerardo Furtado我是D3新手。我不知道如何让那五颗星排成一行。是否有任何D3组件，如幻灯片等。欢迎提供任何资源信息。我不想让别人为我写代码。非常感谢您的帮助，不用担心。然而，不幸的是，当您正在寻找教程时，Stack Overflow不是适合您的合适站点。您可能可以通过一组图像（例如一个星的5个不同“状态”）和一些简单的javascript更容易地达到所需的效果。如果你想使用D3…写一个函数，在一组坐标上画一个给定大小的星星，然后重复5次。从画一条线开始。一颗星是10行。如果你想要完全烘焙的解决方案，D3不是你的选择。