Problems with rendering the task duration graph in airflow 3

[ArneCa]

Apache Airflow version

Other Airflow 3 version (please specify below)

If "Other Airflow 3 version" selected, which one?

3.1.7

What happened?

The task duration graph in airflow 3 does not render that well in comparison with airflow 2. Can this be solved?

1. Chart size — Airflow 2 renders a large full-width chart; Airflow 3 shows a small card where bars are barely distinguishable
2. Y-axis unit — Airflow 2 uses minutes or hours (9, 12, 15…), Airflow 3 uses HH:MM:SS which is less intuitive at a glance
3. Median total duration line — the blue dashed reference line with a labeled value is completely absent in Airflow 3
4. Legend — explicitly shown in Airflow 2, not present in Airflow 3
5. Information density — in Airflow 2 everything is visible at once; in Airflow 3 you have to hover to see individual values, with no summary statistics shown

This is the UI in airflow 3

this is the same UI in airflow 2

What you think should happen instead?

No response

How to reproduce

Click on a task to see the overall task duration graph.

Operating System

python:3.12.0-slim-bookworm

Versions of Apache Airflow Providers

apache-airflow-providers-microsoft-azure==12.5.0
apache-airflow-providers-databricks==6.5.0
apache-airflow-providers-standard==1.4.1

Deployment

Other

Deployment details

No response

Anything else?

No response

Are you willing to submit PR?

• Yes I am willing to submit a PR!

Code of Conduct

• I agree to follow this project's Code of Conduct

[boring-cyborg]

Thanks for opening your first issue here! Be sure to follow the issue template! If you are willing to raise PR to address this issue please do so, no need to wait for approval.

[tirkarthi]

The charts in all overview pages need a redesign. This was an implementation as per original Airflow 3 prototype designs but can be improved.

cc: @bbovenzi