diff --git a/docs/clay_book.emmy_viewers.html b/docs/clay_book.emmy_viewers.html index d8401fa..c161c7f 100644 --- a/docs/clay_book.emmy_viewers.html +++ b/docs/clay_book.emmy_viewers.html @@ -235,7 +235,7 @@
:color :blue}) (mafs/of-x e/sin {
- (reagent.core/with-let"y0001" " return Math.sin(y0001);")]
- [G__84286 (js/Function. :y G__84286}]) [mafs.plot/OfX {
By default, it is inferred to be of :kind/emmy-viewers
, and is handle accordingly.
Equivalently, we could also handle it more explicitly with :kind/reagent
:
Try moving the pink mark. 👆
-defn my-fn [x]
- (+ -1
- (
- (square (sin x))* 2 x))))) (square (cos (
:z my-fn :samples 256}) (plot/of-x {
From the reagent tutorial:
@@ -362,7 +362,7 @@ (kind/reagent:input {:type "button" :value "Click me!"
[:on-click #(swap! *click-count inc)}]])))])
take 5 people-as-maps) (
:preferred-language "babashka", :age 38}
- ({:preferred-language "clojure", :age 18}
- {:preferred-language "babashka", :age 2}
- {:preferred-language "clojurescript", :age 76}
- {:preferred-language "babashka", :age 18}) {
:preferred-language "clojurescript", :age 31}
+ ({:preferred-language "clojurescript", :age 42}
+ {:preferred-language "babashka", :age 75}
+ {:preferred-language "clojurescript", :age 21}
+ {:preferred-language "babashka", :age 32}) {
take 5 people-as-vectors) (
"babashka" 38]
- (["clojure" 18]
- ["babashka" 2]
- ["clojurescript" 76]
- ["babashka" 18]) [
"clojurescript" 31]
+ (["clojurescript" 42]
+ ["babashka" 75]
+ ["clojurescript" 21]
+ ["babashka" 32]) [
->> people-as-vectors
@@ -569,11 +569,11 @@ (<
set)
"clojurescript" 76]
- #{["clojure" 18]
- ["babashka" 2]
- ["babashka" 38]
- ["babashka" 18]} [
"clojurescript" 42]
+ #{["clojurescript" 31]
+ ["babashka" 32]
+ ["clojurescript" 21]
+ ["babashka" 75]} [
When something inside needs to be displayed in a special kind of way, the data structures are printed in a way that makes that clear.
preferred-language | age |
---|---|
babashka | 38 |
clojure | 18 |
babashka | 2 |
clojurescript | 76 |
babashka | 18 |
babashka | 76 |
clojure | 19 |
clojurescript | 15 |
babashka | 72 |
clojurescript | 82 |
clojure | 19 |
babashka | 63 |
babashka | 18 |
clojure | 22 |
clojurescript | 38 |
clojurescript | 58 |
babashka | 0 |
babashka | 2 |
clojure | 37 |
clojure | 66 |
babashka | 87 |
clojure | 95 |
babashka | 54 |
babashka | 81 |
clojure | 76 |
clojure | 97 |
clojure | 96 |
clojurescript | 36 |
babashka | 36 |
preferred-language | age |
---|---|
clojurescript | 31 |
clojurescript | 42 |
babashka | 75 |
clojurescript | 21 |
babashka | 32 |
clojure | 76 |
clojure | 18 |
clojurescript | 39 |
clojure | 19 |
clojurescript | 53 |
clojurescript | 40 |
clojure | 61 |
clojurescript | 34 |
clojurescript | 0 |
clojurescript | 96 |
clojurescript | 1 |
clojure | 9 |
babashka | 77 |
babashka | 5 |
babashka | 5 |
clojurescript | 10 |
clojurescript | 22 |
clojurescript | 10 |
clojurescript | 80 |
clojurescript | 28 |
clojure | 46 |
clojure | 11 |
clojure | 12 |
clojure | 68 |
preferred-language | age |
---|---|
babashka | 38 |
clojure | 18 |
babashka | 2 |
clojurescript | 76 |
babashka | 18 |
babashka | 76 |
clojure | 19 |
clojurescript | 15 |
babashka | 72 |
clojurescript | 82 |
clojure | 19 |
babashka | 63 |
babashka | 18 |
clojure | 22 |
clojurescript | 38 |
clojurescript | 58 |
babashka | 0 |
babashka | 2 |
clojure | 37 |
clojure | 66 |
babashka | 87 |
clojure | 95 |
babashka | 54 |
babashka | 81 |
clojure | 76 |
clojure | 97 |
clojure | 96 |
clojurescript | 36 |
babashka | 36 |
preferred-language | age |
---|---|
clojurescript | 31 |
clojurescript | 42 |
babashka | 75 |
clojurescript | 21 |
babashka | 32 |
clojure | 76 |
clojure | 18 |
clojurescript | 39 |
clojure | 19 |
clojurescript | 53 |
clojurescript | 40 |
clojure | 61 |
clojurescript | 34 |
clojurescript | 0 |
clojurescript | 96 |
clojurescript | 1 |
clojure | 9 |
babashka | 77 |
babashka | 5 |
babashka | 5 |
clojurescript | 10 |
clojurescript | 22 |
clojurescript | 10 |
clojurescript | 80 |
clojurescript | 28 |
clojure | 46 |
clojure | 11 |
clojure | 12 |
clojure | 68 |
9) (random-vega-lite-plot
When the vega/vega-lite data is given in CSV format, Clay will serve it in a separate CSV file alongside the generated HTML.
-> {:data {:values "x,y
@@ -2133,7 +2133,7 @@ (;; Note we need to mention the dependency:
:html/deps [:leaflet]}) {
Using 3Dmol within your code (inspired by these examples):
defonce pdb-2POR
@@ -2444,7 +2444,7 @@ (;; Note we need to mention the dependency:
:html/deps [:three-d-mol]}) {
kind/vega-lite
kind/vega-lite
kind/reagent
+kind/vega-lite
kind/vega-lite
kind/reagent
[
_unnamed [3 2]:
+[
_unnamed [3 2]:
0 | -0.32716414 | +0.39064448 | ||||||
1 | -0.53200922 | +0.82195591 | ||||||
2 | -0.00843386 | +0.64312053 |
A dataset using Tablecloth:
-> {:x (range 5)
@@ -478,23 +478,23 @@ (
0
-0.14613819
+0.35248573
1
-0.75351583
+0.24611067
2
-0.39909820
+0.77437593
3
-0.39004375
+0.38878768
4
-0.83879682
+0.25555761
@@ -512,7 +512,7 @@ 3
0.2})) :=mark-opacity
:=mark-size
purple
purple
darkgreen
darkgreen
brown
brown
->> (range 3)
( kind/fragment)
If the value is a vector, the function is the first element, and the arguments are the rest.
@@ -918,15 +918,15 @@ (kind/fn
0
-0.43556098
+0.44193016
1
-0.41201966
+0.96513045
2
-0.23029861
+0.13985408
@@ -949,15 +949,15 @@
0
-0.27786775
+0.92117041
1
-0.90421741
+0.71262621
2
-0.91977493
+0.02511183
@@ -980,15 +980,15 @@
0
-0.31551212
+0.75478921
1
-0.53071865
+0.43860835
2
-0.14320799
+0.14343312
@@ -1016,13 +1016,13 @@
(kind/hiccup:img {:src "notebooks/images/Clay.svg.png"}]) [
(kind/image:src "notebooks/images/Clay.svg.png"}) {
@@ -1037,7 +1037,7 @@ (kind/vega-lite:color {:field "species", :type "nominal"}}
:background "floralwhite"})