From 77c2b3a608455f172ab6c27d12808889bf3c9c58 Mon Sep 17 00:00:00 2001 From: glopesdev Date: Thu, 10 Oct 2024 13:38:38 +0100 Subject: [PATCH] Add introduction to marble diagrams --- assets/images/framepicker-key.svg | 401 ++++++++ assets/images/framepicker-marblecanvas.svg | 60 ++ assets/images/framepicker-sample.svg | 390 ++++++++ assets/images/framepicker-saveimage.svg | 401 ++++++++ assets/images/framepicker.svg | 396 ++++++++ assets/images/graycam-marble-effects.svg | 1024 ++++++++++++++++++++ assets/images/graycam-marble.svg | 854 ++++++++++++++++ assets/images/graycam.svg | 326 +++++++ assets/images/grayscalesample.svg | 825 ++++++++++++++++ assets/images/grayscaletransform.svg | 938 ++++++++++++++++++ assets/images/marblediagram-error.svg | 492 ++++++++++ assets/images/marblediagram-operator.svg | 779 +++++++++++++++ assets/images/marblediagram.svg | 578 +++++++++++ assets/images/saveimage.svg | 600 ++++++++++++ assets/images/saveimagesink.svg | 802 +++++++++++++++ index.md | 68 ++ 16 files changed, 8934 insertions(+) create mode 100644 assets/images/framepicker-key.svg create mode 100644 assets/images/framepicker-marblecanvas.svg create mode 100644 assets/images/framepicker-sample.svg create mode 100644 assets/images/framepicker-saveimage.svg create mode 100644 assets/images/framepicker.svg create mode 100644 assets/images/graycam-marble-effects.svg create mode 100644 assets/images/graycam-marble.svg create mode 100644 assets/images/graycam.svg create mode 100644 assets/images/grayscalesample.svg create mode 100644 assets/images/grayscaletransform.svg create mode 100644 assets/images/marblediagram-error.svg create mode 100644 assets/images/marblediagram-operator.svg create mode 100644 assets/images/marblediagram.svg create mode 100644 assets/images/saveimage.svg create mode 100644 assets/images/saveimagesink.svg diff --git a/assets/images/framepicker-key.svg b/assets/images/framepicker-key.svg new file mode 100644 index 0000000..fc8adaf --- /dev/null +++ b/assets/images/framepicker-key.svg @@ -0,0 +1,401 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + SaveImage + + + + + Sample + + + + + + Grayscale + + + + + + + KeyDown + + + + + + + Camera + + + Capture + + + diff --git a/assets/images/framepicker-marblecanvas.svg b/assets/images/framepicker-marblecanvas.svg new file mode 100644 index 0000000..8b6e92a --- /dev/null +++ b/assets/images/framepicker-marblecanvas.svg @@ -0,0 +1,60 @@ + + + + + + + + + + image/svg+xml + + + + + + + diff --git a/assets/images/framepicker-sample.svg b/assets/images/framepicker-sample.svg new file mode 100644 index 0000000..737d6d1 --- /dev/null +++ b/assets/images/framepicker-sample.svg @@ -0,0 +1,390 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + SaveImage + + + + + + Sample + + + + + + + Grayscale + + + + + + + KeyDown + + + + + + + Camera + + + Capture + + + + + + + Sample + + + diff --git a/assets/images/framepicker-saveimage.svg b/assets/images/framepicker-saveimage.svg new file mode 100644 index 0000000..c76da25 --- /dev/null +++ b/assets/images/framepicker-saveimage.svg @@ -0,0 +1,401 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + SaveImage + + + + + + Sample + + + + + + Grayscale + + + + + + + KeyDown + + + + + + + Camera + + + Capture + + + + + + + + + SaveImage + + + diff --git a/assets/images/framepicker.svg b/assets/images/framepicker.svg new file mode 100644 index 0000000..2d1f0ff --- /dev/null +++ b/assets/images/framepicker.svg @@ -0,0 +1,396 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + SaveImage + + + + + Sample + + + + + + Grayscale + + + + + + + Key == A + + + + + + + Camera + + + Capture + + + + + + + KeyDown + + + diff --git a/assets/images/graycam-marble-effects.svg b/assets/images/graycam-marble-effects.svg new file mode 100644 index 0000000..43ceb88 --- /dev/null +++ b/assets/images/graycam-marble-effects.svg @@ -0,0 +1,1024 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + OnNext + + OnCompleted + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/graycam-marble.svg b/assets/images/graycam-marble.svg new file mode 100644 index 0000000..0074652 --- /dev/null +++ b/assets/images/graycam-marble.svg @@ -0,0 +1,854 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/graycam.svg b/assets/images/graycam.svg new file mode 100644 index 0000000..0bab8a7 --- /dev/null +++ b/assets/images/graycam.svg @@ -0,0 +1,326 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Grayscale + + + + + + + Camera + + + Capture + + + diff --git a/assets/images/grayscalesample.svg b/assets/images/grayscalesample.svg new file mode 100644 index 0000000..7508973 --- /dev/null +++ b/assets/images/grayscalesample.svg @@ -0,0 +1,825 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/grayscaletransform.svg b/assets/images/grayscaletransform.svg new file mode 100644 index 0000000..12b0b40 --- /dev/null +++ b/assets/images/grayscaletransform.svg @@ -0,0 +1,938 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/marblediagram-error.svg b/assets/images/marblediagram-error.svg new file mode 100644 index 0000000..78a7ce7 --- /dev/null +++ b/assets/images/marblediagram-error.svg @@ -0,0 +1,492 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + Items in an observable areasynchronous. + An X indicates that the sequencehas terminated abnormally. + + + + diff --git a/assets/images/marblediagram-operator.svg b/assets/images/marblediagram-operator.svg new file mode 100644 index 0000000..51a6af0 --- /dev/null +++ b/assets/images/marblediagram-operator.svg @@ -0,0 +1,779 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + The dashed blue arrowindicates when theoperator subscribesto the source. + This sequence is the result of the operator. + This box describesan operation applied tothe observable sequence. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/marblediagram.svg b/assets/images/marblediagram.svg new file mode 100644 index 0000000..1fd704d --- /dev/null +++ b/assets/images/marblediagram.svg @@ -0,0 +1,578 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + This is the timeline of theobservable. Time flowsfrom left to right. + These are items emitted bythe observable sequence. + This vertical line indicatesthat the sequence hascompleted successfully. + + diff --git a/assets/images/saveimage.svg b/assets/images/saveimage.svg new file mode 100644 index 0000000..c862554 --- /dev/null +++ b/assets/images/saveimage.svg @@ -0,0 +1,600 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/saveimagesink.svg b/assets/images/saveimagesink.svg new file mode 100644 index 0000000..c1153fc --- /dev/null +++ b/assets/images/saveimagesink.svg @@ -0,0 +1,802 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/index.md b/index.md index 05c2abd..e847da8 100644 --- a/index.md +++ b/index.md @@ -55,6 +55,74 @@ What is Bonsai? --- +#### [Marble diagrams](https://bonsai-rx.org/docs/articles/observables.html) + +![Marble diagram](./assets/images/marblediagram.svg) + +![Error diagram](./assets/images/marblediagram-error.svg) + + +![Operator diagram](./assets/images/marblediagram-operator.svg) + + +--- + + +![Workflow](./assets/images/graycam.svg) + +![Marble diagram](./assets/images/graycam-marble.svg) + + +-- + + +![Workflow](./assets/images/graycam.svg) + +![Marble diagram](./assets/images/graycam-marble-effects.svg) + + +-- + + +![Workflow](./assets/images/graycam.svg) + +![Marble diagram](./assets/images/grayscaletransform.svg) + + +-- + + +![Workflow](./assets/images/framepicker-key.svg) + +![Marble diagram](./assets/images/framepicker-marblecanvas.svg) + + +-- + + +![Workflow](./assets/images/framepicker-sample.svg) + +![Marble diagram](./assets/images/grayscalesample.svg) + + +-- + + +![Workflow](./assets/images/framepicker-saveimage.svg) + +![Marble diagram](./assets/images/saveimage.svg) + + +-- + + +![Workflow](./assets/images/framepicker-saveimage.svg) + +![Marble diagram](./assets/images/saveimagesink.svg) + + +--- + A growing ecosystem of open-source tools for behavioral neuroscience ![Bonsai](./assets/images/bonsai-hardware.svg)