Released a new πŸ“¦ https://github.com/AnandPilania/chartforge β€” modular, 0-dependency, framework agnostic, SVG charting library that supports bar, line, donut, pie, heatmap, cross hair, stacked, scatter, funnel etc charts and can be use in CLI mode also.

#chart #charts #nodejs #library #package #cli #Pluggable #Sparkline #svg #visualizations #charting #reactjs #vuejs #laravel #angular

GitHub - AnandPilania/chartforge: Production-grade, modular, zero-dependency SVG charting library β€” built with TypeScript.

Production-grade, modular, zero-dependency SVG charting library β€” built with TypeScript. - AnandPilania/chartforge

GitHub

Progress update on my #XSLT #SVG #sparkline generator

https://wok.oblomov.eu/tecnologia/plotting-sparklines-xslt/

Another step in my path to revitalize usage of XSLT on the web. And before you ask, no, this is not to spite the #WHATWG and their #XML-aversive #JavaScript brainrot, it's something I've wanted to do for years, as documented by my previous posts on the subject.

However, since the corporate-controlled WHATWG is using metrics as excuse to boycott the #openWeb and #indieWeb, it becomes doubly important to do this now.

Plotting sparklines with XSLT

Using XSLT to generate sparklines, Wok style

wok
I'm currently working on the #XSLT that generates the #sparkline #SVG from raw #XML data to make it more flexible. This will make the code grow larger (especially singe I'm forced to use the 25-years old #XSLT1 because that's what browsers support, despite two major releases that would make everything easier and more compact), but I will be able to recycle the code to replace the pseudo-sparklines of index pages with _actual_ #sparklines.

I have now actually started working on #sparkline support via #XSLT. The same page as before

https://wok.oblomov.eu/tecnologia/plotting-xslt/

now features a small preview of what this feature can do, and I can't express how happy I am to actually *see* that sparkline right there, my first *real* sparkline, not the pseudo-plots assembled form Unicode block characters still featuring at the top of my index pages.

It's an ugly sparkline (I'm no Tufte after all) but it makes me so happy.

Plotting (to save) XSLT

Using XSLT to transform XML data into SVG plots, Wok style

wok
This is your unsolicited reminder that to qualify as a #SparkLine, your chart must be designed to be legible in a paragraph of text without affecting line spacing. Tufte specifically coined the term to refer to data visualisations that fit into the area reserved for words in a sentence.
@michelle @stefan Thanks! I wonder what a #a11y alternative would look like for a #sparkline ? Maybe add a <table> with the underlying data below the graph?

#LookerStudio - Blog post
Let's take advantage of the new #sparkline feature for scorecard with this custom recipe

How to build your custom version with adaptative time granularity

https://bit.ly/3NwFkz2

Scorecard Sparkline - Custom adaptative version for Looker Studio

Looker Studio tutorial to create an adaptative sparkline for dashboard KPIs, providing consistent visual trends & variations regardless of the date range

Mehdi Oudjida's Looker Studio blog

πŸ“¦ That new #PHP #SparkLine package I was talking about recently? Brendt, the author, has put together this cool and concise video on how he built it:

https://www.youtube.com/watch?v=N_6Y09NLaqM

https://github.com/brendt/php-sparkline

Building a sparkline generator in PHP

YouTube

πŸ–‹οΈ I updated my "Must-have Laravel & PHP Packages" article with 2 new entries:

- https://github.com/opcodesio/log-viewer - Easy-to-use, fast, and beautiful log viewer for #Laravel apps.
- https://github.com/brendt/php-sparkline - Generate #sparkline #SVG graphs in #PHP.

https://chasingcode.dev/blog/must-have-laravel-php-packages/

GitHub - opcodesio/log-viewer: Fast and beautiful Log Viewer for Laravel

Fast and beautiful Log Viewer for Laravel. Contribute to opcodesio/log-viewer development by creating an account on GitHub.

GitHub