By no means an orchid fanatic, it does please me when they rebloom, and only then will I show them here
Stream
Some other stuff ...
On This Day
Webring
What I’ve watched
I keep a little log.
By no means an orchid fanatic, it does please me when they rebloom, and only then will I show them here
Sparklines are a Tufte invention to display data almost as a word. I like them, and built them laboriously by hand in the past, for example to track changes in how Board members rated aspects of my workplace's activities. Anyway, having suddenly become aware of an avalance of spam to WithKnown (which had been going on for a while) I decided to track it and, as an exercise, to display the data as a sparkline.
Kevin's code looks straightforward -- not sure I fully understand, but well enough -- but I could not seem to get it working in Grav. It worked when I called Kevin's svg script from his site, but not with mine, no matter where I put it.
Turned out, thanks to Sven and Rose, I was able to find a place for it, in mytheme/images and then call it from a new partial that is in turn called from the sidebar partial.
The main takeaway from this being that I need to learn to use the browser's developer tools instead of tearing my hair out.
I then wasted a lot of time trying to build the query in the Twig template, because I thought I had to concantenate the path with the data. But no.
A Twig variable is just expressed as whatever it contains. So the code is:
<embed src= "{{ url('theme://images/sparkline.svg') }}?7,6,3,4,2,23,14,6,2,,2,0,5,10,4," width="100" height="15">No need to contantenate at all. And the benefit of using a relative url is, of course, that it works just as well on the production site.
I did reduce the size of the viewbox, at least until I have more data, and changed the colour of the line to match my colour scheme: ln.setAttribute("stroke", "#e15e0e");.
The only tweak I would make now would be to have the data in a separate file and get that into the Twig template somehow.
Sources:
Webmentions
Webmentions allow conversations across the web, based on a web standard. They are a powerful building block for the decentralized social web.
If you write something on your own site that links to this post, you can send me a Webmention by putting your post's URL in here:
Comments
I very much regret that Russian spammers have made my comment system unusable. If you want to email me a comment, it is easy enough to find the address and I will be happy to do the needful behind the scenes. Webmentions remain available (for now).