Updated the multi ridge-line plot example with more interactive/reactive controls to shape the test data (simplex noise) and also to demonstrate how the cursors/labels are using interpolated data (best visible in lower resolutions)... As another small aside, the "resolution" slider is configured to use exponential behavior, i.e. value changes on the LHS are smaller/slower than on the RHS...

The latest https://thi.ng/viz update has also just been released, so you can "try it at home/work" too now...

Demo:
https://demo.thi.ng/umbrella/viz-ridge-lines/

Commented source code:
https://github.com/thi-ng/umbrella/blob/develop/examples/viz-ridge-lines/src/index.ts

cc/ @computersandblues

#ThingUmbrella #ReleaseTuesday #DataViz #Visualization #AreaPlot #SVG #OpenSource #TypeScript #JavaScript

Declarative, functional & multi-format data visualization toolkit based around @thi.ng/hiccup

thi.ng/viz

Another quick new https://thi.ng/viz example, this time showing how to create ridgeline plots (via multiple sub-plots) and adding some basic interaction:

Demo:
https://demo.thi.ng/umbrella/viz-ridge-lines/

(move the mouse over the plots to show & update value labels)

Source:
https://github.com/thi-ng/umbrella/tree/develop/examples/viz-ridge-lines/src/index.ts

Please note: This uses a still unreleased updated version of thi.ng/viz — release will only be sometime tomorrow/Tuesday...

#ThingUmbrella #DataViz #Visualization #SVG #AreaPlot #Noise #TypeScript #JavaScript

Declarative, functional & multi-format data visualization toolkit based around @thi.ng/hiccup

thi.ng/viz