Last year I was tasked to incorporate several Angular components into an existing ASP.Net application. There was already a messy solution implemented (a gargantuan script which loaded a classic Angular app with all the components, regardless of their relevance to the current page), which, obviously, was a ‘little’ not efficient in terms of speed.
Introduction
- Connect your React components, Angular components, Swift components and Vue.js components to your components in Zeplin. Add Storybook links, Styleguidist links, repository links (GitHub, GitLab, Bitbucket) and any other custom links to your design system documentation. Connecting your first component. Getting started is easy.
- ApacheCN - now loading.
Apache Zeppelin is a web-based notebook that enables interactive data analytics. With Zeppelin, you can make beautiful>InterpreterDescription%spark2Spark interpreter to run Spark 2.x code written in Scala%spark2.sqlSpark SQL interpreter (to execute SQL queries against temporary tables in Spark)%shShell interpreter to run shell commands like move files%angularAngular interpreter to run Angular and HTML code%mdMarkdown for displaying formatted text, links, and images
Note the % at the beginning of each interpreter. Each paragraph needs to start with % followed by the interpreter name. The image below showcases three interpreters, Markdown, Spark and Shell.
To create an interpreter in Zeppelin:
1. Click on anonymous which is located on the right hand side of the Zeppelin Welcome page
2. On the drop down select Interpreter
3. On the right hand corner of the Interpreters page you will see Create, click on it
This will bring up the Create new interpreter option. We will use the shell interpreter as an example.
4. Type sh in the Interpreter Name box
5. Type sh in the Interpreter Group as well
6. Click on Save
Once you are done creating the interpreter you need to bind it to the notebook you will be using it in. The next section will cover how to bind the interpreter into a notebook.
Binding an Interpreter
Zeppelin Angular Core
To bind the interpreter you just created you need to reopen the notebook you want to bind your new interpreter in.
Zeppelin Angular Download
1. Click on the gear at the top right side of your Zeppelin Notebook. Note that when you click on that gear it says Interpreter binding
The settings section appears and you can see your newly created interpreter, in our case the shell interpreter sh.
2. Click on the interpreter and it will change from white to blue.
3. Click on Save
Your new shell interpreter is ready to be put to use.
Exporting a Notebook
To export a notebook that you have been working on you can do so by simply going top of the notebook you are working on.
1. Click the download icon shown in the image below:
![Zeppelin angular core Zeppelin angular core](/uploads/1/3/7/5/137560358/276424977.png)
This will download the notebook as a JSON file into your local computer.
Importing External Libraries
As you explore Zeppelin you will probably want to use one or more external libraries. For example, to run Magellan you need to import its dependencies; you will need to include the Magellan library in your environment. There are three ways to include an external dependency in a Zeppelin notebook:
1.Using the %dep interpreter (Note: This will only work for libraries that are published to Maven.)
2. Using the %spark2 interpreter
3. Using the import statement
Zeppelin Angular
Here is an example that imports the dependency for Magellan using %dep interpreter:
Summary
Congratulations! You now know the basic functionalities of Zeppelin. Now you can create, import, delete and run a Zeppelin Notebook. Additionally, you know how to create and bind an interpreter, export a notebook and import external libraries.
Zeppelin Angular Font
We hope that we’ve got you interested and excited enough to further explore Spark with Zeppelin.Make sure to checkout other tutorials for more in-depth examples of the Spark SQL module, as well as other Spark modules used for Streaming and/or Machine Learning tasks. We also have a very useful Data Science Starter Kit with pre-selected videos, tutorials, and white papers.