doc: add histogram with gradient color (#3282)

* histogram with gradient color * change to pinkyellowgreen
vega · Dec 16, 2023 · 4d06175 · 4d06175
1 parent 406ad99
commit 4d06175
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 0 deletions.
diff --git a/tests/examples_arguments_syntax/histogram_gradient_color.py b/tests/examples_arguments_syntax/histogram_gradient_color.py
@@ -0,0 +1,23 @@
+"""
+Histogram with Gradient Color
+-----------------------------
+This example shows how to make a histogram with gradient color. 
+The low-high IMDB rating is represented with the color scheme `pinkyellowgreen`.
+"""
+# category: distributions
+import altair as alt
+from vega_datasets import data
+
+source = data.movies.url
+
+alt.Chart(source).mark_bar().encode(
+    alt.X("IMDB_Rating:Q", 
+        bin=alt.Bin(maxbins=20), 
+        scale=alt.Scale(domain=[1, 10])
+    ),
+    alt.Y('count()'),
+    alt.Color("IMDB_Rating:Q", 
+        bin=alt.Bin(maxbins=20), 
+        scale=alt.Scale(scheme='pinkyellowgreen')
+    )
+)
diff --git a/tests/examples_methods_syntax/histogram_gradient_color.py b/tests/examples_methods_syntax/histogram_gradient_color.py
@@ -0,0 +1,17 @@
+"""
+Histogram with Gradient Color
+-----------------------------
+This example shows how to make a histogram with gradient color.
+The low-high IMDB rating is represented with the color scheme `pinkyellowgreen`.
+"""
+# category: distributions
+import altair as alt
+from vega_datasets import data
+
+source = data.movies.url
+
+alt.Chart(source).mark_bar().encode(
+    alt.X("IMDB_Rating:Q").bin(maxbins=20).scale(domain=[1, 10]),
+    alt.Y('count()'),
+    alt.Color("IMDB_Rating:Q").bin(maxbins=20).scale(scheme='pinkyellowgreen')
+)