Skip to content

Instantly share code, notes, and snippets.

@MawiraIke
Created June 3, 2020 18:47
Show Gist options
  • Save MawiraIke/00fb697a70eca9312f23820a25476541 to your computer and use it in GitHub Desktop.
Save MawiraIke/00fb697a70eca9312f23820a25476541 to your computer and use it in GitHub Desktop.
Ozviz document; To load go to https://ozviz.io/#/gist/<gist-id>.
[: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, :item "monkey", :quantity 5.0}
{:time 1, :item "monkey", :quantity 6.192962712629476}
{:time 2, :item "monkey", :quantity 10.30037210271847}
{:time 3, :item "monkey", :quantity 14.097596309015797}
{:time 4, :item "monkey", :quantity 14.71068609258575}
{:time 5, :item "monkey", :quantity 20.194870523363548}
{:time 6, :item "monkey", :quantity 21.580936309501134}
{:time 7, :item "monkey", :quantity 24.888381054913122}
{:time 8, :item "monkey", :quantity 26.13058987556147}
{:time 9, :item "monkey", :quantity 25.317280693371046}
{:time 10, :item "monkey", :quantity 28.45580618665162}
{:time 11, :item "monkey", :quantity 32.55190884598056}
{:time 12, :item "monkey", :quantity 31.610188015018984}
{:time 13, :item "monkey", :quantity 35.63440373999379}
{:time 14, :item "monkey", :quantity 35.62768266080517}
{:time 15, :item "monkey", :quantity 40.59266228400805}
{:time 16, :item "monkey", :quantity 43.53159496449108}
{:time 17, :item "monkey", :quantity 42.44642466614132}
{:time 18, :item "monkey", :quantity 44.338844810888254}
{:time 19, :item "monkey", :quantity 45.21034266761982}
{:time 0, :item "slipper", :quantity 6.0}
{:time 1, :item "slipper", :quantity 8.743276393803367}
{:time 2, :item "slipper", :quantity 10.258523872989459}
{:time 3, :item "slipper", :quantity 13.42287530066645}
{:time 4, :item "slipper", :quantity 20.378925219250924}
{:time 5, :item "slipper", :quantity 22.189151347155786}
{:time 6, :item "slipper", :quantity 23.888381054913122}
{:time 7, :item "slipper", :quantity 23.498670948012276}
{:time 8, :item "slipper", :quantity 30.03516289842348}
{:time 9, :item "slipper", :quantity 33.50885027594805}
{:time 10, :item "slipper", :quantity 33.9280507756976}
{:time 11, :item "slipper", :quantity 34.299260572778856}
{:time 12, :item "slipper", :quantity 36.62768266080517}
{:time 13, :item "slipper", :quantity 36.9175705807045}
{:time 14, :item "slipper", :quantity 45.17246133441246}
{:time 15, :item "slipper", :quantity 44.39533859324643}
{:time 16, :item "slipper", :quantity 44.58875032686557}
{:time 17, :item "slipper", :quantity 46.75489563854074}
{:time 18, :item "slipper", :quantity 51.89569020671064}
{:time 19, :item "slipper", :quantity 54.012816499808885}
{:time 0, :item "broom", :quantity 1.0}
{:time 1, :item "broom", :quantity 4.623898318388478}
{:time 2, :item "broom", :quantity 9.309573444801934}
{:time 3, :item "broom", :quantity 12.727161387290321}
{:time 4, :item "broom", :quantity 11.98560543306118}
{:time 5, :item "broom", :quantity 15.132639022018838}
{:time 6, :item "broom", :quantity 18.194870523363548}
{:time 7, :item "broom", :quantity 17.189151347155786}
{:time 8, :item "broom", :quantity 19.127049995800743}
{:time 9, :item "broom", :quantity 22.016965485301043}
{:time 10, :item "broom", :quantity 26.86525259636632}
{:time 11, :item "broom", :quantity 28.676874454922782}
{:time 12, :item "broom", :quantity 26.45580618665162}
{:time 13, :item "broom", :quantity 32.20529752834578}
{:time 14, :item "broom", :quantity 32.9280507756976}
{:time 15, :item "broom", :quantity 33.62634547570625}
{:time 16, :item "broom", :quantity 33.30212829607493}
{:time 17, :item "broom", :quantity 36.95707936800063}
{:time 18, :item "broom", :quantity 40.59266228400805}
{:time 19, :item "broom", :quantity 42.210162462449645})},
:encoding
{:x {:field "time", :type "quantitative"},
:y {:field "quantity", :type "quantitative"},
:color {:field "item", :type "nominal"}},
:mark "line"}]
[:vega-lite
{:data
{:values
({:time 0, :item "munchkin", :quantity 1.0}
{:time 1, :item "munchkin", :quantity 11.278031643091577}
{:time 2, :item "munchkin", :quantity 12.18958683997628}
{:time 3, :item "munchkin", :quantity 13.71068609258575}
{:time 4, :item "munchkin", :quantity 16.000000000000004}
{:time 5, :item "munchkin", :quantity 24.127049995800743}
{:time 6, :item "munchkin", :quantity 24.13058987556147}
{:time 7, :item "munchkin", :quantity 26.03516289842348}
{:time 8, :item "munchkin", :quantity 29.85761802547598}
{:time 9, :item "munchkin", :quantity 36.610188015018984}
{:time 10, :item "munchkin", :quantity 34.30212829607493}
{:time 11, :item "munchkin", :quantity 35.940667420160906}
{:time 12, :item "munchkin", :quantity 38.53159496449108}
{:time 13, :item "munchkin", :quantity 47.07964401264505}
{:time 14, :item "munchkin", :quantity 50.58875032686557}
{:time 15, :item "munchkin", :quantity 53.06223395648531}
{:time 16, :item "munchkin", :quantity 48.50293012833275}
{:time 17, :item "munchkin", :quantity 54.91328587177879}
{:time 18, :item "munchkin", :quantity 58.29543283815009}
{:time 19, :item "munchkin", :quantity 59.65124317675735}
{:time 0, :item "witch", :quantity 4.0}
{:time 1, :item "witch", :quantity 5.623898318388478}
{:time 2, :item "witch", :quantity 6.309573444801933}
{:time 3, :item "witch", :quantity 11.727161387290321}
{:time 4, :item "witch", :quantity 10.98560543306118}
{:time 5, :item "witch", :quantity 14.132639022018838}
{:time 6, :item "witch", :quantity 19.194870523363548}
{:time 7, :item "witch", :quantity 19.189151347155786}
{:time 8, :item "witch", :quantity 22.127049995800743}
{:time 9, :item "witch", :quantity 21.016965485301043}
{:time 10, :item "witch", :quantity 24.86525259636632}
{:time 11, :item "witch", :quantity 27.676874454922782}
{:time 12, :item "witch", :quantity 29.45580618665162}
{:time 13, :item "witch", :quantity 31.205297528345778}
{:time 14, :item "witch", :quantity 29.928050775697603}
{:time 15, :item "witch", :quantity 31.626345475706252}
{:time 16, :item "witch", :quantity 35.30212829607493}
{:time 17, :item "witch", :quantity 34.95707936800063}
{:time 18, :item "witch", :quantity 39.59266228400805}
{:time 19, :item "witch", :quantity 42.210162462449645}
{:time 0, :item "dog", :quantity 0.0}
{:time 1, :item "dog", :quantity 4.408224685280692}
{:time 2, :item "dog", :quantity 5.192962712629476}
{:time 3, :item "dog", :quantity 6.799546134795289}
{:time 4, :item "dog", :quantity 8.30037210271847}
{:time 5, :item "dog", :quantity 8.727161387290321}
{:time 6, :item "dog", :quantity 10.097596309015797}
{:time 7, :item "dog", :quantity 12.42287530066645}
{:time 8, :item "dog", :quantity 12.71068609258575}
{:time 9, :item "dog", :quantity 13.966610165238238}
{:time 10, :item "dog", :quantity 15.194870523363548}
{:time 11, :item "dog", :quantity 17.398765361701578}
{:time 12, :item "dog", :quantity 17.580936309501134}
{:time 13, :item "dog", :quantity 20.74354294621998}
{:time 14, :item "dog", :quantity 19.888381054913122}
{:time 15, :item "dog", :quantity 21.016965485301043}
{:time 16, :item "dog", :quantity 23.13058987556147}
{:time 17, :item "dog", :quantity 24.230370739754015}
{:time 18, :item "dog", :quantity 25.317280693371046}
{:time 19, :item "dog", :quantity 26.392173948075055}
{:time 0, :item "lion", :quantity 3.0}
{:time 1, :item "lion", :quantity 5.031433133020796}
{:time 2, :item "lion", :quantity 6.278031643091578}
{:time 3, :item "lion", :quantity 7.30037210271847}
{:time 4, :item "lion", :quantity 10.18958683997628}
{:time 5, :item "lion", :quantity 10.98560543306118}
{:time 6, :item "lion", :quantity 15.71068609258575}
{:time 7, :item "lion", :quantity 15.378925219250926}
{:time 8, :item "lion", :quantity 17.000000000000004}
{:time 9, :item "lion", :quantity 17.580936309501134}
{:time 10, :item "lion", :quantity 21.127049995800743}
{:time 11, :item "lion", :quantity 21.642492771517183}
{:time 12, :item "lion", :quantity 25.13058987556147}
{:time 13, :item "lion", :quantity 25.59405975059458}
{:time 14, :item "lion", :quantity 26.03516289842348}
{:time 15, :item "lion", :quantity 28.45580618665162}
{:time 16, :item "lion", :quantity 27.85761802547598}
{:time 17, :item "lion", :quantity 30.242003864203042}
{:time 18, :item "lion", :quantity 33.610188015018984}
{:time 19, :item "lion", :quantity 33.96324574534057}
{:time 0, :item "tiger", :quantity 0.0}
{:time 1, :item "tiger", :quantity 7.623898318388478}
{:time 2, :item "tiger", :quantity 6.309573444801933}
{:time 3, :item "tiger", :quantity 12.727161387290321}
{:time 4, :item "tiger", :quantity 13.98560543306118}
{:time 5, :item "tiger", :quantity 13.132639022018838}
{:time 6, :item "tiger", :quantity 17.194870523363548}
{:time 7, :item "tiger", :quantity 20.189151347155786}
{:time 8, :item "tiger", :quantity 22.127049995800743}
{:time 9, :item "tiger", :quantity 23.016965485301043}
{:time 10, :item "tiger", :quantity 25.86525259636632}
{:time 11, :item "tiger", :quantity 26.676874454922782}
{:time 12, :item "tiger", :quantity 29.45580618665162}
{:time 13, :item "tiger", :quantity 30.205297528345778}
{:time 14, :item "tiger", :quantity 31.928050775697603}
{:time 15, :item "tiger", :quantity 33.62634547570625}
{:time 16, :item "tiger", :quantity 34.30212829607493}
{:time 17, :item "tiger", :quantity 38.95707936800063}
{:time 18, :item "tiger", :quantity 38.59266228400805}
{:time 19, :item "tiger", :quantity 42.210162462449645}
{:time 0, :item "bear", :quantity 3.0}
{:time 1, :item "bear", :quantity 4.031433133020796}
{:time 2, :item "bear", :quantity 6.278031643091578}
{:time 3, :item "bear", :quantity 9.30037210271847}
{:time 4, :item "bear", :quantity 10.18958683997628}
{:time 5, :item "bear", :quantity 12.98560543306118}
{:time 6, :item "bear", :quantity 13.71068609258575}
{:time 7, :item "bear", :quantity 15.378925219250926}
{:time 8, :item "bear", :quantity 17.000000000000004}
{:time 9, :item "bear", :quantity 17.580936309501134}
{:time 10, :item "bear", :quantity 21.127049995800743}
{:time 11, :item "bear", :quantity 21.642492771517183}
{:time 12, :item "bear", :quantity 23.13058987556147}
{:time 13, :item "bear", :quantity 24.59405975059458}
{:time 14, :item "bear", :quantity 25.03516289842348}
{:time 15, :item "bear", :quantity 28.45580618665162}
{:time 16, :item "bear", :quantity 27.85761802547598}
{:time 17, :item "bear", :quantity 31.242003864203042}
{:time 18, :item "bear", :quantity 32.610188015018984}
{:time 19, :item "bear", :quantity 34.96324574534057})},
: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
{:autosize "pad",
:legends [{:fill "color", :type "gradient"}],
:config {:range {:heatmap {:scheme "greenblue"}}},
:axes
[{:scale "x",
:grid true,
:domain false,
:orient "bottom",
:title "Horsepower"}
{:scale "y",
:grid true,
:domain false,
:orient "left",
:title "Miles_per_Gallon"}],
:width 800,
: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"}],
: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"}]}}}],
:$schema "https://vega.github.io/schema/vega/v4.json",
:signals
[{:name "count",
:value 10,
:bind {:input "select", :options [1 5 10 20]}}
{:name "points", :value true, :bind {:input "checkbox"}}],
:height 450,
: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"]]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment