Added: zeppelin/site/docs/0.8.2/usage/display_system/basic.html
URL: 
http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.2/usage/display_system/basic.html?rev=1867691&view=auto
==============================================================================
--- zeppelin/site/docs/0.8.2/usage/display_system/basic.html (added)
+++ zeppelin/site/docs/0.8.2/usage/display_system/basic.html Sun Sep 29 
07:08:10 2019
@@ -0,0 +1,444 @@
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Apache Zeppelin 0.8.0 Documentation: Basic Display System in Apache 
Zeppelin</title>
+    <meta name="description" content="There are 3 basic display systems in 
Apache Zeppelin. By default, Zeppelin prints interpreter responce as a plain 
text using text display system. With %html directive, Zeppelin treats your 
output as HTML. You can also simply use %table display system to leverage 
Zeppelin's built in visualization.">
+    <meta name="author" content="The Apache Software Foundation">
+
+    <!-- Enable responsive viewport -->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
+    <!--[if lt IE 9]>
+    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js";></script>
+    <![endif]-->
+
+    <link 
href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" 
rel="stylesheet">
+
+    <!-- Le styles -->
+    <link href="/docs/0.8.0/assets/themes//bootstrap/css/bootstrap.css" 
rel="stylesheet">
+    <link href="/docs/0.8.0/assets/themes//css/style.css?body=1" 
rel="stylesheet" type="text/css">
+    <link href="/docs/0.8.0/assets/themes//css/syntax.css" rel="stylesheet"  
type="text/css" media="screen" /> 
+    <!-- Le fav and touch icons -->
+    <!-- Update these with your own images
+    <link rel="shortcut icon" href="images/favicon.ico">
+    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
+    <link rel="apple-touch-icon" sizes="72x72" 
href="images/apple-touch-icon-72x72.png">
+    <link rel="apple-touch-icon" sizes="114x114" 
href="images/apple-touch-icon-114x114.png">
+    -->
+
+    <!-- Js -->
+    <script src="https://code.jquery.com/jquery-1.10.2.min.js";></script>
+    <script 
src="/docs/0.8.0/assets/themes//bootstrap/js/bootstrap.min.js"></script>
+    <script src="/docs/0.8.0/assets/themes//js/docs.js"></script>
+    <script src="/docs/0.8.0/assets/themes//js/anchor.min.js"></script>
+    <script src="/docs/0.8.0/assets/themes//js/toc.js"></script>
+    <script src="/docs/0.8.0/assets/themes//js/lunr.min.js"></script>
+    <script src="/docs/0.8.0/assets/themes//js/search.js"></script>    
+
+    <!-- atom & rss feed -->
+    <link href="/docs/0.8.0/atom.xml" type="application/atom+xml" 
rel="alternate" title="Sitewide ATOM Feed">
+    <link href="/docs/0.8.0/rss.xml" type="application/rss+xml" 
rel="alternate" title="Sitewide RSS Feed">
+  </head>
+
+  <body>
+    
+        <div id="menu" class="navbar navbar-inverse navbar-fixed-top" 
role="navigation">
+      <div class="container navbar-container">
+        <div class="navbar-header">
+          <button type="button" class="navbar-toggle" data-toggle="collapse" 
data-target=".navbar-collapse">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+          <div class="navbar-brand">
+            <a class="navbar-brand-main" href="http://zeppelin.apache.org";>
+              <img 
src="/docs/0.8.0/assets/themes/zeppelin/img/zeppelin_logo.png" width="50"
+                   style="margin-top: -2px;" alt="I'm zeppelin">
+              <span style="margin-left: 5px; font-size: 27px;">Zeppelin</span>
+              <a class="navbar-brand-version" href="/docs/0.8.0"
+                 style="font-size: 15px; color: white;"> 0.8.0
+              </a>
+            </a>
+          </div>
+        </div>
+        <nav class="navbar-collapse collapse" role="navigation">
+          <ul class="nav navbar-nav">
+            <li>
+              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Quick 
Start <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li class="title"><span>Getting Started</span></li>
+                <li><a 
href="/docs/0.8.0/quickstart/install.html">Install</a></li>
+                <li><a href="/docs/0.8.0/quickstart/explore_ui.html">Explore 
UI</a></li>
+                <li><a 
href="/docs/0.8.0/quickstart/tutorial.html">Tutorial</a></li>
+                <li role="separator" class="divider"></li>
+                <li><a 
href="/docs/0.8.0/quickstart/spark_with_zeppelin.html">Spark with 
Zeppelin</a></li>
+                <li><a 
href="/docs/0.8.0/quickstart/sql_with_zeppelin.html">SQL with Zeppelin</a></li>
+                <li><a 
href="/docs/0.8.0/quickstart/python_with_zeppelin.html">Python with 
Zeppelin</a></li>
+              </ul>
+            </li>
+
+            <li>
+              <a href="#" data-toggle="dropdown" 
class="dropdown-toggle">Usage<b class="caret"></b></a>
+              <ul class="dropdown-menu scrollable-menu">
+                <li class="title"><span>Dynamic Form</span></li>
+                <li><a href="/docs/0.8.0/usage/dynamic_form/intro.html">What 
is Dynamic Form?</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>Display System</span></li>
+                <li><a 
href="/docs/0.8.0/usage/display_system/basic.html#text">Text Display</a></li>
+                <li><a 
href="/docs/0.8.0/usage/display_system/basic.html#html">HTML Display</a></li>
+                <li><a 
href="/docs/0.8.0/usage/display_system/basic.html#table">Table Display</a></li>
+                <li><a 
href="/docs/0.8.0/usage/display_system/basic.html#network">Network 
Display</a></li>
+                <li><a 
href="/docs/0.8.0/usage/display_system/angular_backend.html">Angular Display 
using Backend API</a></li>
+                <li><a 
href="/docs/0.8.0/usage/display_system/angular_frontend.html">Angular Display 
using Frontend API</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>Interpreter</span></li>
+                <li><a 
href="/docs/0.8.0/usage/interpreter/overview.html">Overview</a></li>
+                <li><a 
href="/docs/0.8.0/usage/interpreter/interpreter_binding_mode.html">Interpreter 
Binding Mode</a></li>
+                <li><a 
href="/docs/0.8.0/usage/interpreter/user_impersonation.html">User 
Impersonation</a></li>
+                <li><a 
href="/docs/0.8.0/usage/interpreter/dependency_management.html">Dependency 
Management</a></li>
+                <li><a 
href="/docs/0.8.0/usage/interpreter/installation.html">Installing 
Interpreters</a></li>
+                <!--<li><a 
href="/docs/0.8.0/usage/interpreter/dynamic_loading.html">Dynamic Interpreter 
Loading (Experimental)</a></li>-->
+                <li><a 
href="/docs/0.8.0/usage/interpreter/execution_hooks.html">Execution Hooks 
(Experimental)</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>Other Features</span></li>
+                <li><a 
href="/docs/0.8.0/usage/other_features/publishing_paragraphs.html">Publishing 
Paragraphs</a></li>
+                <li><a 
href="/docs/0.8.0/usage/other_features/personalized_mode.html">Personalized 
Mode</a></li>
+                <li><a 
href="/docs/0.8.0/usage/other_features/customizing_homepage.html">Customizing 
Zeppelin Homepage</a></li>
+                <li><a 
href="/docs/0.8.0/usage/other_features/notebook_actions.html">Notebook 
Actions</a></li>
+                <li><a 
href="/docs/0.8.0/usage/other_features/cron_scheduler.html">Cron 
Scheduler</a></li>
+                <li><a 
href="/docs/0.8.0/usage/other_features/zeppelin_context.html">Zeppelin 
Context</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>REST API</span></li>
+                <li><a 
href="/docs/0.8.0/usage/rest_api/interpreter.html">Interpreter API</a></li>
+                <li><a 
href="/docs/0.8.0/usage/rest_api/zeppelin_server.html">Zeppelin Server 
API</a></li>
+                <li><a 
href="/docs/0.8.0/usage/rest_api/notebook.html">Notebook API</a></li>
+                <li><a 
href="/docs/0.8.0/usage/rest_api/notebook_repository.html">Notebook Repository 
API</a></li>
+                <li><a 
href="/docs/0.8.0/usage/rest_api/configuration.html">Configuration API</a></li>
+                <li><a 
href="/docs/0.8.0/usage/rest_api/credential.html">Credential API</a></li>
+                <li><a href="/docs/0.8.0/usage/rest_api/helium.html">Helium 
API</a></li>
+              </ul>
+            </li>
+
+            <li>
+              <a href="#" data-toggle="dropdown" 
class="dropdown-toggle">Setup<b class="caret"></b></a>
+              <ul class="dropdown-menu scrollable-menu">
+                <li class="title"><span>Basics</span></li>
+                <li><a href="/docs/0.8.0/setup/basics/how_to_build.html">How 
to Build Zeppelin</a></li>
+                <li><a 
href="/docs/0.8.0/setup/basics/multi_user_support.html">Multi-user 
Support</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>Deployment</span></li>
+                <!--<li><a 
href="/docs/0.8.0/setup/deployment/docker.html">Docker Image for 
Zeppelin</a></li>-->
+                <li><a 
href="/docs/0.8.0/setup/deployment/spark_cluster_mode.html#spark-standalone-mode">Spark
 Cluster Mode: Standalone</a></li>
+                <li><a 
href="/docs/0.8.0/setup/deployment/spark_cluster_mode.html#spark-on-yarn-mode">Spark
 Cluster Mode: YARN</a></li>
+                <li><a 
href="/docs/0.8.0/setup/deployment/spark_cluster_mode.html#spark-on-mesos-mode">Spark
 Cluster Mode: Mesos</a></li>
