Simplest Plotly Streaming Chart

Driving Plotly to Update a Chart with New Points.

Author

Affiliation

Harold

TechAscent

Published

December 13, 2025

Keywords

chart, data, streaming, update

(kind/hiccup
 [:div#streaming-chart])

(ns data-visualization.simplestplotlystreamingchart)

(def id "streaming-chart")

(def v* (atom 0))

(js/Plotly.newPlot id (clj->js [{:y [@v*]}]))

(let [f (fn []
          (swap! v* + (- (* 2 (rand)) 1))
          (js/Plotly.extendTraces id (clj->js {:y [[@v*]]}) (clj->js [0])))
      i (js/setInterval f 300)]
  (js/setTimeout #(js/clearInterval i) 30000))

Discuss here:

https://clojurians.zulipchat.com/#narrow/channel/528764-clojurecivitas/topic/Streaming.20Chart

source: src/data_visualization/simplest_plotly_streaming_chart.clj