ozviz-document.edn

[:div [:h1 "Look ye and behold"] [:p "A couple of small charts"] [:div {:style {:display "flex", :flex-direction "row"}} [:vega-lite {:data {:values ({:time 0, :quantity 29, :item "monkey"} {:time 1, :quantity 56, :item "monkey"} {:time 2, :quantity 76, :item "monkey"} {:time 3, :quantity 63, :item "monkey"} {:time 4, :quantity 51, :item "monkey"} {:time 5, :quantity 89, :item "monkey"} {:time 6, :quantity 92, :item "monkey"} {:time 7, :quantity 1, :item "monkey"} {:time 8, :quantity 85, :item "monkey"} {:time 9, :quantity 66, :item "monkey"} {:time 10, :quantity 79, :item "monkey"} {:time 11, :quantity 14, :item "monkey"} {:time 12, :quantity 82, :item "monkey"} {:time 13, :quantity 48, :item "monkey"} {:time 14, :quantity 63, :item "monkey"} {:time 15, :quantity 21, :item "monkey"} {:time 16, :quantity 62, :item "monkey"} {:time 17, :quantity 36, :item "monkey"} {:time 18, :quantity 58, :item "monkey"} {:time 19, :quantity 68, :item "monkey"} {:time 0, :quantity 34, :item "slipper"} {:time 1, :quantity 46, :item "slipper"} {:time 2, :quantity 47, :item "slipper"} {:time 3, :quantity 48, :item "slipper"} {:time 4, :quantity 5, :item "slipper"} {:time 5, :quantity 12, :item "slipper"} {:time 6, :quantity 84, :item "slipper"} {:time 7, :quantity 66, :item "slipper"} {:time 8, :quantity 49, :item "slipper"} {:time 9, :quantity 9, :item "slipper"} {:time 10, :quantity 22, :item "slipper"} {:time 11, :quantity 91, :item "slipper"} {:time 12, :quantity 76, :item "slipper"} {:time 13, :quantity 90, :item "slipper"} {:time 14, :quantity 5, :item "slipper"} {:time 15, :quantity 67, :item "slipper"} {:time 16, :quantity 51, :item "slipper"} {:time 17, :quantity 64, :item "slipper"} {:time 18, :quantity 65, :item "slipper"} {:time 19, :quantity 30, :item "slipper"} {:time 0, :quantity 32, :item "broom"} {:time 1, :quantity 50, :item "broom"} {:time 2, :quantity 22, :item "broom"} {:time 3, :quantity 49, :item "broom"} {:time 4, :quantity 54, :item "broom"} {:time 5, :quantity 96, :item "broom"} {:time 6, :quantity 84, :item "broom"} {:time 7, :quantity 57, :item "broom"} {:time 8, :quantity 69, :item "broom"} {:time 9, :quantity 46, :item "broom"} {:time 10, :quantity 15, :item "broom"} {:time 11, :quantity 19, :item "broom"} {:time 12, :quantity 51, :item "broom"} {:time 13, :quantity 14, :item "broom"} {:time 14, :quantity 28, :item "broom"} {:time 15, :quantity 60, :item "broom"} {:time 16, :quantity 51, :item "broom"} {:time 17, :quantity 19, :item "broom"} {:time 18, :quantity 77, :item "broom"} {:time 19, :quantity 36, :item "broom"})}, :encoding {:x {:field "time"}, :y {:field "quantity"}, :color {:field "item", :type "nominal"}}, :mark "line"}] [:vega-lite {:data {:values ({:time 0, :quantity 12, :item "munchkin"} {:time 1, :quantity 44, :item "munchkin"} {:time 2, :quantity 32, :item "munchkin"} {:time 3, :quantity 47, :item "munchkin"} {:time 4, :quantity 34, :item "munchkin"} {:time 5, :quantity 44, :item "munchkin"} {:time 6, :quantity 32, :item "munchkin"} {:time 7, :quantity 76, :item "munchkin"} {:time 8, :quantity 30, :item "munchkin"} {:time 9, :quantity 81, :item "munchkin"} {:time 10, :quantity 10, :item "munchkin"} {:time 11, :quantity 30, :item "munchkin"} {:time 12, :quantity 47, :item "munchkin"} {:time 13, :quantity 30, :item "munchkin"} {:time 14, :quantity 61, :item "munchkin"} {:time 15, :quantity 95, :item "munchkin"} {:time 16, :quantity 45, :item "munchkin"} {:time 17, :quantity 59, :item "munchkin"} {:time 18, :quantity 99, :item "munchkin"} {:time 19, :quantity 14, :item "munchkin"} {:time 0, :quantity 60, :item "witch"} {:time 1, :quantity 98, :item "witch"} {:time 2, :quantity 30, :item "witch"} {:time 3, :quantity 97, :item "witch"} {:time 4, :quantity 55, :item "witch"} {:time 5, :quantity 67, :item "witch"} {:time 6, :quantity 23, :item "witch"} {:time 7, :quantity 42, :item "witch"} {:time 8, :quantity 26, :item "witch"} {:time 9, :quantity 36, :item "witch"} {:time 10, :quantity 76, :item "witch"} {:time 11, :quantity 2, :item "witch"} {:time 12, :quantity 25, :item "witch"} {:time 13, :quantity 29, :item "witch"} {:time 14, :quantity 9, :item "witch"} {:time 15, :quantity 35, :item "witch"} {:time 16, :quantity 94, :item "witch"} {:time 17, :quantity 7, :item "witch"} {:time 18, :quantity 1, :item "witch"} {:time 19, :quantity 47, :item "witch"} {:time 0, :quantity 17, :item "dog"} {:time 1, :quantity 74, :item "dog"} {:time 2, :quantity 5, :item "dog"} {:time 3, :quantity 81, :item "dog"} {:time 4, :quantity 26, :item "dog"} {:time 5, :quantity 6, :item "dog"} {:time 6, :quantity 91, :item "dog"} {:time 7, :quantity 53, :item "dog"} {:time 8, :quantity 24, :item "dog"} {:time 9, :quantity 2, :item "dog"} {:time 10, :quantity 80, :item "dog"} {:time 11, :quantity 20, :item "dog"} {:time 12, :quantity 17, :item "dog"} {:time 13, :quantity 28, :item "dog"} {:time 14, :quantity 55, :item "dog"} {:time 15, :quantity 80, :item "dog"} {:time 16, :quantity 74, :item "dog"} {:time 17, :quantity 10, :item "dog"} {:time 18, :quantity 53, :item "dog"} {:time 19, :quantity 35, :item "dog"} {:time 0, :quantity 95, :item "lion"} {:time 1, :quantity 45, :item "lion"} {:time 2, :quantity 75, :item "lion"} {:time 3, :quantity 18, :item "lion"} {:time 4, :quantity 71, :item "lion"} {:time 5, :quantity 48, :item "lion"} {:time 6, :quantity 63, :item "lion"} {:time 7, :quantity 91, :item "lion"} {:time 8, :quantity 93, :item "lion"} {:time 9, :quantity 32, :item "lion"} {:time 10, :quantity 62, :item "lion"} {:time 11, :quantity 26, :item "lion"} {:time 12, :quantity 0, :item "lion"} {:time 13, :quantity 87, :item "lion"} {:time 14, :quantity 66, :item "lion"} {:time 15, :quantity 51, :item "lion"} {:time 16, :quantity 9, :item "lion"} {:time 17, :quantity 98, :item "lion"} {:time 18, :quantity 40, :item "lion"} {:time 19, :quantity 5, :item "lion"} {:time 0, :quantity 11, :item "tiger"} {:time 1, :quantity 52, :item "tiger"} {:time 2, :quantity 16, :item "tiger"} {:time 3, :quantity 71, :item "tiger"} {:time 4, :quantity 4, :item "tiger"} {:time 5, :quantity 18, :item "tiger"} {:time 6, :quantity 13, :item "tiger"} {:time 7, :quantity 83, :item "tiger"} {:time 8, :quantity 42, :item "tiger"} {:time 9, :quantity 35, :item "tiger"} {:time 10, :quantity 91, :item "tiger"} {:time 11, :quantity 61, :item "tiger"} {:time 12, :quantity 3, :item "tiger"} {:time 13, :quantity 52, :item "tiger"} {:time 14, :quantity 87, :item "tiger"} {:time 15, :quantity 38, :item "tiger"} {:time 16, :quantity 75, :item "tiger"} {:time 17, :quantity 76, :item "tiger"} {:time 18, :quantity 36, :item "tiger"} {:time 19, :quantity 48, :item "tiger"} {:time 0, :quantity 97, :item "bear"} {:time 1, :quantity 18, :item "bear"} {:time 2, :quantity 49, :item "bear"} {:time 3, :quantity 92, :item "bear"} {:time 4, :quantity 7, :item "bear"} {:time 5, :quantity 19, :item "bear"} {:time 6, :quantity 60, :item "bear"} {:time 7, :quantity 97, :item "bear"} {:time 8, :quantity 54, :item "bear"} {:time 9, :quantity 43, :item "bear"} {:time 10, :quantity 34, :item "bear"} {:time 11, :quantity 49, :item "bear"} {:time 12, :quantity 98, :item "bear"} {:time 13, :quantity 36, :item "bear"} {:time 14, :quantity 2, :item "bear"} {:time 15, :quantity 61, :item "bear"} {:time 16, :quantity 5, :item "bear"} {:time 17, :quantity 21, :item "bear"} {:time 18, :quantity 14, :item "bear"} {:time 19, :quantity 58, :item "bear"})}, :mark "bar", :encoding {:x {:field "time", :type "ordinal"}, :y {:aggregate "sum", :field "quantity", :type "quantitative"}, :color {:field "item", :type "nominal"}}}]] [:p "A wider, more expansive chart"] [:vega {"width" 800, "legends" [{"fill" "color", "type" "gradient"}], "config" {"range" {"heatmap" {"scheme" "greenblue"}}}, "height" 450, "autosize" "pad", "padding" 5, "marks" [{"type" "path", "from" {"data" "contours"}, "encode" {"enter" {"stroke" {"value" "#888"}, "strokeWidth" {"value" 1}, "fill" {"scale" "color", "field" "value"}, "fillOpacity" {"value" 0.35}}}, "transform" [{"type" "geopath", "field" "datum"}]} {"name" "marks", "type" "symbol", "from" {"data" "source"}, "encode" {"update" {"x" {"scale" "x", "field" "Horsepower"}, "y" {"scale" "y", "field" "Miles_per_Gallon"}, "size" {"value" 4}, "fill" [{"test" "points", "value" "black"} {"value" "transparent"}]}}}], "scales" [{"name" "x", "type" "linear", "round" true, "nice" true, "zero" false, "domain" {"data" "source", "field" "Horsepower"}, "range" "width"} {"name" "y", "type" "linear", "round" true, "nice" true, "zero" false, "domain" {"data" "source", "field" "Miles_per_Gallon"}, "range" "height"} {"name" "color", "type" "sequential", "zero" true, "domain" {"data" "contours", "field" "value"}, "range" "heatmap"}], "axes" [{"scale" "x", "grid" true, "domain" false, "orient" "bottom", "title" "Horsepower"} {"scale" "y", "grid" true, "domain" false, "orient" "left", "title" "Miles_per_Gallon"}], "signals" [{"name" "count", "value" 10, "bind" {"input" "select", "options" [1 5 10 20]}} {"name" "points", "value" true, "bind" {"input" "checkbox"}}], "$schema" "https://vega.github.io/schema/vega/v4.json", "data" [{"name" "source", "url" "https://vega.github.io/vega/data/cars.json", "transform" [{"type" "filter", "expr" "datum['Horsepower'] != null && datum['Miles_per_Gallon'] != null"}]} {"name" "contours", "source" "source", "transform" [{"type" "contour", "x" {"expr" "scale('x', datum.Horsepower)"}, "y" {"expr" "scale('y', datum.Miles_per_Gallon)"}, "size" [{"signal" "width"} {"signal" "height"}], "count" {"signal" "count"}}]}]}] [:h2 "If ever, oh ever a viz there was, the vizard of oz is one because, because, because..."] [:p "Because of the wonderful things it does"]]