+                <li><a 
href="/docs/0.8.0/setup/deployment/flink_and_spark_cluster.html">Zeppelin with 
Flink, Spark Cluster</a></li>
+                <li><a href="/docs/0.8.0/setup/deployment/cdh.html">Zeppelin 
on CDH</a></li>
+                <li><a 
href="/docs/0.8.0/setup/deployment/virtual_machine.html">Zeppelin on VM: 
Vagrant</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>Security</span></li>
+                <li><a 
href="/docs/0.8.0/setup/security/authentication_nginx.html">HTTP Basic Auth 
using NGINX</a></li>
+                <li><a 
href="/docs/0.8.0/setup/security/shiro_authentication.html">Shiro 
Authentication</a></li>
+                <li><a 
href="/docs/0.8.0/setup/security/notebook_authorization.html">Notebook 
Authorization</a></li>
+                <li><a 
href="/docs/0.8.0/setup/security/datasource_authorization.html">Data Source 
Authorization</a></li>
+                <li><a 
href="/docs/0.8.0/setup/security/http_security_headers.html">HTTP Security 
Headers</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>Notebook Storage</span></li>
+                <li><a 
href="/docs/0.8.0/setup/storage/storage.html#notebook-storage-in-local-git-repository">Git
 Storage</a></li>
+                <li><a 
href="/docs/0.8.0/setup/storage/storage.html#notebook-storage-in-s3">S3 
Storage</a></li>
+                <li><a 
href="/docs/0.8.0/setup/storage/storage.html#notebook-storage-in-azure">Azure 
Storage</a></li>
+                <li><a 
href="/docs/0.8.0/setup/storage/storage.html#notebook-storage-in-zeppelinhub">ZeppelinHub
 Storage</a></li>
+                <li><a 
href="/docs/0.8.0/setup/storage/storage.html#notebook-storage-in-mongodb">MongoDB
 Storage</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>Operation</span></li>
+                <li><a 
href="/docs/0.8.0/setup/operation/configuration.html">Configuration</a></li>
+                <li><a 
href="/docs/0.8.0/setup/operation/proxy_setting.html">Proxy Setting</a></li>
+                <li><a 
href="/docs/0.8.0/setup/operation/upgrading.html">Upgrading</a></li>
+                <li><a 
href="/docs/0.8.0/setup/operation/trouble_shooting.html">Trouble 
Shooting</a></li>
+              </ul>
+            </li>
+
+            <li>
+              <a href="#" data-toggle="dropdown" 
class="dropdown-toggle">Interpreter <b class="caret"></b></a>
+              <ul class="dropdown-menu scrollable-menu">
+                <li class="title"><span>Interpreters</span></li>
+                <li><a 
href="/docs/0.8.0/usage/interpreter/overview.html">Overview</a></li>
+                <li role="separator" class="divider"></li>
+                <li><a href="/docs/0.8.0/interpreter/spark.html">Spark</a></li>
+                <li><a href="/docs/0.8.0/interpreter/jdbc.html">JDBC</a></li>
+                <li><a 
href="/docs/0.8.0/interpreter/python.html">Python</a></li>
+                <li role="separator" class="divider"></li>
+                <li><a 
href="/docs/0.8.0/interpreter/alluxio.html">Alluxio</a></li>
+                <li><a href="/docs/0.8.0/interpreter/beam.html">Beam</a></li>
+                <li><a 
href="/docs/0.8.0/interpreter/bigquery.html">BigQuery</a></li>
+                <li><a 
href="/docs/0.8.0/interpreter/cassandra.html">Cassandra</a></li>
+                <li><a 
href="/docs/0.8.0/interpreter/elasticsearch.html">Elasticsearch</a></li>
+                <li><a href="/docs/0.8.0/interpreter/flink.html">Flink</a></li>
+                <li><a href="/docs/0.8.0/interpreter/geode.html">Geode</a></li>
+                <li><a 
href="/docs/0.8.0/interpreter/groovy.html">Groovy</a></li>
+                <li><a href="/docs/0.8.0/interpreter/hbase.html">HBase</a></li>
+                <li><a href="/docs/0.8.0/interpreter/hdfs.html">HDFS</a></li>
+                <li><a href="/docs/0.8.0/interpreter/hive.html">Hive</a></li>
+                <li><a 
href="/docs/0.8.0/interpreter/ignite.html">Ignite</a></li>
+                <li><a href="/docs/0.8.0/interpreter/kylin.html">Kylin</a></li>
+                <li><a href="/docs/0.8.0/interpreter/lens.html">Lens</a></li>
+                <li><a href="/docs/0.8.0/interpreter/livy.html">Livy</a></li>
+                <li><a 
href="/docs/0.8.0/interpreter/markdown.html">Markdown</a></li>
+                <li><a href="/docs/0.8.0/interpreter/neo4j.html">Neo4j</a></li>
+                <li><a href="/docs/0.8.0/interpreter/pig.html">Pig</a></li>
+                <li><a 
href="/docs/0.8.0/interpreter/postgresql.html">Postgresql, HAWQ</a></li>
+                <li><a href="/docs/0.8.0/interpreter/r.html">R</a></li>
+                <li><a 
href="/docs/0.8.0/interpreter/scalding.html">Scalding</a></li>
+                <li><a href="/docs/0.8.0/interpreter/scio.html">Scio</a></li>
+                <li><a href="/docs/0.8.0/interpreter/shell.html">Shell</a></li>
+              </ul>
+            </li>
+            <li>
+              <a href="#" data-toggle="dropdown" 
class="dropdown-toggle">More<b class="caret"></b></a>
+              <ul class="dropdown-menu scrollable-menu" style="right: 0; left: 
auto;">
+                <li class="title"><span>Extending Zeppelin</span></li>
+                <li><a 
href="/docs/0.8.0/development/writing_zeppelin_interpreter.html">Writing 
Zeppelin Interpreter</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>Helium (Experimental)</span></li>
+                <li><a 
href="/docs/0.8.0/development/helium/overview.html">Overview</a></li>
+                <li><a 
href="/docs/0.8.0/development/helium/writing_application.html">Writing Helium 
Application</a></li>
+                <li><a 
href="/docs/0.8.0/development/helium/writing_spell.html">Writing Helium 
Spell</a></li>
+                <li><a 
href="/docs/0.8.0/development/helium/writing_visualization_basic.html">Writing 
Helium Visualization: Basics</a></li>
+                <li><a 
href="/docs/0.8.0/development/helium/writing_visualization_transformation.html">Writing
 Helium Visualization: Transformation</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>Contributing to Zeppelin</span></li>
+                <li><a href="/docs/0.8.0/setup/basics/how_to_build.html">How 
to Build Zeppelin</a></li>
+                <li><a 
href="/docs/0.8.0/development/contribution/useful_developer_tools.html">Useful 
Developer Tools</a></li>
+                <li><a 
href="/docs/0.8.0/development/contribution/how_to_contribute_code.html">How to 
Contribute (code)</a></li>
+                <li><a 
href="/docs/0.8.0/development/contribution/how_to_contribute_website.html">How 
to Contribute (website)</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>External Resources</span></li>
+                <li><a target="_blank" href="">Mailing List</a></li>
+                <li><a target="_blank" href="">Apache Zeppelin Wiki</a></li>
+                <li><a target="_blank" href="">Stackoverflow Questions about 
Zeppelin</a></li>
+              </ul>
+            </li>
+            <li>
+              <a href="/docs/0.8.0/search.html" class="nav-search-link">
+                <span class="fa fa-search nav-search-icon"></span>
+              </a>
+            </li>
+          </ul>
+        </nav><!--/.navbar-collapse -->
+      </div>
+    </div>
+
+
+
+    <div class="content">
+      
+<!--<div class="hero-unit Basic Display System in Apache Zeppelin">
+  <h1></h1>
+</div>
+-->
+
+<div class="row">
+  <div class="col-md-12">
+    <!--
+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.
+-->
+
+<h1>Basic Display System in Apache Zeppelin</h1>
+
+<div id="toc"></div>
+
+<h2>Text</h2>
+
+<p>By default, Apache Zeppelin prints interpreter response as a plain text 
using <code>text</code> display system.</p>
+
+<p><img 
src="/docs/0.8.0/assets/themes/zeppelin/img/screenshots/display_text.png" /></p>
+
+<p>You can explicitly say you&#39;re using <code>text</code> display 
system.</p>
+
+<p><img 
src="/docs/0.8.0/assets/themes/zeppelin/img/screenshots/display_text1.png" 
/></p>
+
+<h2>Html</h2>
+
+<p>With <code>%html</code> directive, Zeppelin treats your output as HTML</p>
+
+<p><img 
src="/docs/0.8.0/assets/themes/zeppelin/img/screenshots/display_html.png" /></p>
+
+<h3>Mathematical expressions</h3>
+
+<p>HTML display system automatically formats mathematical expression using <a 
href="https://www.mathjax.org/";>MathJax</a>. You can use
+<code>\\( INLINE EXPRESSION \\)</code> and <code>$$ EXPRESSION $$</code> to 
format. For example</p>
+
+<p><img 
src="/docs/0.8.0/assets/themes/zeppelin/img/screenshots/display_formula.png" 
/></p>
+
+<h2>Table</h2>
+
+<p>If you have data that row separated by <code>\n</code> (newline) and column 
separated by <code>\t</code> (tab) with first row as header row, for example</p>
+
+<p><img 
src="/docs/0.8.0/assets/themes/zeppelin/img/screenshots/display_table.png" 
/></p>
+
+<p>You can simply use <code>%table</code> display system to leverage 
Zeppelin&#39;s built in visualization.</p>
+
+<p><img 
src="/docs/0.8.0/assets/themes/zeppelin/img/screenshots/display_table1.png" 
/></p>
+
+<p>If table contents start with <code>%html</code>, it is interpreted as an 
HTML.</p>
+
+<p><img 
src="/docs/0.8.0/assets/themes/zeppelin/img/screenshots/display_table_html.png" 
/></p>
+
+<blockquote>
+<p><strong>Note :</strong> Display system is backend independent.</p>
+</blockquote>
+
+<h2>Network</h2>
+
+<p>With the <code>%network</code> directive, Zeppelin treats your output as a 
graph. Zeppelin can leverage the Property Graph Model.</p>
+
+<h3>What is the Labelled Property Graph Model?</h3>
+
+<p>A <a 
href="https://github.com/tinkerpop/gremlin/wiki/Defining-a-Property-Graph";>Property
 Graph</a> is a graph that has these elements:</p>
+
+<ul>
+<li>a set of vertices
+
+<ul>
+<li>each vertex has a unique identifier.</li>
+<li>each vertex has a set of outgoing edges.</li>
+<li>each vertex has a set of incoming edges.</li>
+<li>each vertex has a collection of properties defined by a map from key to 
value</li>
+</ul></li>
+<li>a set of edges
+
+<ul>
+<li>each edge has a unique identifier.</li>
+<li>each edge has an outgoing tail vertex.</li>
+<li>each edge has an incoming head vertex.</li>
+<li>each edge has a label that denotes the type of relationship between its 
two vertices.</li>
+<li>each edge has a collection of properties defined by a map from key to 
value.</li>
+</ul></li>
+</ul>
+
+<p><img 
src="https://github.com/tinkerpop/gremlin/raw/master/doc/images/graph-example-1.jpg";
 /></p>
+
+<p>A <a 
href="https://neo4j.com/developer/graph-database/#property-graph";>Labelled 
Property Graph</a> is a Property Graph where the nodes can be tagged with 
<strong>labels</strong> representing their different roles in the graph 
model</p>
+
+<p><img 
src="http://s3.amazonaws.com/dev.assets.neo4j.com/wp-content/uploads/property_graph_model.png";
 /></p>
+
+<h3>What are the APIs?</h3>
+
+<p>The new NETWORK visualization is based on json with the following 
params:</p>
+
+<ul>
+<li>&quot;nodes&quot; (mandatory): list of nodes of the graph every node can 
have the following params:
+
+<ul>
+<li>&quot;id&quot; (mandatory): the id of the node (must be unique);</li>
+<li>&quot;label&quot;: the main Label of the node;</li>
+<li>&quot;labels&quot;: the list of the labels of the node;</li>
+<li>&quot;data&quot;: the data attached to the node;</li>
+</ul></li>
+<li>&quot;edges&quot;: list of the edges of the graph;
+
+<ul>
+<li>&quot;id&quot; (mandatory): the id of the edge (must be unique);</li>
+<li>&quot;source&quot; (mandatory): the id of source node of the edge;</li>
+<li>&quot;target&quot; (mandatory): the id of target node of the edge;</li>
+<li>&quot;label&quot;: the main type of the edge;</li>
+<li>&quot;data&quot;: the data attached to the edge;</li>
+</ul></li>
+<li>&quot;labels&quot;: a map (K, V) where K is the node label and V is the 
color of the node;</li>
+<li>&quot;directed&quot;: (true/false, default false) wich tells if is 
directed graph or not;</li>
+<li>&quot;types&quot;: a <em>distinct</em> list of the edge types of the 
graph</li>
+</ul>
+
+<p>If you click on a node or edge on the bottom of the paragraph you find a 
list of entity properties</p>
+
+<p><img 
src="/docs/0.8.0/assets/themes/zeppelin/img/screenshots/display_network.png" 
/></p>
+
+<p>This kind of graph can be easily <em>flatten</em> in order to support other 
visualization formats provided by Zeppelin.</p>
+
+<p><img 
src="/docs/0.8.0/assets/themes/zeppelin/img/screenshots/display_network_flatten.png"
 /></p>
+
+<h3>How to use it?</h3>
+
+<p>An example of a simple graph</p>
+<div class="highlight"><pre><code class="language-scala" 
data-lang="scala"><span></span><span class="o">%</span><span 
class="n">spark</span>
+<span class="n">print</span><span class="o">(</span><span 
class="s">s&quot;&quot;&quot;</span>
+<span class="s">%network {</span>
+<span class="s">    &quot;nodes&quot;: [</span>
+<span class="s">        {&quot;id&quot;: 1},</span>
+<span class="s">        {&quot;id&quot;: 2},</span>
+<span class="s">        {&quot;id&quot;: 3}</span>
+<span class="s">    ],</span>
+<span class="s">    &quot;edges&quot;: [</span>
+<span class="s">        {&quot;source&quot;: 1, &quot;target&quot;: 2, 
&quot;id&quot; : 1},</span>
+<span class="s">        {&quot;source&quot;: 2, &quot;target&quot;: 3, 
&quot;id&quot; : 2},</span>
+<span class="s">        {&quot;source&quot;: 1, &quot;target&quot;: 2, 
&quot;id&quot; : 3},</span>
+<span class="s">        {&quot;source&quot;: 1, &quot;target&quot;: 2, 
&quot;id&quot; : 4},</span>
+<span class="s">        {&quot;source&quot;: 2, &quot;target&quot;: 1, 
&quot;id&quot; : 5},</span>
+<span class="s">        {&quot;source&quot;: 2, &quot;target&quot;: 1, 
&quot;id&quot; : 6}</span>
+<span class="s">    ]</span>
+<span class="s">}</span>
+<span class="s">&quot;&quot;&quot;</span><span class="o">)</span>
+</code></pre></div>
+<p>that will look like:</p>
+
+<p><img 
src="/docs/0.8.0/assets/themes/zeppelin/img/screenshots/display_simple_network.png"
 /></p>
