A sparkline is a little line-graph with no axes or other unnecessary details. They're useful for getting quick understanding of what the data is showing. They're also really easy to create programmatically. This uses the SVG "polyline" which takes a list of x,y co-ordinate pairs. But can you spot the small problem? ⧉ SVG <…
  • Kissaki@programming.dev
    English
    2·
    28 days ago

    viewBox="0 0 $svg_width $svg_height"

    The y co-ordinate is harder. The algorithm is: Find the height of the SVG.

    Why is the viewBox using parameters?

    SVG stands for scalable vector graphics. Let it scale.

    viewBox can serve as a native baseline area coordinate system. Put width and height on the SVG or let it render in its container instead of misusing the viewBox for size and it will scale just fine. No?