Візуалізація: Топ-50 благодійних фондів за версією Forbes

В нещодавньому випуску український Forbes опублікував список топ-50 благодійних фондів України. Мені натрапилось фото сторінки в твітері: Цікаво 🤔 Оскільки є ряд неочікуваних організацій в списку pic.twitter.com/0hkny43EQw — Oleg Karpenko (@Oleg_Karpen) September 11, 2024 Мене зацікавила візуалізація інформації, наданої в табличному форматі. Список фондів за структурою надходжень

вересня 11, 2024 · Олег Омельченко

Додавання Vega-Lite візуалізацій в Hugo за допомогою Shortcodes

Код специфікації vega-lite, що треба додати: { "$schema": "https://vega.github.io/schema/vega-lite/v5.json", "description": "A simple bar chart with embedded data.", "data": { "values": [ {"a": "A", "b": 28}, {"a": "B", "b": 55}, {"a": "C", "b": 43}, {"a": "D", "b": 91}, {"a": "E", "b": 81}, {"a": "F", "b": 53}, {"a": "G", "b": 19}, {"a": "H", "b": 87}, {"a": "I", "b": 52} ] }, "mark": "bar", "encoding": { "x": {"field": "a", "title": "aoesuthaosth", "type": "nominal", "axis": {"labelAngle": 0}}, "y": {"field": "b", "type": "quantitative"} } } Замість ручного додавання скриптів та ембеддингу як в туторіалі, є можливість підійти трохи гнучкіше і завантажувати vega-lite бібліотеки лише на тих сторінках на яких вони потрібні, а також параметризувати деякі із штук за замовчуванням:...

липня 23, 2024 · Олег Омельченко