[Code Snippet] Preview window with updating plot

[LangLangBart]

I'd like to share these code snippets demonstrating the use of asciigraph and diagram to
draw real-time plot in the fzf preview-window.

These demos use the ps command to monitor the CPU usage of the fzf build process.

The graph updates every 0.5 seconds until the process ends. When a process ends, the list updates
using the --listen¹ flag and the FZF_PORT² environment variable.

---

asciigraph - https://github.com/guptarohit/asciigraph

ps -u "$(id -u)" -o pid,pcpu,pmem,ucomm,command -r |
	fzf --prompt "Current processes [$(id -un)] > " \
		--header-lines 1 \
		--listen \
		--nth '4,5,1' \
		--reverse \
		--preview $'
			while kill -0 $PPID;do
				if kill -0 {1} 2>/dev/null; then
					sleep 0.5
					ps -p {1} -o %cpu= 2>/dev/null
				else
					printf "\033[2J" >&2
					echo "{4} with PID {1} has ended" >&2
					echo "Reloading the list..." >&2
					sleep 1
					curl -sX POST  "localhost:$FZF_PORT" --data "reload:ps -u $UID -o pid,pcpu,pmem,ucomm,command -r"
					break
				fi
			done | asciigraph -r -h 10 -w 40 -c "%CPU usage {4}" -sc yellow'

---

diagram - https://github.com/tehmaze/diagram

ps -u "$(id -u)" -o pid,pcpu,pmem,ucomm,command -r |
	fzf --prompt "Current processes [$(id -un)] > " \
		--header-lines 1 \
		--listen \
		--nth '4,5,1' \
		--reverse \
		--preview $'
			while kill -0 $PPID;do
				if kill -0 {1} 2>/dev/null; then
					sleep 0.5
					printf "\033[2J" >&2
					ps -p {1} -o %cpu= 2>/dev/null
				else
					printf "\033[2J" >&2
					echo "{4} with PID {1} has ended" >&2
					echo "Reloading the list..." >&2
					sleep 1
					curl -sX POST  "localhost:$FZF_PORT" --data "reload:ps -u $UID -o pid,pcpu,pmem,ucomm,command -r"
					break
				fi
			done | diagram --batch --height 10 --width 40'

Footnotes

1. 0.36.0 CHANGELOG.md ↩

2. 0.39.0 CHANGELOG.md ↩

[junegunn]

Beautiful, thanks for sharing!

[damnskippy]

wow!