marcingolenia

marcingolenia / htmx-echarts

Public

Tiny extension 2.1kb minified to use echarts with HTMX. Supports static data, polling, SSE.

22
0
100% credibility
Found Mar 13, 2026 at 21 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

An HTMX extension that integrates ECharts for creating live-updating interactive charts using Server-Sent Events or polling, including a demo app with various chart examples.

How It Works

1
🕵️ Discover live charts tool

You stumble upon a handy tool that makes charts on websites update automatically without complicated coding.

2
💻 Try the example

You start the ready-made demo on your computer to see updating charts in action right away.

3
✨ Watch magic happen

Charts spring to life, smoothly refreshing with new data as if by magic, feeling super responsive.

4
📋 Copy to your site

You grab the simple script file and add it to your webpage's header.

5
🖌️ Mark chart spots

You add special tags to empty boxes on your page where charts should show up.

6
🔗 Connect data flow

You tell each chart where to get its fresh data from your server.

✅ Live charts ready

Your charts now update in real-time, zoom, hover, and feel interactive for visitors.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 21 to 22 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is htmx-echarts?

This TypeScript project delivers a tiny 2.1kb minified extension blending Apache ECharts with HTMX, turning simple divs into interactive charts fed by static JSON, polling, or SSE streams. Add attributes like data-chart-type, data-url, and data-sse-event to any element in an hx-ext="echarts" region, and it auto-initializes charts with resize handling and proper cleanup during HTMX swaps. It solves the pain of wiring ECharts manually in hypermedia apps, letting backends push full or partial chart options over familiar protocols.

Why is it gaining traction?

Unlike bloated chart libs or SPA frameworks, it keeps things dead simple—no custom JS, just HTMX attributes for live updates that feel native, with smooth interactivity like tooltips and zooms. The hook is its featherweight size (echoing github tiny extensions ethos) and backend-agnostic demos for Bun/Hono, Node, ASP.NET, even Python Flask SSE endpoints. Devs love ditching client-side state for server-driven charts that poll or stream without leaks.

Who should use this?

HTMX enthusiasts building real-time dashboards or analytics pages, especially backend devs on lightweight stacks like go echarts htmx or Bun who want ECharts without frontend overhead. Ideal for prototypes tracking metrics via SSE, or static reports with polling—think internal tools where htmx echarts shines over full SPAs.

Verdict

Grab it for HTMX projects needing quick charts; docs, multi-lang examples, and tests make it production-ready for niches despite 16 stars and 1.0% credibility score signaling early maturity. Skip for high-scale unless you vet it yourself—low adoption means watch for edge cases.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.