[GitHub] [airflow] bbovenzi opened a new pull request #18675: New Tree View

[GitBox]

bbovenzi opened a new pull request #18675:
URL: https://github.com/apache/airflow/pull/18675


   **Problem**
   
   A tree diagram cannot properly represent a graph. This has led to a number 
of issues:
   - users being confused seeing multiple leaves representing the same task
   - displaying task groups has never really worked well #18009, #13242
   - task groups have never had a collapse/expand functionality like graph view 
#16112
   - The long tree names and branches easily leads to a overlapping elements 
#17717
   - It is all built in a hard-to-follow d3 setup that makes maintaining the 
view hard
   
   **Solution**
   
   - Remove the "tree" part of tree view. Show runs and tasks but leave 
dependency lines to the graph view
   - Allow a user to better abstract away parts of their DAGs with Task Groups 
and simplify their workflows
   - Build in a modern technology that we can more easily maintain
   
   **Screenshots**
   
   <img width="1192" alt="Screen Shot 2021-10-01 at 5 16 29 PM" 
src="https://user-images.githubusercontent.com/4600967/135648242-717acc77-a5ab-4bd5-a560-e3199acf74a0.png";>
   
   <img width="788" alt="Screen Shot 2021-10-01 at 5 15 39 PM" 
src="https://user-images.githubusercontent.com/4600967/135648305-5514f9ce-f94b-4744-b5a6-279b039e2c53.png";>
   
   <img width="325" alt="Screen Shot 2021-10-01 at 5 16 48 PM" 
src="https://user-images.githubusercontent.com/4600967/135648325-9ae934c9-361a-4ee9-8186-8914e6064e76.png";>
   
   ![Oct-01-2021 
17-14-42](https://user-images.githubusercontent.com/4600967/135648403-9434f5e3-f642-445c-a843-661e58110f96.gif)
   
   **Features and Benefits**
   
   - Show durations of dag runs to quickly see performance changes #8931
   - Task groups have summaries and can expand/collapse just like the graph view
   - Grid lines and hover effects to see which task you are inspecting
   - Built in React to more easily maintain and can bring over to an eventual 
new Airflow UI in AIP-38
   - Ready to add new features in the roadmap like Dag Versioning or Task 
Mapping
   
   
   Subsequent PRs:
   
   - Add testing of react components in the current UI `/airflow/www`
   - Filter over the state legend to highlight tasks and dag runs like graph 
view
   - More elegantly handle outliers in the Dag Run Duration chart (if it 
normally takes 5 minutes but then a run takes 5 hours the graph won't look 
great)
   - Update the Task Instance and Dag Run Action Modals too
   - More dynamic scrolling around the 100s of dag runs instead of the clunky 
"Update" button
   - Improve render times with Lazy Loading #13066
   
   ---
   **^ Add meaningful description above**
   
   Read the **[Pull Request 
Guidelines](https://github.com/apache/airflow/blob/main/CONTRIBUTING.rst#pull-request-guidelines)**
 for more information.
   In case of fundamental code change, Airflow Improvement Proposal 
([AIP](https://cwiki.apache.org/confluence/display/AIRFLOW/Airflow+Improvements+Proposals))
 is needed.
   In case of a new dependency, check compliance with the [ASF 3rd Party 
License Policy](https://www.apache.org/legal/resolved.html#category-x).
   In case of backwards incompatible changes please leave a note in 
[UPDATING.md](https://github.com/apache/airflow/blob/main/UPDATING.md).
   


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscr...@airflow.apache.org

For queries about this service, please contact Infrastructure at:
us...@infra.apache.org