| |
| |
| <!DOCTYPE html> |
| <!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> |
| <!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]--> |
| <head> |
| <meta charset="utf-8"> |
| |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| |
| <title>UI / Screenshots — Airflow Documentation</title> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <link rel="stylesheet" href="_static/css/theme.css" type="text/css" /> |
| <link rel="stylesheet" href="_static/pygments.css" type="text/css" /> |
| <link rel="index" title="Index" href="genindex.html" /> |
| <link rel="search" title="Search" href="search.html" /> |
| <link rel="next" title="Concepts" href="concepts.html" /> |
| <link rel="prev" title="Checking Airflow Health Status" href="howto/check-health.html" /> |
| |
| |
| <script src="_static/js/modernizr.min.js"></script> |
| |
| </head> |
| |
| <body class="wy-body-for-nav"> |
| |
| |
| <div class="wy-grid-for-nav"> |
| |
| |
| <nav data-toggle="wy-nav-shift" class="wy-nav-side"> |
| <div class="wy-side-scroll"> |
| <div class="wy-side-nav-search"> |
| |
| |
| |
| <a href="index.html" class="icon icon-home"> Airflow |
| |
| |
| |
| </a> |
| |
| |
| |
| |
| <div class="version"> |
| 1.10.2 |
| </div> |
| |
| |
| |
| |
| <div role="search"> |
| <form id="rtd-search-form" class="wy-form" action="search.html" method="get"> |
| <input type="text" name="q" placeholder="Search docs" /> |
| <input type="hidden" name="check_keywords" value="yes" /> |
| <input type="hidden" name="area" value="default" /> |
| </form> |
| </div> |
| |
| |
| </div> |
| |
| <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> |
| |
| |
| |
| |
| |
| |
| <ul class="current"> |
| <li class="toctree-l1"><a class="reference internal" href="project.html">Project</a></li> |
| <li class="toctree-l1"><a class="reference internal" href="license.html">License</a></li> |
| <li class="toctree-l1"><a class="reference internal" href="start.html">Quick Start</a></li> |
| <li class="toctree-l1"><a class="reference internal" href="installation.html">Installation</a></li> |
| <li class="toctree-l1"><a class="reference internal" href="tutorial.html">Tutorial</a></li> |
| <li class="toctree-l1"><a class="reference internal" href="howto/index.html">How-to Guides</a></li> |
| <li class="toctree-l1 current"><a class="current reference internal" href="#">UI / Screenshots</a><ul> |
| <li class="toctree-l2"><a class="reference internal" href="#dags-view">DAGs View</a></li> |
| <li class="toctree-l2"><a class="reference internal" href="#tree-view">Tree View</a></li> |
| <li class="toctree-l2"><a class="reference internal" href="#graph-view">Graph View</a></li> |
| <li class="toctree-l2"><a class="reference internal" href="#variable-view">Variable View</a></li> |
| <li class="toctree-l2"><a class="reference internal" href="#gantt-chart">Gantt Chart</a></li> |
| <li class="toctree-l2"><a class="reference internal" href="#task-duration">Task Duration</a></li> |
| <li class="toctree-l2"><a class="reference internal" href="#code-view">Code View</a></li> |
| <li class="toctree-l2"><a class="reference internal" href="#task-instance-context-menu">Task Instance Context Menu</a></li> |
| </ul> |
| </li> |
| <li class="toctree-l1"><a class="reference internal" href="concepts.html">Concepts</a></li> |
| <li class="toctree-l1"><a class="reference internal" href="profiling.html">Data Profiling</a></li> |
| <li class="toctree-l1"><a class="reference internal" href="cli.html">Command Line Interface</a></li> |
| <li class="toctree-l1"><a class="reference internal" href="scheduler.html">Scheduling & Triggers</a></li> |
| <li class="toctree-l1"><a class="reference internal" href="plugins.html">Plugins</a></li> |
| <li class="toctree-l1"><a class="reference internal" href="security.html">Security</a></li> |
| <li class="toctree-l1"><a class="reference internal" href="timezone.html">Time zones</a></li> |
| <li class="toctree-l1"><a class="reference internal" href="api.html">Experimental Rest API</a></li> |
| <li class="toctree-l1"><a class="reference internal" href="integration.html">Integration</a></li> |
| <li class="toctree-l1"><a class="reference internal" href="metrics.html">Metrics</a></li> |
| <li class="toctree-l1"><a class="reference internal" href="kubernetes.html">Kubernetes</a></li> |
| <li class="toctree-l1"><a class="reference internal" href="lineage.html">Lineage</a></li> |
| <li class="toctree-l1"><a class="reference internal" href="changelog.html">Changelog</a></li> |
| <li class="toctree-l1"><a class="reference internal" href="faq.html">FAQ</a></li> |
| <li class="toctree-l1"><a class="reference internal" href="code.html">API Reference</a></li> |
| </ul> |
| |
| |
| |
| </div> |
| </div> |
| </nav> |
| |
| <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> |
| |
| |
| <nav class="wy-nav-top" aria-label="top navigation"> |
| |
| <i data-toggle="wy-nav-top" class="fa fa-bars"></i> |
| <a href="index.html">Airflow</a> |
| |
| </nav> |
| |
| |
| <div class="wy-nav-content"> |
| |
| <div class="rst-content"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div role="navigation" aria-label="breadcrumbs navigation"> |
| |
| <ul class="wy-breadcrumbs"> |
| |
| <li><a href="index.html">Docs</a> »</li> |
| |
| <li>UI / Screenshots</li> |
| |
| |
| <li class="wy-breadcrumbs-aside"> |
| |
| |
| <a href="_sources/ui.rst.txt" rel="nofollow"> View page source</a> |
| |
| |
| </li> |
| |
| </ul> |
| |
| |
| <hr/> |
| </div> |
| <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article"> |
| <div itemprop="articleBody"> |
| |
| <div class="section" id="ui-screenshots"> |
| <h1>UI / Screenshots<a class="headerlink" href="#ui-screenshots" title="Permalink to this headline">¶</a></h1> |
| <p>The Airflow UI makes it easy to monitor and troubleshoot your data pipelines. |
| Here’s a quick overview of some of the features and visualizations you |
| can find in the Airflow UI.</p> |
| <div class="section" id="dags-view"> |
| <h2>DAGs View<a class="headerlink" href="#dags-view" title="Permalink to this headline">¶</a></h2> |
| <p>List of the DAGs in your environment, and a set of shortcuts to useful pages. |
| You can see exactly how many tasks succeeded, failed, or are currently |
| running at a glance.</p> |
| <hr class="docutils" /> |
| <img alt="_images/dags.png" src="_images/dags.png" /> |
| </div> |
| <hr class="docutils" /> |
| <div class="section" id="tree-view"> |
| <h2>Tree View<a class="headerlink" href="#tree-view" title="Permalink to this headline">¶</a></h2> |
| <p>A tree representation of the DAG that spans across time. If a pipeline is |
| late, you can quickly see where the different steps are and identify |
| the blocking ones.</p> |
| <hr class="docutils" /> |
| <img alt="_images/tree.png" src="_images/tree.png" /> |
| </div> |
| <hr class="docutils" /> |
| <div class="section" id="graph-view"> |
| <h2>Graph View<a class="headerlink" href="#graph-view" title="Permalink to this headline">¶</a></h2> |
| <p>The graph view is perhaps the most comprehensive. Visualize your DAG’s |
| dependencies and their current status for a specific run.</p> |
| <hr class="docutils" /> |
| <img alt="_images/graph.png" src="_images/graph.png" /> |
| </div> |
| <hr class="docutils" /> |
| <div class="section" id="variable-view"> |
| <h2>Variable View<a class="headerlink" href="#variable-view" title="Permalink to this headline">¶</a></h2> |
| <p>The variable view allows you to list, create, edit or delete the key-value pair |
| of a variable used during jobs. Value of a variable will be hidden if the key contains |
| any words in (‘password’, ‘secret’, ‘passwd’, ‘authorization’, ‘api_key’, ‘apikey’, ‘access_token’) |
| by default, but can be configured to show in clear-text.</p> |
| <hr class="docutils" /> |
| <img alt="_images/variable_hidden.png" src="_images/variable_hidden.png" /> |
| </div> |
| <hr class="docutils" /> |
| <div class="section" id="gantt-chart"> |
| <h2>Gantt Chart<a class="headerlink" href="#gantt-chart" title="Permalink to this headline">¶</a></h2> |
| <p>The Gantt chart lets you analyse task duration and overlap. You can quickly |
| identify bottlenecks and where the bulk of the time is spent for specific |
| DAG runs.</p> |
| <hr class="docutils" /> |
| <img alt="_images/gantt.png" src="_images/gantt.png" /> |
| </div> |
| <hr class="docutils" /> |
| <div class="section" id="task-duration"> |
| <h2>Task Duration<a class="headerlink" href="#task-duration" title="Permalink to this headline">¶</a></h2> |
| <p>The duration of your different tasks over the past N runs. This view lets |
| you find outliers and quickly understand where the time is spent in your |
| DAG over many runs.</p> |
| <hr class="docutils" /> |
| <img alt="_images/duration.png" src="_images/duration.png" /> |
| </div> |
| <hr class="docutils" /> |
| <div class="section" id="code-view"> |
| <h2>Code View<a class="headerlink" href="#code-view" title="Permalink to this headline">¶</a></h2> |
| <p>Transparency is everything. While the code for your pipeline is in source |
| control, this is a quick way to get to the code that generates the DAG and |
| provide yet more context.</p> |
| <hr class="docutils" /> |
| <img alt="_images/code.png" src="_images/code.png" /> |
| </div> |
| <hr class="docutils" /> |
| <div class="section" id="task-instance-context-menu"> |
| <h2>Task Instance Context Menu<a class="headerlink" href="#task-instance-context-menu" title="Permalink to this headline">¶</a></h2> |
| <p>From the pages seen above (tree view, graph view, gantt, …), it is always |
| possible to click on a task instance, and get to this rich context menu |
| that can take you to more detailed metadata, and perform some actions.</p> |
| <hr class="docutils" /> |
| <img alt="_images/context.png" src="_images/context.png" /> |
| </div> |
| </div> |
| |
| |
| </div> |
| |
| </div> |
| <footer> |
| |
| <div class="rst-footer-buttons" role="navigation" aria-label="footer navigation"> |
| |
| <a href="concepts.html" class="btn btn-neutral float-right" title="Concepts" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right"></span></a> |
| |
| |
| <a href="howto/check-health.html" class="btn btn-neutral" title="Checking Airflow Health Status" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left"></span> Previous</a> |
| |
| </div> |
| |
| |
| <hr/> |
| |
| <div role="contentinfo"> |
| <p> |
| |
| </p> |
| </div> |
| Built with <a href="http://sphinx-doc.org/">Sphinx</a> using a <a href="https://github.com/rtfd/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. |
| |
| </footer> |
| |
| </div> |
| </div> |
| |
| </section> |
| |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| <script type="text/javascript" id="documentation_options" data-url_root="./" src="_static/documentation_options.js"></script> |
| <script type="text/javascript" src="_static/jquery.js"></script> |
| <script type="text/javascript" src="_static/underscore.js"></script> |
| <script type="text/javascript" src="_static/doctools.js"></script> |
| <script type="text/javascript" src="_static/language_data.js"></script> |
| |
| |
| |
| |
| <script type="text/javascript" src="_static/js/theme.js"></script> |
| |
| <script type="text/javascript"> |
| jQuery(function () { |
| SphinxRtdTheme.Navigation.enable(true); |
| }); |
| </script> |
| |
| </body> |
| </html> |