Easy svg sparklines

General
1

Just read a great blog post about a svg sparkline chart and this code;
is working on dashboard perfectly with a template node :vulcan_salute:

<svg height="180px" width="500px" viewBox="0 0 9 15" preserveAspectRatio="none">
  <path
    d="M 0 14 L 1 15 L 2 10 L 3 11 L 4 7 L 5 5 L 6 0 L 7 5 L 8 10 L 9 11 L 9 15 L 0 15 Z"
    stroke="transparent"
    fill="pink"
  />
  <path
    d="M 0 14 L 1 15 L 2 10 L 3 11 L 4 7 L 5 5 L 6 0 L 7 5 L 8 10 L 9 11"
    stroke-width="2"
    stroke="red"
    fill="transparent"
    vector-effect="non-scaling-stroke"
  />
</svg>

Screen Shot 2023-07-10 at 16.39.34
Screen Shot 2023-07-10 at 16.39.341004×364 36 KB

is working on dashboard perfectly with a template node :vulcan_salute:
here is the blog post I just talk about.

more compact without a fill

<svg height="180px" width="500px" viewBox="0 0 9 15" preserveAspectRatio="none">
  <path
    d="M 0 14 L 1 15 L 2 10 L 3 11 L 4 7 L 5 5 L 6 0 L 7 5 L 8 10 L 9 11"
    stroke-width="2"
    stroke="red"
    fill="transparent"
    vector-effect="non-scaling-stroke"
  />
</svg>
3 Likes
2

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.