Javascript 如何在rmarkdown中回显和执行HTML/SVG而不重复代码？

出于教学目的，我想在我的rmarkdown文档中重复和评估HTML/SVG。有没有一种不重复代码的方法？这是我当前的代码重复方法（语法突出显示已关闭，因此忽略）：

``html
这是我的SVG。
```
这是我的SVG。
```html
```
```javascript
```
```{js}
//不重复：回显并执行
d3.选择（“圆圈c2”）.attr（“填充”、“红色”）；
```

呈现的页面如下所示：

---

（请注意，使用

{js}

引擎的JavaScript没有这个问题，尽管我不知道如何在

标记中包含属性而不重复该行。）

请阅读SVG中的和。不要重复同样的代码，你可以重做，这不是我想要做的。我在重复代码，以便可以逐字显示并执行它。请阅读SVG中的和。不要重复同样的代码，你可以重做，这不是我想要做的。我正在重复代码，以便可以逐字显示并执行它。

``` html
<h3>This is my SVG.</h3>
```

<h3>This is my SVG.</h3>   <!-- repeated -->

``` html
<svg width="200" height="100">
  <rect x="0" y="0" width="200" height="100" fill="lightblue"></rect>
  <circle cx="75" cy="50" r="20" fill="blue"></circle>
  <circle id="c2" cx="125" cy="50" r="20" fill="blue"></circle>
</svg>
```

<svg width="200" height="100">  <!-- repeated -->
  <rect x="0" y="0" width="200" height="100" fill="lightblue"></rect>
  <circle cx="75" cy="50" r="20" fill="blue"></circle>
  <circle id="c2" cx="125" cy="50" r="20" fill="blue"></circle>
</svg>

``` javascript
<script src="https://d3js.org/d3.v5.min.js"></script>
```

<script src="https://d3js.org/d3.v5.min.js"></script> <!-- repeated -->

```{js}
// not repeated: echos and executes
d3.select("circle#c2").attr("fill", "red");
```