# Easy svg sparklines

**URL:** <https://discourse.nodered.org/t/easy-svg-sparklines/79698>\
**Category:** General\
**Tags:** node-red-dashboard\
**Created:** [10 July 2023 13:41 UTC](https://discourse.nodered.org/t/easy-svg-sparklines/79698 "2023-07-10T13:41:08Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![umtksa](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/umtksa/32/38322_2.png) [@umtksa](https://discourse.nodered.org/u/umtksa)\
**Post date:** [10 July 2023 13:41 UTC](https://discourse.nodered.org/t/easy-svg-sparklines/79698/1 "2023-07-10T13:41:08Z")

</div>

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

```auto
<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](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/e/0e0ceaf27a49482a20c489e099227b58443d2701.png)

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

> **[Easy SVG sparklines](https://alexplescan.com/posts/2023/07/08/easy-svg-sparklines/)**
>
> Using SVG to easily create sparkline charts, and rendering them on the server side with Elixir and Phoenix

more compact without a fill

```auto
<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>

```

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [8 September 2023 13:41 UTC](https://discourse.nodered.org/t/easy-svg-sparklines/79698/2 "2023-09-08T13:41:50Z")

</div>

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