Apache playground blog (#24431)

* Blog post for Apache Playground

Please upload post to blog for Apache Playground update

* Add Playground GIF to Apache Playground Blog

* Update ApachePlayground

* Update ApachePlayground

* Update ApachePlayground

* Update ApachePlayground

* Rename ApachePlayground to ApachePlayground.MD

* Rename ApachePlayground.MD to ApachePlayground.md

* Update ApachePlayground.md

* Update ApachePlayground.md

* Update ApachePlayground.md

* Update ApachePlayground.md

website/www/site/content/en/blog/ApachePlayground.md

@@ -0,0 +1,47 @@
+---
+title:  "Apache Beam Playground: An interactive environment to try transforms and examples"
+date:   2022-11-30 00:00:01 -0800
+categories:
+  - blog
+aliases:
+  - /blog/2022/11/30/apache-beam-playground.html
+authors:
+  - alexkosolapov
+---
+<!--
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+http://www.apache.org/licenses/LICENSE-2.0
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+-->
+
+### **What is Apache Beam Playground?**
+[Apache Beam Playground](https://play.beam.apache.org/) is an interactive environment to try Apache Beam transforms and examples without requiring to install or set up a Beam environment.
+
+
+### **Apache Beam Playground Features**
+
+<img class="center-block"
+    src="/images/blog/BeamPlayground.gif"
+    alt="Apache Beam Playground">
+
+* Discover transform examples that you can try right away by browsing or searching Catalog that is sourced from Apache Beam GitHub
+* Supports Java, Python, Go SDKs, and Scio to execute the example in Beam Direct Runner
+* Displays pipeline execution graph (DAG)
+* Code editor to modify examples or try your own custom pipeline with a Direct Runner
+* Code editor with code highlighting, flexible layout, color schemes, and other features to provide responsive UX in desktop browsers
+* Embedding a Playground example on a web page prompts the web page readers to try the example pipeline in the Playground - e.g., [Playground Quickstart](https://beam.apache.org/get-started/try-beam-playground/) page
+
+
+### **What’s Next**
+* Try examples in [Apache Beam Playground](https://play.beam.apache.org/)
+* Submit your feedback using “Enjoying Playground?” in Apache Beam Playground or via [this form](https://docs.google.com/forms/d/e/1FAIpQLSd5_5XeOwwW2yjEVHUXmiBad8Lxk-4OtNcgG45pbyAZzd4EbA/viewform?usp=pp_url)
+* Join the Beam [users@](https://beam.apache.org/community/contact-us) mailing list
+* Contribute to the Apache Beam Playground codebase by following a few steps in this  [Contribution Guide](https://beam.apache.org/contribute)
+
+Please [reach out](https://beam.apache.org/community/contact-us) if you have any feedback or encounter any issues!