shreya-mishra
commented
1 year ago Discussion1 with @ankushdharkar on Aug-25
-
UI : https://dribbble.com/shots/14002364-Timeline-interactions
-
Can also use any plugin to show/visualise the subtasks rate so that we know if they will be able to complete the task on time.
Abstract This RFC proposes an enhancement to our existing status site by introducing a chart visualization(can be a Gantt chart) to represent task dependencies. The chart will offer a comprehensive and visual depiction of task timelines, interdependencies, and their statuses, empowering more precise and effective task management.
Motivation Our current status site provides valuable information about task details which also contain dependencies. However, visualizing these dependencies is essential for a deeper understanding of the project's progress. By implementing a chart, we aim to provide a clear and comprehensive view of task relationships, enabling teams to make informed decisions and prioritize tasks more efficiently.
Proposed Implementation The enhancement of our status site with a chart visualization can be approached as follows:
Data Model Augmentation: Extend the existing task data model to incorporate the necessary attributes for chart representation, such as task start date, end date, and dependency details.
Frontend Integration: Revise the frontend interface to seamlessly integrate the chart view. Enhance task creation and editing forms to capture task timelines, dependencies, and other relevant information.
Chart Library Selection: Evaluate and select a Gantt chart library or have to create one that aligns with our technology stack and requirements.
Backend Enhancements: Update backend API endpoints to handle chart data, including fetching task timelines, statuses, and dependencies in a format compatible with the chosen chart library.
User Interaction and Features: Enable users to interact with the chart by adjusting task timelines, establishing new dependencies, and visualizing the impact of changes on overall project scheduling.
Testing and Quality Assurance: Conduct rigorous testing across various browsers and devices to ensure optimal performance and responsiveness of the chart. Address any identified issues or bugs.
Comprehensive Documentation: Provide detailed documentation explaining how to leverage the chart feature effectively. Cover topics such as task dependency setup, chart customization, and troubleshooting.
Open Questions
How should we visualize the dependencies in the chart? (e.g., arrows, connecting lines)
Should the chart allow users to view the critical path and identify potential bottlenecks?
How can circular dependencies be detected and prevented when creating or modifying task dependencies?
Design example: https://dribbble.com/shots/14002364-Timeline-interactions