+
+<p>A little more complex graph:</p>
+<div class="highlight"><pre><code class="language-scala" 
data-lang="scala"><span></span><span class="o">%</span><span 
class="n">spark</span>
+<span class="n">print</span><span class="o">(</span><span 
class="s">s&quot;&quot;&quot;</span>
+<span class="s">%network {</span>
+<span class="s">    &quot;nodes&quot;: [{&quot;id&quot;: 1, &quot;label&quot;: 
&quot;User&quot;, &quot;data&quot;: {&quot;fullName&quot;:&quot;Andrea 
Santurbano&quot;}},{&quot;id&quot;: 2, &quot;label&quot;: &quot;User&quot;, 
&quot;data&quot;: {&quot;fullName&quot;:&quot;Lee Moon 
Soo&quot;}},{&quot;id&quot;: 3, &quot;label&quot;: &quot;Project&quot;, 
&quot;data&quot;: {&quot;name&quot;:&quot;Zeppelin&quot;}}],</span>
+<span class="s">    &quot;edges&quot;: [{&quot;source&quot;: 2, 
&quot;target&quot;: 1, &quot;id&quot; : 1, &quot;label&quot;: 
&quot;HELPS&quot;},{&quot;source&quot;: 2, &quot;target&quot;: 3, 
&quot;id&quot; : 2, &quot;label&quot;: &quot;CREATE&quot;},{&quot;source&quot;: 
1, &quot;target&quot;: 3, &quot;id&quot; : 3, &quot;label&quot;: 
&quot;CONTRIBUTE_TO&quot;, &quot;data&quot;: {&quot;oldPR&quot;: 
&quot;https://github.com/apache/zeppelin/pull/1582&quot;}}],</span>
+<span class="s">    &quot;labels&quot;: {&quot;User&quot;: 
&quot;#8BC34A&quot;, &quot;Project&quot;: &quot;#3071A9&quot;},</span>
+<span class="s">    &quot;directed&quot;: true,</span>
+<span class="s">    &quot;types&quot;: [&quot;HELPS&quot;, &quot;CREATE&quot;, 
&quot;CONTRIBUTE_TO&quot;]</span>
+<span class="s">}</span>
+<span class="s">&quot;&quot;&quot;</span><span class="o">)</span>
+</code></pre></div>
+<p>that will look like:</p>
+
+<p><img 
src="/docs/0.8.0/assets/themes/zeppelin/img/screenshots/display_complex_network.png"
 /></p>
+
+  </div>
+</div>
+
+
+      <hr>
+      <footer>
+        <!-- <p>&copy; 2019 The Apache Software Foundation</p>-->
+      </footer>
+    </div>
+
+    
+
+
+  <script type="text/javascript">
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new 
Date();a=s.createElement(o),
+  
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-45176241-5', 'zeppelin.apache.org');
+  ga('require', 'linkid', 'linkid.js');
+  ga('send', 'pageview');
+
+</script>
+
+
+
+  </body>
+</html>
+

Propchange: zeppelin/site/docs/0.8.2/usage/display_system/basic.html
------------------------------------------------------------------------------
    svn:executable = *

Added: zeppelin/site/docs/0.8.2/usage/dynamic_form/intro.html
URL: 
http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.2/usage/dynamic_form/intro.html?rev=1867691&view=auto
==============================================================================
--- zeppelin/site/docs/0.8.2/usage/dynamic_form/intro.html (added)
+++ zeppelin/site/docs/0.8.2/usage/dynamic_form/intro.html Sun Sep 29 07:08:10 
2019
@@ -0,0 +1,489 @@
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Apache Zeppelin 0.8.0 Documentation: Dynamic Form in Apache 
Zeppelin</title>
+    <meta name="description" content="Apache Zeppelin dynamically creates 
input forms. Depending on language backend, there're two different ways to 
create dynamic form.">
+    <meta name="author" content="The Apache Software Foundation">
+
+    <!-- Enable responsive viewport -->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
+    <!--[if lt IE 9]>
+    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js";></script>
+    <![endif]-->
+
+    <link 
href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" 
rel="stylesheet">
+
+    <!-- Le styles -->
+    <link href="/docs/0.8.0/assets/themes//bootstrap/css/bootstrap.css" 
rel="stylesheet">
+    <link href="/docs/0.8.0/assets/themes//css/style.css?body=1" 
rel="stylesheet" type="text/css">
+    <link href="/docs/0.8.0/assets/themes//css/syntax.css" rel="stylesheet"  
type="text/css" media="screen" /> 
+    <!-- Le fav and touch icons -->
+    <!-- Update these with your own images
+    <link rel="shortcut icon" href="images/favicon.ico">
+    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
+    <link rel="apple-touch-icon" sizes="72x72" 
href="images/apple-touch-icon-72x72.png">
+    <link rel="apple-touch-icon" sizes="114x114" 
href="images/apple-touch-icon-114x114.png">
+    -->
+
+    <!-- Js -->
+    <script src="https://code.jquery.com/jquery-1.10.2.min.js";></script>
+    <script 
src="/docs/0.8.0/assets/themes//bootstrap/js/bootstrap.min.js"></script>
+    <script src="/docs/0.8.0/assets/themes//js/docs.js"></script>
+    <script src="/docs/0.8.0/assets/themes//js/anchor.min.js"></script>
+    <script src="/docs/0.8.0/assets/themes//js/toc.js"></script>
+    <script src="/docs/0.8.0/assets/themes//js/lunr.min.js"></script>
+    <script src="/docs/0.8.0/assets/themes//js/search.js"></script>    
+
+    <!-- atom & rss feed -->
+    <link href="/docs/0.8.0/atom.xml" type="application/atom+xml" 
rel="alternate" title="Sitewide ATOM Feed">
+    <link href="/docs/0.8.0/rss.xml" type="application/rss+xml" 
rel="alternate" title="Sitewide RSS Feed">
+  </head>
+
+  <body>
+    
+        <div id="menu" class="navbar navbar-inverse navbar-fixed-top" 
role="navigation">
+      <div class="container navbar-container">
+        <div class="navbar-header">
+          <button type="button" class="navbar-toggle" data-toggle="collapse" 
data-target=".navbar-collapse">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+          <div class="navbar-brand">
+            <a class="navbar-brand-main" href="http://zeppelin.apache.org";>
+              <img 
src="/docs/0.8.0/assets/themes/zeppelin/img/zeppelin_logo.png" width="50"
+                   style="margin-top: -2px;" alt="I'm zeppelin">
+              <span style="margin-left: 5px; font-size: 27px;">Zeppelin</span>
+              <a class="navbar-brand-version" href="/docs/0.8.0"
+                 style="font-size: 15px; color: white;"> 0.8.0
+              </a>
+            </a>
+          </div>
+        </div>
+        <nav class="navbar-collapse collapse" role="navigation">
+          <ul class="nav navbar-nav">
+            <li>
+              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Quick 
Start <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li class="title"><span>Getting Started</span></li>
+                <li><a 
href="/docs/0.8.0/quickstart/install.html">Install</a></li>
+                <li><a href="/docs/0.8.0/quickstart/explore_ui.html">Explore 
UI</a></li>
+                <li><a 
href="/docs/0.8.0/quickstart/tutorial.html">Tutorial</a></li>
+                <li role="separator" class="divider"></li>
+                <li><a 
href="/docs/0.8.0/quickstart/spark_with_zeppelin.html">Spark with 
Zeppelin</a></li>
+                <li><a 
href="/docs/0.8.0/quickstart/sql_with_zeppelin.html">SQL with Zeppelin</a></li>
+                <li><a 
href="/docs/0.8.0/quickstart/python_with_zeppelin.html">Python with 
Zeppelin</a></li>
+              </ul>
+            </li>
+
+            <li>
+              <a href="#" data-toggle="dropdown" 
class="dropdown-toggle">Usage<b class="caret"></b></a>
+              <ul class="dropdown-menu scrollable-menu">
+                <li class="title"><span>Dynamic Form</span></li>
+                <li><a href="/docs/0.8.0/usage/dynamic_form/intro.html">What 
is Dynamic Form?</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>Display System</span></li>
+                <li><a 
href="/docs/0.8.0/usage/display_system/basic.html#text">Text Display</a></li>
+                <li><a 
href="/docs/0.8.0/usage/display_system/basic.html#html">HTML Display</a></li>
+                <li><a 
href="/docs/0.8.0/usage/display_system/basic.html#table">Table Display</a></li>
+                <li><a 
href="/docs/0.8.0/usage/display_system/basic.html#network">Network 
Display</a></li>
+                <li><a 
href="/docs/0.8.0/usage/display_system/angular_backend.html">Angular Display 
using Backend API</a></li>
+                <li><a 
href="/docs/0.8.0/usage/display_system/angular_frontend.html">Angular Display 
using Frontend API</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>Interpreter</span></li>
+                <li><a 
href="/docs/0.8.0/usage/interpreter/overview.html">Overview</a></li>
+                <li><a 
href="/docs/0.8.0/usage/interpreter/interpreter_binding_mode.html">Interpreter 
Binding Mode</a></li>
+                <li><a 
href="/docs/0.8.0/usage/interpreter/user_impersonation.html">User 
Impersonation</a></li>
+                <li><a 
href="/docs/0.8.0/usage/interpreter/dependency_management.html">Dependency 
Management</a></li>
+                <li><a 
href="/docs/0.8.0/usage/interpreter/installation.html">Installing 
Interpreters</a></li>
+                <!--<li><a 
href="/docs/0.8.0/usage/interpreter/dynamic_loading.html">Dynamic Interpreter 
Loading (Experimental)</a></li>-->
+                <li><a 
href="/docs/0.8.0/usage/interpreter/execution_hooks.html">Execution Hooks 
(Experimental)</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>Other Features</span></li>
+                <li><a 
href="/docs/0.8.0/usage/other_features/publishing_paragraphs.html">Publishing 
Paragraphs</a></li>
+                <li><a 
href="/docs/0.8.0/usage/other_features/personalized_mode.html">Personalized 
Mode</a></li>
+                <li><a 
href="/docs/0.8.0/usage/other_features/customizing_homepage.html">Customizing 
Zeppelin Homepage</a></li>
+                <li><a 
href="/docs/0.8.0/usage/other_features/notebook_actions.html">Notebook 
Actions</a></li>
+                <li><a 
href="/docs/0.8.0/usage/other_features/cron_scheduler.html">Cron 
Scheduler</a></li>
+                <li><a 
href="/docs/0.8.0/usage/other_features/zeppelin_context.html">Zeppelin 
Context</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>REST API</span></li>
+                <li><a 
href="/docs/0.8.0/usage/rest_api/interpreter.html">Interpreter API</a></li>
+                <li><a 
href="/docs/0.8.0/usage/rest_api/zeppelin_server.html">Zeppelin Server 
API</a></li>
+                <li><a 
href="/docs/0.8.0/usage/rest_api/notebook.html">Notebook API</a></li>
+                <li><a 
href="/docs/0.8.0/usage/rest_api/notebook_repository.html">Notebook Repository 
API</a></li>
+                <li><a 
href="/docs/0.8.0/usage/rest_api/configuration.html">Configuration API</a></li>
+                <li><a 
href="/docs/0.8.0/usage/rest_api/credential.html">Credential API</a></li>
+                <li><a href="/docs/0.8.0/usage/rest_api/helium.html">Helium 
API</a></li>
+              </ul>
+            </li>
+
+            <li>
+              <a href="#" data-toggle="dropdown" 
class="dropdown-toggle">Setup<b class="caret"></b></a>
+              <ul class="dropdown-menu scrollable-menu">
+                <li class="title"><span>Basics</span></li>
+                <li><a href="/docs/0.8.0/setup/basics/how_to_build.html">How 
to Build Zeppelin</a></li>
+                <li><a 
href="/docs/0.8.0/setup/basics/multi_user_support.html">Multi-user 
Support</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>Deployment</span></li>
+                <!--<li><a 
href="/docs/0.8.0/setup/deployment/docker.html">Docker Image for 
Zeppelin</a></li>-->
+                <li><a 
href="/docs/0.8.0/setup/deployment/spark_cluster_mode.html#spark-standalone-mode">Spark
 Cluster Mode: Standalone</a></li>
+                <li><a 
href="/docs/0.8.0/setup/deployment/spark_cluster_mode.html#spark-on-yarn-mode">Spark
 Cluster Mode: YARN</a></li>
+                <li><a 
href="/docs/0.8.0/setup/deployment/spark_cluster_mode.html#spark-on-mesos-mode">Spark
 Cluster Mode: Mesos</a></li>
+                <li><a 
href="/docs/0.8.0/setup/deployment/flink_and_spark_cluster.html">Zeppelin with 
Flink, Spark Cluster</a></li>
+                <li><a href="/docs/0.8.0/setup/deployment/cdh.html">Zeppelin 
on CDH</a></li>
+                <li><a 
href="/docs/0.8.0/setup/deployment/virtual_machine.html">Zeppelin on VM: 
Vagrant</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>Security</span></li>
+                <li><a 
href="/docs/0.8.0/setup/security/authentication_nginx.html">HTTP Basic Auth 
using NGINX</a></li>
+                <li><a 
href="/docs/0.8.0/setup/security/shiro_authentication.html">Shiro 
Authentication</a></li>
+                <li><a 
href="/docs/0.8.0/setup/security/notebook_authorization.html">Notebook 
Authorization</a></li>
+                <li><a 
href="/docs/0.8.0/setup/security/datasource_authorization.html">Data Source 
Authorization</a></li>
+                <li><a 
href="/docs/0.8.0/setup/security/http_security_headers.html">HTTP Security 
Headers</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>Notebook Storage</span></li>
+                <li><a 
href="/docs/0.8.0/setup/storage/storage.html#notebook-storage-in-local-git-repository">Git
 Storage</a></li>
+                <li><a 
href="/docs/0.8.0/setup/storage/storage.html#notebook-storage-in-s3">S3 
Storage</a></li>
+                <li><a 
href="/docs/0.8.0/setup/storage/storage.html#notebook-storage-in-azure">Azure 
Storage</a></li>
+                <li><a 
href="/docs/0.8.0/setup/storage/storage.html#notebook-storage-in-zeppelinhub">ZeppelinHub
 Storage</a></li>
+                <li><a 
href="/docs/0.8.0/setup/storage/storage.html#notebook-storage-in-mongodb">MongoDB
 Storage</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>Operation</span></li>
+                <li><a 
href="/docs/0.8.0/setup/operation/configuration.html">Configuration</a></li>
+                <li><a 
href="/docs/0.8.0/setup/operation/proxy_setting.html">Proxy Setting</a></li>
+                <li><a 
href="/docs/0.8.0/setup/operation/upgrading.html">Upgrading</a></li>
+                <li><a 
href="/docs/0.8.0/setup/operation/trouble_shooting.html">Trouble 
Shooting</a></li>
+              </ul>
+            </li>
+
+            <li>
+              <a href="#" data-toggle="dropdown" 
class="dropdown-toggle">Interpreter <b class="caret"></b></a>
+              <ul class="dropdown-menu scrollable-menu">
+                <li class="title"><span>Interpreters</span></li>
+                <li><a 
href="/docs/0.8.0/usage/interpreter/overview.html">Overview</a></li>
+                <li role="separator" class="divider"></li>
+                <li><a href="/docs/0.8.0/interpreter/spark.html">Spark</a></li>
+                <li><a href="/docs/0.8.0/interpreter/jdbc.html">JDBC</a></li>
+                <li><a 
href="/docs/0.8.0/interpreter/python.html">Python</a></li>
+                <li role="separator" class="divider"></li>
+                <li><a 
href="/docs/0.8.0/interpreter/alluxio.html">Alluxio</a></li>
+                <li><a href="/docs/0.8.0/interpreter/beam.html">Beam</a></li>
+                <li><a 
href="/docs/0.8.0/interpreter/bigquery.html">BigQuery</a></li>
+                <li><a 
href="/docs/0.8.0/interpreter/cassandra.html">Cassandra</a></li>
+                <li><a 
href="/docs/0.8.0/interpreter/elasticsearch.html">Elasticsearch</a></li>
+                <li><a href="/docs/0.8.0/interpreter/flink.html">Flink</a></li>
+                <li><a href="/docs/0.8.0/interpreter/geode.html">Geode</a></li>
+                <li><a 
href="/docs/0.8.0/interpreter/groovy.html">Groovy</a></li>
+                <li><a href="/docs/0.8.0/interpreter/hbase.html">HBase</a></li>
+                <li><a href="/docs/0.8.0/interpreter/hdfs.html">HDFS</a></li>
+                <li><a href="/docs/0.8.0/interpreter/hive.html">Hive</a></li>
+                <li><a 
href="/docs/0.8.0/interpreter/ignite.html">Ignite</a></li>
+                <li><a href="/docs/0.8.0/interpreter/kylin.html">Kylin</a></li>
+                <li><a href="/docs/0.8.0/interpreter/lens.html">Lens</a></li>
+                <li><a href="/docs/0.8.0/interpreter/livy.html">Livy</a></li>
+                <li><a 
href="/docs/0.8.0/interpreter/markdown.html">Markdown</a></li>
+                <li><a href="/docs/0.8.0/interpreter/neo4j.html">Neo4j</a></li>
+                <li><a href="/docs/0.8.0/interpreter/pig.html">Pig</a></li>
+                <li><a 
href="/docs/0.8.0/interpreter/postgresql.html">Postgresql, HAWQ</a></li>
+                <li><a href="/docs/0.8.0/interpreter/r.html">R</a></li>
+                <li><a 
href="/docs/0.8.0/interpreter/scalding.html">Scalding</a></li>
+                <li><a href="/docs/0.8.0/interpreter/scio.html">Scio</a></li>
+                <li><a href="/docs/0.8.0/interpreter/shell.html">Shell</a></li>
+              </ul>
+            </li>
+            <li>
+              <a href="#" data-toggle="dropdown" 
class="dropdown-toggle">More<b class="caret"></b></a>
+              <ul class="dropdown-menu scrollable-menu" style="right: 0; left: 
auto;">
+                <li class="title"><span>Extending Zeppelin</span></li>
+                <li><a 
href="/docs/0.8.0/development/writing_zeppelin_interpreter.html">Writing 
Zeppelin Interpreter</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>Helium (Experimental)</span></li>
+                <li><a 
href="/docs/0.8.0/development/helium/overview.html">Overview</a></li>
+                <li><a 
href="/docs/0.8.0/development/helium/writing_application.html">Writing Helium 
Application</a></li>
+                <li><a 
href="/docs/0.8.0/development/helium/writing_spell.html">Writing Helium 
Spell</a></li>
+                <li><a 
href="/docs/0.8.0/development/helium/writing_visualization_basic.html">Writing 
Helium Visualization: Basics</a></li>
+                <li><a 
href="/docs/0.8.0/development/helium/writing_visualization_transformation.html">Writing
 Helium Visualization: Transformation</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>Contributing to Zeppelin</span></li>
+                <li><a href="/docs/0.8.0/setup/basics/how_to_build.html">How 
to Build Zeppelin</a></li>
+                <li><a 
href="/docs/0.8.0/development/contribution/useful_developer_tools.html">Useful 
Developer Tools</a></li>
+                <li><a 
href="/docs/0.8.0/development/contribution/how_to_contribute_code.html">How to 
Contribute (code)</a></li>
+                <li><a 
href="/docs/0.8.0/development/contribution/how_to_contribute_website.html">How 
to Contribute (website)</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>External Resources</span></li>
+                <li><a target="_blank" href="">Mailing List</a></li>
+                <li><a target="_blank" href="">Apache Zeppelin Wiki</a></li>
+                <li><a target="_blank" href="">Stackoverflow Questions about 
Zeppelin</a></li>
+              </ul>
+            </li>
+            <li>
+              <a href="/docs/0.8.0/search.html" class="nav-search-link">
+                <span class="fa fa-search nav-search-icon"></span>
+              </a>
+            </li>
+          </ul>
+        </nav><!--/.navbar-collapse -->
+      </div>
+    </div>
+
+
+
+    <div class="content">
+      
+<!--<div class="hero-unit Dynamic Form in Apache Zeppelin">
+  <h1></h1>
+</div>
+-->
+
+<div class="row">
+  <div class="col-md-12">
+    <!--
+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.
+-->
+
+<h1>What is Dynamic Form?</h1>
+
+<div id="toc"></div>
+
+<p>Apache Zeppelin dynamically creates input forms. Depending on language 
backend, there&#39;re two different ways to create dynamic form.
+Custom language backend can select which type of form creation it wants to 
use. Forms can have different scope (paragraph or note). 
+Forms with scope &quot;note&quot; available in all paragraphs regardless of 
which paragraph has code to create these forms.</p>
+
+<h2>Using form Templates (scope: paragraph)</h2>
+
+<p>This mode creates form using simple template language. It&#39;s simple and 
easy to use. For example Markdown, Shell, Spark SQL language backend uses 
it.</p>
+
+<h3>Text input form</h3>
+
+<p>To create text input form, use <code>${formName}</code> templates.</p>
+
+<p>for example</p>
+
+<p><img class="img-responsive" 
src="/docs/0.8.0/assets/themes/zeppelin/img/screenshots/form_input.png" 
width="450px" /></p>
+
+<p>Also you can provide default value, using 
<code>${formName=defaultValue}</code>.</p>
+
+<p><img 
src="/docs/0.8.0/assets/themes/zeppelin/img/screenshots/form_input_default.png" 
/></p>
+
+<h3>Select form</h3>
+
+<p>To create select form, use 
<code>${formName=defaultValue,option1|option2...}</code></p>
+
+<p>for example</p>
+
+<p><img 
src="/docs/0.8.0/assets/themes/zeppelin/img/screenshots/form_select.png" /></p>
+
+<p>Also you can separate option&#39;s display name and value, using 
<code>${formName=defaultValue,option1(DisplayName)|option2(DisplayName)...}</code></p>
+
+<p><img 
src="/docs/0.8.0/assets/themes/zeppelin/img/screenshots/form_select_displayname.png"
 /></p>
+
+<p>The paragraph will be automatically run after you change your selection by 
default.
+But in case you have multiple types dynamic form in one paragraph, you might 
want to run the paragraph after changing all the selections.
+You can control this by unchecking the below <strong>Run on selection 
change</strong> option in the setting menu.</p>
+
+<p>Even if you uncheck this option, still you can run it by pressing 
<code>Enter</code>.</p>
+
+<p><img 
src="/docs/0.8.0/assets/themes/zeppelin/img/screenshots/selectForm-checkbox.png"
 /></p>
+
+<h3>Checkbox form</h3>
+
+<p>For multi-selection, you can create a checkbox form using 
<code>${checkbox:formName=defaultValue1|defaultValue2...,option1|option2...}</code>.
 The variable will be substituted by a comma-separated string based on the 
selected items. For example:</p>
+
+<p><img 
src="/docs/0.8.0/assets/themes/zeppelin/img/screenshots/form_checkbox.png"></p>
+
+<p>You can specify the delimiter using 
<code>${checkbox(delimiter):formName=...}</code>:</p>
+
+<p><img 
src="/docs/0.8.0/assets/themes/zeppelin/img/screenshots/form_checkbox_delimiter.png"></p>
+
+<p>Like <a href="#select-form">select form</a>, the paragraph will be 
automatically run after you change your selection by default.
+But in case you have multiple types dynamic form in one paragraph, you might 
want to run the paragraph after changing all the selections.
+You can control this by unchecking the below <strong>Run on selection 
change</strong> option in the setting menu.</p>
+
+<p>Even if you uncheck this option, still you can run it by pressing 
<code>Enter</code>.</p>
+
+<p><img 
src="/docs/0.8.0/assets/themes/zeppelin/img/screenshots/selectForm-checkbox.png"
 /></p>
+
+<h2>Using form Templates (scope: note)</h2>
+
+<p>Has a same syntax but starts with two symbols <code>$</code>. (for ex. 
input <code>$${forName}</code>)</p>
+
+<h2>Creates Programmatically (scope: paragraph)</h2>
+
+<p>Some language backends can programmatically create forms. For example <a 
href="../../interpreter/spark.html#zeppelincontext">ZeppelinContext</a> 
provides a form creation API</p>
+
+<p>Here are some examples:</p>
+
+<h3>Text input form</h3>
+
+<div class="codetabs">
+    <div data-lang="scala" markdown="1">
+
+
+<figure class="highlight"><pre><code class="language-scala" 
data-lang="scala"><span></span><span class="o">%</span><span 
class="n">spark</span>
+<span class="n">println</span><span class="o">(</span><span 
class="s">&quot;Hello &quot;</span><span class="o">+</span><span 
class="n">z</span><span class="o">.</span><span class="n">textbox</span><span 
class="o">(</span><span class="s">&quot;name&quot;</span><span 
class="o">))</span></code></pre></figure>
+
+
+    </div>
+    <div data-lang="python" markdown="1">
+
+
+<figure class="highlight"><pre><code class="language-python" 
data-lang="python"><span></span><span class="o">%</span><span 
class="n">pyspark</span>
+<span class="k">print</span><span class="p">(</span><span 
class="s2">&quot;Hello &quot;</span><span class="o">+</span><span 
class="n">z</span><span class="o">.</span><span class="n">textbox</span><span 
class="p">(</span><span class="s2">&quot;name&quot;</span><span 
class="p">))</span></code></pre></figure>
+
+
+    </div>
+</div>
+
+<p><img 
src="/docs/0.8.0/assets/themes/zeppelin/img/screenshots/form_input_prog.png" 
/></p>
+
+<h3>Text input form with default value</h3>
+
+<div class="codetabs">
+    <div data-lang="scala" markdown="1">
+
+
+<figure class="highlight"><pre><code class="language-scala" 
data-lang="scala"><span></span><span class="o">%</span><span 
class="n">spark</span>
+<span class="n">println</span><span class="o">(</span><span 
class="s">&quot;Hello &quot;</span><span class="o">+</span><span 
class="n">z</span><span class="o">.</span><span class="n">textbox</span><span 
class="o">(</span><span class="s">&quot;name&quot;</span><span 
class="o">,</span> <span class="s">&quot;sun&quot;</span><span 
class="o">))</span> </code></pre></figure>
+
+
+    </div>
+    <div data-lang="python" markdown="1">
+
+
+<figure class="highlight"><pre><code class="language-python" 
data-lang="python"><span></span><span class="o">%</span><span 
class="n">pyspark</span>
+<span class="k">print</span><span class="p">(</span><span 
class="s2">&quot;Hello &quot;</span><span class="o">+</span><span 
class="n">z</span><span class="o">.</span><span class="n">textbox</span><span 
class="p">(</span><span class="s2">&quot;name&quot;</span><span 
class="p">,</span> <span class="s2">&quot;sun&quot;</span><span 
class="p">))</span></code></pre></figure>
+
+
+    </div>
+</div>
+
+<p><img 
src="/docs/0.8.0/assets/themes/zeppelin/img/screenshots/form_input_default_prog.png"
 /></p>
+
+<h3>Select form</h3>
+
+<div class="codetabs">
+    <div data-lang="scala" markdown="1">
+
+
+<figure class="highlight"><pre><code class="language-scala" 
data-lang="scala"><span></span><span class="o">%</span><span 
class="n">spark</span>
+<span class="n">println</span><span class="o">(</span><span 
class="s">&quot;Hello &quot;</span><span class="o">+</span><span 
class="n">z</span><span class="o">.</span><span class="n">select</span><span 
class="o">(</span><span class="s">&quot;day&quot;</span><span 
class="o">,</span> <span class="nc">Seq</span><span class="o">((</span><span 
class="s">&quot;1&quot;</span><span class="o">,</span><span 
class="s">&quot;mon&quot;</span><span class="o">),</span>
+                                    <span class="o">(</span><span 
class="s">&quot;2&quot;</span><span class="o">,</span><span 
class="s">&quot;tue&quot;</span><span class="o">),</span>
+                                    <span class="o">(</span><span 
class="s">&quot;3&quot;</span><span class="o">,</span><span 
class="s">&quot;wed&quot;</span><span class="o">),</span>
+                                    <span class="o">(</span><span 
class="s">&quot;4&quot;</span><span class="o">,</span><span 
class="s">&quot;thurs&quot;</span><span class="o">),</span>
+                                    <span class="o">(</span><span 
class="s">&quot;5&quot;</span><span class="o">,</span><span 
class="s">&quot;fri&quot;</span><span class="o">),</span>
+                                    <span class="o">(</span><span 
class="s">&quot;6&quot;</span><span class="o">,</span><span 
class="s">&quot;sat&quot;</span><span class="o">),</span>
+                                    <span class="o">(</span><span 
class="s">&quot;7&quot;</span><span class="o">,</span><span 
class="s">&quot;sun&quot;</span><span 
class="o">))))</span></code></pre></figure>
+
+
+    </div>
+    <div data-lang="python" markdown="1">
+
+
+<figure class="highlight"><pre><code class="language-python" 
data-lang="python"><span></span><span class="o">%</span><span 
class="n">pyspark</span>
+<span class="k">print</span><span class="p">(</span><span 
class="s2">&quot;Hello &quot;</span><span class="o">+</span><span 
class="n">z</span><span class="o">.</span><span class="n">select</span><span 
class="p">(</span><span class="s2">&quot;day&quot;</span><span 
class="p">,</span> <span class="p">[(</span><span 
class="s2">&quot;1&quot;</span><span class="p">,</span><span 
class="s2">&quot;mon&quot;</span><span class="p">),</span>
+                                <span class="p">(</span><span 
class="s2">&quot;2&quot;</span><span class="p">,</span><span 
class="s2">&quot;tue&quot;</span><span class="p">),</span>
+                                <span class="p">(</span><span 
class="s2">&quot;3&quot;</span><span class="p">,</span><span 
class="s2">&quot;wed&quot;</span><span class="p">),</span>
+                                <span class="p">(</span><span 
class="s2">&quot;4&quot;</span><span class="p">,</span><span 
class="s2">&quot;thurs&quot;</span><span class="p">),</span>
+                                <span class="p">(</span><span 
class="s2">&quot;5&quot;</span><span class="p">,</span><span 
class="s2">&quot;fri&quot;</span><span class="p">),</span>
+                                <span class="p">(</span><span 
class="s2">&quot;6&quot;</span><span class="p">,</span><span 
class="s2">&quot;sat&quot;</span><span class="p">),</span>
+                                <span class="p">(</span><span 
class="s2">&quot;7&quot;</span><span class="p">,</span><span 
class="s2">&quot;sun&quot;</span><span 
class="p">)]))</span></code></pre></figure>
+
+
+    </div>
+</div>
+
+<p><img 
src="/docs/0.8.0/assets/themes/zeppelin/img/screenshots/form_select_prog.png" 
/></p>
+
+<h4>Checkbox form</h4>
+
+<div class="codetabs">
+    <div data-lang="scala" markdown="1">
+
+
+<figure class="highlight"><pre><code class="language-scala" 
data-lang="scala"><span></span><span class="o">%</span><span 
class="n">spark</span>
+<span class="k">val</span> <span class="n">options</span> <span 
class="k">=</span> <span class="nc">Seq</span><span class="o">((</span><span 
class="s">&quot;apple&quot;</span><span class="o">,</span><span 
class="s">&quot;Apple&quot;</span><span class="o">),</span> <span 
class="o">(</span><span class="s">&quot;banana&quot;</span><span 
class="o">,</span><span class="s">&quot;Banana&quot;</span><span 
class="o">),</span> <span class="o">(</span><span 
class="s">&quot;orange&quot;</span><span class="o">,</span><span 
class="s">&quot;Orange&quot;</span><span class="o">))</span>
+<span class="n">println</span><span class="o">(</span><span 
class="s">&quot;Hello &quot;</span><span class="o">+</span><span 
class="n">z</span><span class="o">.</span><span class="n">checkbox</span><span 
class="o">(</span><span class="s">&quot;fruit&quot;</span><span 
class="o">,</span> <span class="n">options</span><span class="o">).</span><span 
class="n">mkString</span><span class="o">(</span><span class="s">&quot; and 
&quot;</span><span class="o">))</span></code></pre></figure>
+
+
+    </div>
+    <div data-lang="python" markdown="1">
+
+
+<figure class="highlight"><pre><code class="language-python" 
data-lang="python"><span></span><span class="o">%</span><span 
class="n">pyspark</span>
+<span class="n">options</span> <span class="o">=</span> <span 
class="p">[(</span><span class="s2">&quot;apple&quot;</span><span 
class="p">,</span><span class="s2">&quot;Apple&quot;</span><span 
class="p">),</span> <span class="p">(</span><span 
class="s2">&quot;banana&quot;</span><span class="p">,</span><span 
class="s2">&quot;Banana&quot;</span><span class="p">),</span> <span 
class="p">(</span><span class="s2">&quot;orange&quot;</span><span 
class="p">,</span><span class="s2">&quot;Orange&quot;</span><span 
class="p">)]</span>
+<span class="k">print</span><span class="p">(</span><span 
class="s2">&quot;Hello &quot;</span><span class="o">+</span> <span 
class="s2">&quot; and &quot;</span><span class="o">.</span><span 
class="n">join</span><span class="p">(</span><span class="n">z</span><span 
class="o">.</span><span class="n">checkbox</span><span class="p">(</span><span 
class="s2">&quot;fruit&quot;</span><span class="p">,</span> <span 
class="n">options</span><span class="p">,</span> <span class="p">[</span><span 
class="s2">&quot;apple&quot;</span><span 
class="p">])))</span></code></pre></figure>
+
+
+    </div>
+</div>
+
+<p><img 
src="/docs/0.8.0/assets/themes/zeppelin/img/screenshots/form_checkbox_prog.png" 
/></p>
+
+<h2>Creates Programmatically (scope: note)</h2>
+
+<p>The difference in the method names:</p>
+
+<table class="table-configuration">
+  <tr>
+    <th>Scope paragraph</th>
+    <th>Scope note</th>
+  </tr>
+  <tr>
+    <td>input (or textbox)</td>
+    <td>noteTextbox</td>
+  </tr>
+  <tr>
+    <td>select</td>
+    <td>noteSelect</td>
+  </tr>
+  <tr>
+    <td>checkbox</td>
+    <td>noteCheckbox</td>
+  </tr>
+</table>
+
+  </div>
+</div>
+
+
+      <hr>
+      <footer>
+        <!-- <p>&copy; 2019 The Apache Software Foundation</p>-->
+      </footer>
+    </div>
+
+    
+
+
+  <script type="text/javascript">
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new 
Date();a=s.createElement(o),
+  
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-45176241-5', 'zeppelin.apache.org');
+  ga('require', 'linkid', 'linkid.js');
+  ga('send', 'pageview');
+
+</script>
+
+
+
+  </body>
+</html>
+

Propchange: zeppelin/site/docs/0.8.2/usage/dynamic_form/intro.html
------------------------------------------------------------------------------
    svn:executable = *

Added: zeppelin/site/docs/0.8.2/usage/interpreter/dependency_management.html
URL: 
http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.2/usage/interpreter/dependency_management.html?rev=1867691&view=auto
==============================================================================
--- zeppelin/site/docs/0.8.2/usage/interpreter/dependency_management.html 
(added)
+++ zeppelin/site/docs/0.8.2/usage/interpreter/dependency_management.html Sun 
Sep 29 07:08:10 2019
@@ -0,0 +1,344 @@
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Apache Zeppelin 0.8.0 Documentation: Dependency Management for 
Interpreter</title>
+    <meta name="description" content="Include external libraries to Apache 
Spark Interpreter by setting dependencies in interpreter menu.">
+    <meta name="author" content="The Apache Software Foundation">
+
+    <!-- Enable responsive viewport -->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
+    <!--[if lt IE 9]>
+    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js";></script>
+    <![endif]-->
+
+    <link 
href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" 
rel="stylesheet">
+
+    <!-- Le styles -->
+    <link href="/docs/0.8.0/assets/themes//bootstrap/css/bootstrap.css" 
rel="stylesheet">
+    <link href="/docs/0.8.0/assets/themes//css/style.css?body=1" 
rel="stylesheet" type="text/css">
+    <link href="/docs/0.8.0/assets/themes//css/syntax.css" rel="stylesheet"  
type="text/css" media="screen" /> 
+    <!-- Le fav and touch icons -->
+    <!-- Update these with your own images
+    <link rel="shortcut icon" href="images/favicon.ico">
+    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
+    <link rel="apple-touch-icon" sizes="72x72" 
href="images/apple-touch-icon-72x72.png">
+    <link rel="apple-touch-icon" sizes="114x114" 
href="images/apple-touch-icon-114x114.png">
+    -->
+
+    <!-- Js -->
+    <script src="https://code.jquery.com/jquery-1.10.2.min.js";></script>
+    <script 
src="/docs/0.8.0/assets/themes//bootstrap/js/bootstrap.min.js"></script>
+    <script src="/docs/0.8.0/assets/themes//js/docs.js"></script>
+    <script src="/docs/0.8.0/assets/themes//js/anchor.min.js"></script>
+    <script src="/docs/0.8.0/assets/themes//js/toc.js"></script>
+    <script src="/docs/0.8.0/assets/themes//js/lunr.min.js"></script>
+    <script src="/docs/0.8.0/assets/themes//js/search.js"></script>    
+
+    <!-- atom & rss feed -->
+    <link href="/docs/0.8.0/atom.xml" type="application/atom+xml" 
rel="alternate" title="Sitewide ATOM Feed">
+    <link href="/docs/0.8.0/rss.xml" type="application/rss+xml" 
rel="alternate" title="Sitewide RSS Feed">
+  </head>
+
+  <body>
+    
+        <div id="menu" class="navbar navbar-inverse navbar-fixed-top" 
role="navigation">
+      <div class="container navbar-container">
+        <div class="navbar-header">
+          <button type="button" class="navbar-toggle" data-toggle="collapse" 
data-target=".navbar-collapse">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+          <div class="navbar-brand">
+            <a class="navbar-brand-main" href="http://zeppelin.apache.org";>
+              <img 
src="/docs/0.8.0/assets/themes/zeppelin/img/zeppelin_logo.png" width="50"
+                   style="margin-top: -2px;" alt="I'm zeppelin">
+              <span style="margin-left: 5px; font-size: 27px;">Zeppelin</span>
+              <a class="navbar-brand-version" href="/docs/0.8.0"
+                 style="font-size: 15px; color: white;"> 0.8.0
+              </a>
+            </a>
+          </div>
+        </div>
+        <nav class="navbar-collapse collapse" role="navigation">
+          <ul class="nav navbar-nav">
+            <li>
+              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Quick 
Start <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li class="title"><span>Getting Started</span></li>
+                <li><a 
href="/docs/0.8.0/quickstart/install.html">Install</a></li>
+                <li><a href="/docs/0.8.0/quickstart/explore_ui.html">Explore 
UI</a></li>
+                <li><a 
href="/docs/0.8.0/quickstart/tutorial.html">Tutorial</a></li>
+                <li role="separator" class="divider"></li>
+                <li><a 
href="/docs/0.8.0/quickstart/spark_with_zeppelin.html">Spark with 
Zeppelin</a></li>
+                <li><a 
href="/docs/0.8.0/quickstart/sql_with_zeppelin.html">SQL with Zeppelin</a></li>
+                <li><a 
href="/docs/0.8.0/quickstart/python_with_zeppelin.html">Python with 
Zeppelin</a></li>
+              </ul>
+            </li>
+
+            <li>
+              <a href="#" data-toggle="dropdown" 
class="dropdown-toggle">Usage<b class="caret"></b></a>
+              <ul class="dropdown-menu scrollable-menu">
+                <li class="title"><span>Dynamic Form</span></li>
+                <li><a href="/docs/0.8.0/usage/dynamic_form/intro.html">What 
is Dynamic Form?</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>Display System</span></li>
+                <li><a 
href="/docs/0.8.0/usage/display_system/basic.html#text">Text Display</a></li>
+                <li><a 
href="/docs/0.8.0/usage/display_system/basic.html#html">HTML Display</a></li>
+                <li><a 
href="/docs/0.8.0/usage/display_system/basic.html#table">Table Display</a></li>
+                <li><a 
href="/docs/0.8.0/usage/display_system/basic.html#network">Network 
Display</a></li>
+                <li><a 
href="/docs/0.8.0/usage/display_system/angular_backend.html">Angular Display 
using Backend API</a></li>
+                <li><a 
href="/docs/0.8.0/usage/display_system/angular_frontend.html">Angular Display 
using Frontend API</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>Interpreter</span></li>
+                <li><a 
href="/docs/0.8.0/usage/interpreter/overview.html">Overview</a></li>
+                <li><a 
href="/docs/0.8.0/usage/interpreter/interpreter_binding_mode.html">Interpreter 
Binding Mode</a></li>
+                <li><a 
href="/docs/0.8.0/usage/interpreter/user_impersonation.html">User 
Impersonation</a></li>
+                <li><a 
href="/docs/0.8.0/usage/interpreter/dependency_management.html">Dependency 
Management</a></li>
+                <li><a 
href="/docs/0.8.0/usage/interpreter/installation.html">Installing 
Interpreters</a></li>
+                <!--<li><a 
href="/docs/0.8.0/usage/interpreter/dynamic_loading.html">Dynamic Interpreter 
Loading (Experimental)</a></li>-->
+                <li><a 
href="/docs/0.8.0/usage/interpreter/execution_hooks.html">Execution Hooks 
(Experimental)</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>Other Features</span></li>
+                <li><a 
href="/docs/0.8.0/usage/other_features/publishing_paragraphs.html">Publishing 
Paragraphs</a></li>
+                <li><a 
href="/docs/0.8.0/usage/other_features/personalized_mode.html">Personalized 
Mode</a></li>
+                <li><a 
href="/docs/0.8.0/usage/other_features/customizing_homepage.html">Customizing 
Zeppelin Homepage</a></li>
+                <li><a 
href="/docs/0.8.0/usage/other_features/notebook_actions.html">Notebook 
Actions</a></li>
+                <li><a 
href="/docs/0.8.0/usage/other_features/cron_scheduler.html">Cron 
Scheduler</a></li>
+                <li><a 
href="/docs/0.8.0/usage/other_features/zeppelin_context.html">Zeppelin 
Context</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>REST API</span></li>
+                <li><a 
href="/docs/0.8.0/usage/rest_api/interpreter.html">Interpreter API</a></li>
+                <li><a 
href="/docs/0.8.0/usage/rest_api/zeppelin_server.html">Zeppelin Server 
API</a></li>
+                <li><a 
href="/docs/0.8.0/usage/rest_api/notebook.html">Notebook API</a></li>
+                <li><a 
href="/docs/0.8.0/usage/rest_api/notebook_repository.html">Notebook Repository 
API</a></li>
+                <li><a 
href="/docs/0.8.0/usage/rest_api/configuration.html">Configuration API</a></li>
+                <li><a 
href="/docs/0.8.0/usage/rest_api/credential.html">Credential API</a></li>
+                <li><a href="/docs/0.8.0/usage/rest_api/helium.html">Helium 
API</a></li>
+              </ul>
+            </li>
+
+            <li>
+              <a href="#" data-toggle="dropdown" 
class="dropdown-toggle">Setup<b class="caret"></b></a>
+              <ul class="dropdown-menu scrollable-menu">
+                <li class="title"><span>Basics</span></li>
+                <li><a href="/docs/0.8.0/setup/basics/how_to_build.html">How 
to Build Zeppelin</a></li>
+                <li><a 
href="/docs/0.8.0/setup/basics/multi_user_support.html">Multi-user 
Support</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>Deployment</span></li>
+                <!--<li><a 
href="/docs/0.8.0/setup/deployment/docker.html">Docker Image for 
Zeppelin</a></li>-->
+                <li><a 
href="/docs/0.8.0/setup/deployment/spark_cluster_mode.html#spark-standalone-mode">Spark
 Cluster Mode: Standalone</a></li>
+                <li><a 
href="/docs/0.8.0/setup/deployment/spark_cluster_mode.html#spark-on-yarn-mode">Spark
 Cluster Mode: YARN</a></li>
+                <li><a 
href="/docs/0.8.0/setup/deployment/spark_cluster_mode.html#spark-on-mesos-mode">Spark
 Cluster Mode: Mesos</a></li>
+                <li><a 
href="/docs/0.8.0/setup/deployment/flink_and_spark_cluster.html">Zeppelin with 
Flink, Spark Cluster</a></li>
+                <li><a href="/docs/0.8.0/setup/deployment/cdh.html">Zeppelin 
on CDH</a></li>
+                <li><a 
href="/docs/0.8.0/setup/deployment/virtual_machine.html">Zeppelin on VM: 
Vagrant</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>Security</span></li>
+                <li><a 
href="/docs/0.8.0/setup/security/authentication_nginx.html">HTTP Basic Auth 
using NGINX</a></li>
+                <li><a 
href="/docs/0.8.0/setup/security/shiro_authentication.html">Shiro 
Authentication</a></li>
+                <li><a 
href="/docs/0.8.0/setup/security/notebook_authorization.html">Notebook 
Authorization</a></li>
+                <li><a 
href="/docs/0.8.0/setup/security/datasource_authorization.html">Data Source 
Authorization</a></li>
+                <li><a 
href="/docs/0.8.0/setup/security/http_security_headers.html">HTTP Security 
Headers</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>Notebook Storage</span></li>
+                <li><a 
href="/docs/0.8.0/setup/storage/storage.html#notebook-storage-in-local-git-repository">Git
 Storage</a></li>
+                <li><a 
href="/docs/0.8.0/setup/storage/storage.html#notebook-storage-in-s3">S3 
Storage</a></li>
+                <li><a 
href="/docs/0.8.0/setup/storage/storage.html#notebook-storage-in-azure">Azure 
Storage</a></li>
+                <li><a 
href="/docs/0.8.0/setup/storage/storage.html#notebook-storage-in-zeppelinhub">ZeppelinHub
 Storage</a></li>
+                <li><a 
href="/docs/0.8.0/setup/storage/storage.html#notebook-storage-in-mongodb">MongoDB
 Storage</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>Operation</span></li>
+                <li><a 
href="/docs/0.8.0/setup/operation/configuration.html">Configuration</a></li>
+                <li><a 
href="/docs/0.8.0/setup/operation/proxy_setting.html">Proxy Setting</a></li>
+                <li><a 
href="/docs/0.8.0/setup/operation/upgrading.html">Upgrading</a></li>
+                <li><a 
href="/docs/0.8.0/setup/operation/trouble_shooting.html">Trouble 
Shooting</a></li>
+              </ul>
+            </li>
+
+            <li>
+              <a href="#" data-toggle="dropdown" 
class="dropdown-toggle">Interpreter <b class="caret"></b></a>
+              <ul class="dropdown-menu scrollable-menu">
+                <li class="title"><span>Interpreters</span></li>
+                <li><a 
href="/docs/0.8.0/usage/interpreter/overview.html">Overview</a></li>
+                <li role="separator" class="divider"></li>
+                <li><a href="/docs/0.8.0/interpreter/spark.html">Spark</a></li>
+                <li><a href="/docs/0.8.0/interpreter/jdbc.html">JDBC</a></li>
+                <li><a 
href="/docs/0.8.0/interpreter/python.html">Python</a></li>
+                <li role="separator" class="divider"></li>
+                <li><a 
href="/docs/0.8.0/interpreter/alluxio.html">Alluxio</a></li>
+                <li><a href="/docs/0.8.0/interpreter/beam.html">Beam</a></li>
+                <li><a 
href="/docs/0.8.0/interpreter/bigquery.html">BigQuery</a></li>
+                <li><a 
href="/docs/0.8.0/interpreter/cassandra.html">Cassandra</a></li>
+                <li><a 
href="/docs/0.8.0/interpreter/elasticsearch.html">Elasticsearch</a></li>
+                <li><a href="/docs/0.8.0/interpreter/flink.html">Flink</a></li>
+                <li><a href="/docs/0.8.0/interpreter/geode.html">Geode</a></li>
+                <li><a 
href="/docs/0.8.0/interpreter/groovy.html">Groovy</a></li>
+                <li><a href="/docs/0.8.0/interpreter/hbase.html">HBase</a></li>
+                <li><a href="/docs/0.8.0/interpreter/hdfs.html">HDFS</a></li>
+                <li><a href="/docs/0.8.0/interpreter/hive.html">Hive</a></li>
+                <li><a 
href="/docs/0.8.0/interpreter/ignite.html">Ignite</a></li>
+                <li><a href="/docs/0.8.0/interpreter/kylin.html">Kylin</a></li>
+                <li><a href="/docs/0.8.0/interpreter/lens.html">Lens</a></li>
+                <li><a href="/docs/0.8.0/interpreter/livy.html">Livy</a></li>
+                <li><a 
href="/docs/0.8.0/interpreter/markdown.html">Markdown</a></li>
+                <li><a href="/docs/0.8.0/interpreter/neo4j.html">Neo4j</a></li>
+                <li><a href="/docs/0.8.0/interpreter/pig.html">Pig</a></li>
+                <li><a 
href="/docs/0.8.0/interpreter/postgresql.html">Postgresql, HAWQ</a></li>
+                <li><a href="/docs/0.8.0/interpreter/r.html">R</a></li>
+                <li><a 
href="/docs/0.8.0/interpreter/scalding.html">Scalding</a></li>
+                <li><a href="/docs/0.8.0/interpreter/scio.html">Scio</a></li>
+                <li><a href="/docs/0.8.0/interpreter/shell.html">Shell</a></li>
+              </ul>
+            </li>
+            <li>
+              <a href="#" data-toggle="dropdown" 
class="dropdown-toggle">More<b class="caret"></b></a>
+              <ul class="dropdown-menu scrollable-menu" style="right: 0; left: 
auto;">
+                <li class="title"><span>Extending Zeppelin</span></li>
+                <li><a 
href="/docs/0.8.0/development/writing_zeppelin_interpreter.html">Writing 
Zeppelin Interpreter</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>Helium (Experimental)</span></li>
+                <li><a 
href="/docs/0.8.0/development/helium/overview.html">Overview</a></li>
+                <li><a 
href="/docs/0.8.0/development/helium/writing_application.html">Writing Helium 
Application</a></li>
+                <li><a 
href="/docs/0.8.0/development/helium/writing_spell.html">Writing Helium 
Spell</a></li>
+                <li><a 
href="/docs/0.8.0/development/helium/writing_visualization_basic.html">Writing 
Helium Visualization: Basics</a></li>
+                <li><a 
href="/docs/0.8.0/development/helium/writing_visualization_transformation.html">Writing
 Helium Visualization: Transformation</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>Contributing to Zeppelin</span></li>
+                <li><a href="/docs/0.8.0/setup/basics/how_to_build.html">How 
to Build Zeppelin</a></li>
+                <li><a 
href="/docs/0.8.0/development/contribution/useful_developer_tools.html">Useful 
Developer Tools</a></li>
+                <li><a 
href="/docs/0.8.0/development/contribution/how_to_contribute_code.html">How to 
Contribute (code)</a></li>
+                <li><a 
href="/docs/0.8.0/development/contribution/how_to_contribute_website.html">How 
to Contribute (website)</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span>External Resources</span></li>
+                <li><a target="_blank" href="">Mailing List</a></li>
+                <li><a target="_blank" href="">Apache Zeppelin Wiki</a></li>
+                <li><a target="_blank" href="">Stackoverflow Questions about 
Zeppelin</a></li>
+              </ul>
+            </li>
+            <li>
+              <a href="/docs/0.8.0/search.html" class="nav-search-link">
+                <span class="fa fa-search nav-search-icon"></span>
+              </a>
+            </li>
+          </ul>
+        </nav><!--/.navbar-collapse -->
+      </div>
+    </div>
+
+
+
+    <div class="content">
+      
+<!--<div class="hero-unit Dependency Management for Interpreter">
+  <h1></h1>
+</div>
+-->
+
+<div class="row">
+  <div class="col-md-12">
+    <!--
+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.
+-->
+
+<h2>Dependency Management for Interpreter</h2>
+
+<p>You can include external libraries to interpreter by setting dependencies 
in interpreter menu.</p>
+
+<p>When your code requires external library, instead of doing 
download/copy/restart Zeppelin, you can easily do following jobs in this 
menu.</p>
+
+<ul>
+<li>Load libraries recursively from Maven repository</li>
+<li>Load libraries from local filesystem</li>
+<li>Add additional maven repository</li>
+<li>Automatically add libraries to SparkCluster</li>
+</ul>
+
+<p><hr>
+<div class="row">
+  <div class="col-md-6">
+    <a data-lightbox="compiler" 
href="/docs/0.8.0/assets/themes/zeppelin/img/docs-img/interpreter-dependency-loading.png">
+      <img class="img-responsive" 
src="/docs/0.8.0/assets/themes/zeppelin/img/docs-img/interpreter-dependency-loading.png"
 />
+    </a>
+  </div>
+  <div class="col-md-6" style="padding-top:30px">
+    <b> Load Dependencies to Interpreter </b>
+    <br /><br />
+    <ol>
+      <li> Click &#39;Interpreter&#39; menu in navigation bar. </li>
+      <li> Click &#39;edit&#39; button of the interpreter which you want to 
load dependencies to. </li>
+      <li> Fill artifact and exclude field to your needs.
+           You can enter not only groupId:artifactId:version but also local 
file in artifact field. </li>
+      <li> Press &#39;Save&#39; to restart the interpreter with loaded 
libraries. </li>
+    </ol>
+  </div>
+</div>
+<hr>
+<div class="row">
+  <div class="col-md-6">
+    <a data-lightbox="compiler" 
href="/docs/0.8.0/assets/themes/zeppelin/img/docs-img/interpreter-add-repo1.png">
+      <img class="img-responsive" 
src="/docs/0.8.0/assets/themes/zeppelin/img/docs-img/interpreter-add-repo1.png" 
/>
+    </a>
+    <a data-lightbox="compiler" 
href="/docs/0.8.0/assets/themes/zeppelin/img/docs-img/interpreter-add-repo2.png">
+      <img class="img-responsive" 
src="/docs/0.8.0/assets/themes/zeppelin/img/docs-img/interpreter-add-repo2.png" 
/>
+    </a>
+  </div>
+  <div class="col-md-6" style="padding-top:30px">
+    <b> Add repository for dependency resolving </b>
+    <br /><br />
+    <ol>
+      <li> Press <i class="fa fa-cog"></i> icon in &#39;Interpreter&#39; menu 
on the top right side.
+           It will show you available repository lists.</li>
+      <li> If you need to resolve dependencies from other than central maven 
repository or
+       local ~/.m2 repository, hit <i class="fa fa-plus"></i> icon next to 
repository lists. </li>
+      <li> Fill out the form and click &#39;Add&#39; button, then you will be 
able to see that new repository is added. </li>
+      <li> Optionally, if you are behind a corporate firewall, you can specify 
also all proxy settings so that Zeppelin can download the dependencies using 
the given credentials</li>
+    </ol>
+  </div>
+</div></p>
+
+  </div>
+</div>
+
+
+      <hr>
+      <footer>
+        <!-- <p>&copy; 2019 The Apache Software Foundation</p>-->
+      </footer>
+    </div>
+
+    
+
+
+  <script type="text/javascript">
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new 
Date();a=s.createElement(o),
+  
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-45176241-5', 'zeppelin.apache.org');
+  ga('require', 'linkid', 'linkid.js');
+  ga('send', 'pageview');
+
+</script>
+
+
+
+  </body>
+</html>
+

Propchange: 
zeppelin/site/docs/0.8.2/usage/interpreter/dependency_management.html
------------------------------------------------------------------------------
    svn:executable = *


Reply via email to