タグ

DuckDBとuPlotに関するmkusakaのブックマーク (1)

  • uPlot でほしいグラフをつくる

    リアルタイム配信の世界は、リアルタイムかつ 1 秒単位で沢山の種類、そして大量の統計情報が欲しい。ということで、ブラウザで軽量で大量のグラフを表示したいし、リアルタイムに描画したい。さらにすぐに何万という数値になる。 という課題を色々実現したかったので、Claude Code の力を借りて uPlot を利用して、リアルタイムな統計情報をグラフにする仕組みを作った。 uPlot は Grafana に採用されている超軽量なグラフ作成ツールで、かなり細かいカスタマイズができ、React にもサクサクっと組み込める。 上のグラフは chrome://webrtc-internals で利用されているグラフを意識した。 chrome://webrtc-internals で取得できるグラフ、1 映像でこれ。React コンポーネント化したので、好き放題にグラフが作れるようになった。グラフを作の

    uPlot でほしいグラフをつくる
    mkusaka
    mkusaka 2025/07/25
    Claude Codeで生成し、Reactに組み込めるGrafana採用の超軽量uPlotでリアルタイム統計を可視化、DuckDB‑Wasmに永続保存
  • 1