Insight Cards — Line, Bar & Heatmap charts with full visual editor

Hey everyone! :wave:

I’d like to share a new custom card collection I’ve been working on: Insight Cards - a set of dashboard cards / charts focused on performance, ease of use, and a proper visual editor.




Why another graph card?

Each of the popular options has a significant trade-off:

  • mini-graph-card — easy to set up, but no zoom, no editor
  • ApexCharts-card — very powerful, but YAML-only and can be slow with many entities
  • Plotly-graph-card — great interactivity, but steep learning curve and YAML-only

Insight Cards tries to solve the paradox: simplicity + performance + visual editor, no YAML required.


Currently three cards are available in v1.0.0

Line Card (custom:insight-line-card)

  • Line, Area and Step chart styles
  • Multi-entity with per-entity color and name
  • Dual Y axes
  • Drag-to-zoom
  • Long-term Statistics API support
  • Threshold lines and color thresholds (gradient fill based on value)
  • Transforms: diff, normalize, cumulative
  • Tap / double-tap / hold actions

Bar Card (custom:insight-bar-card)

  • Grouped and stacked layouts
  • Aggregation: mean, sum, min, max
  • Bucket sizes: hour, day, week, month
  • Color thresholds per bar
  • Tap / double-tap / hold actions

Heatmap Card (custom:insight-heatmap-card)

  • Three layouts: Hour × Day, Weekday × Hour, Month × Day
  • 8 built-in color scales
  • Reverse scale, fixed min/max for normalization
  • Cell gap, corner radius, empty cell color, optional value labels
  • Hover tooltip with time label
  • Tap / double-tap / hold actions

All three cards have visual editors. No YAML needed for the common cases.


What’s next?

Two more cards are already planned:

  • Sankey Card (custom:insight-sankey-card) — visualise energy or flow distributions between sources and consumers,
    rendered via Canvas
  • Compare Card (custom:insight-compare-card) — overlay the same sensor across different time periods (e.g. this week
    vs. last week) in a single chart

Links


Hope it’s useful for some of you!

4 Likes

Nice. I’ve been looking for a heatmap card since Grafana trashed all their third party extensions.

1 Like

please ad a blue my-link

1 Like