TGViewer
Продуктівіті 🇺🇦 АБО Самокат Продуктивності Продуктівіті 🇺🇦 АБО Самокат Продуктивності @trkvmd · 1.64K subscribers
Post #3334 298
📊 Generative Charts - графіки для React, які не схожі на дефолтний дашборд

Бібліотека на 18 типів графіків: стовпчики, лінії, waterfall, heatmap, cohort, Sankey, treemap, воронка. Є навіть 3D-рельєф і карта. Усе на SVG, з TypeScript і доступністю з коробки. Працює з React 18 і 19, ліцензія MIT.

Головне - три теми: Mono Editorial, Neon Instruments і Airform, плюс світлий і темний режими. Одні й ті самі дані підуть і в редакторський стиль, і в неонову панель приладів.

Ставиться так: npm install generative-charts. Стилі підключаєш раз на корені застосунку. Галерея на сайті показує кожен тип на живих прикладах.

Версія 0.2.0, тож для великого продакшн-дашборду я б ще придивився. Для лендінгу, звіту чи блогу про цифри - саме те.

https://generativecharts.com/

📎 Читайте також:
→ diagram-design - схеми, не схожі на дефолтний Mermaid
→ Інфографіка в Claude Code без графічного редактора
→ Napkin навчився робити цілі презентації

#react #графіки #опенсорс
Generative Charts Charts with a point of view.
More from @trkvmd
  1. Oct 3, 2026🎬 Clueso навчили монтувати відео через чат #producthunt Раніше Clueso перетворював запис…
  2. Oct 3, 2026🎙️ Hemory слухає твій день і віддає його AI #producthunt Це більш ніж транскрибатор зустр…
  3. Oct 3, 2026🧮 Fermi - щоденна гра, яка допоможе на співбесіді У вас теж було таке, що хотілося процит…
  4. Oct 2, 2026🧩 reladraw - створюй діаграми текстом Сервісів для створення діаграм багато. Mermaid, Gra…
  5. Oct 2, 2026Гарних вам вихідних!
  6. Oct 2, 2026📝 Paragraph Notes - нотатки на маку, які не знають про інтернет #producthunt Плюс один Ma…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →