Как нарисовать svg на js?

Question

[semki096]

Svg простой, что-то типа осей для графика

....
   <g class="grid x-grid" id="xGrid">
      <line x1="113" x2="113" y1="10" y2="380"></line>
      <line x1="259" x2="259" y1="10" y2="380"></line>
      <line x1="405" x2="405" y1="10" y2="380"></line>
      <line x1="551" x2="551" y1="10" y2="380"></line>
      <line x1="697" x2="697" y1="10" y2="380"></line>
    </g>
....

Но данные я получаю в виде строки, то есть мне надо както их подставлять внутрь svg. Как лучше решить эту задачу? Использовать какойто шаблонизатор и каким то образом через перебор в цикле подставлять полученные значения? Не знаю как подступиться.

Comments

[Антон Швец]

ничем не отличается от обычного создания хмтл элемента в js

Answer 1

[Karpion]

Можно использовать что-то типа document.write - он пишет прямо внутрь документа.

Можно поставить вместо констант - JS-переменные.

Можно создать div и командами JS менять его содержимое.