docs-archive/apache-airflow/1.10.2/ui.html

<!DOCTYPE html>   <html class="no-js" lang="en" >  <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>  <script> var _paq = window._paq = window._paq || []; _paq.push(['disableCookies']); _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://analytics.apache.org/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '13']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script>  <link rel="canonical" href="https://airflow.apache.org/docs/apache-airflow/stable/ui.html" /> </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>

docs-archive/apache-airflow/1.10.2/ui.html (211 lines of code) (raw):