"byType": { "Project": [ { "OpportunityID": 1, "OpportunityTitle": "Website Creation", "displayName": "Piramal Foundation", "EstimatedProjectValue": "400000", "EstimatedMonthlyValue": "", "EstimatedDurationName": "5 Months", "startDate": "2025-05-25T18:30:00.000Z", "EndTime": "2025-10-23T18:30:00.000Z", "EstimatedConversionDate": "2025-09-24T18:30:00.000Z", "OpportunityStageName": "In Discussion", "OpportunityPriorityName": "Very High", "ConversationStatusName": null, "Status": "In Progress", "milestones": { "completed": [ { "id": 1, "description": "Design", "percentage": 40, "estimateDate": "2025-05-23T06:48:55.423" }, { "id": 2, "description": "Development", "percentage": 50, "estimateDate": "2025-05-23T06:48:55.423" }, { "id": 3, "description": "Handover", "percentage": 5, "estimateDate": "2025-05-23T06:49:38.023" }, { "id": 7, "description": "test2", "percentage": 1, "estimateDate": "2025-05-23T14:02:25.097" } ], "inProgress": [ { "id": 5, "description": "Testing", "percentage": 4, "estimateDate": "2025-05-23T07:55:17.230" }, { "id": 6, "description": "Page Speed", "percentage": 0, "estimateDate": "2025-05-23T13:55:47.220" }, { "id": 8, "description": "hey", "percentage": 0, "estimateDate": "2025-05-23T14:04:26.177" } ], "summary": { "totalMilestones": 7, "completedMilestones": 4, "inProgressMilestones": 3, "totalPercentage": 100, "completedPercentage": 96, "completionRate": "96.00" } } }, { "OpportunityID": 10, "OpportunityTitle": "Dashboard", "displayName": "Sparkt", "EstimatedProjectValue": "100000", "EstimatedMonthlyValue": "", "EstimatedDurationName": "4 Months", "startDate": "2025-06-15T18:30:00.000Z", "EndTime": "2025-10-09T18:30:00.000Z", "EstimatedConversionDate": "2025-08-03T18:30:00.000Z", "OpportunityStageName": "In Discussion", "OpportunityPriorityName": "High", "ConversationStatusName": null, "Status": "In Progress", "milestones": { "completed": [], "inProgress": [ { "id": 16, "description": "Final milestone", "percentage": 50, "estimateDate": "2025-10-14T18:30:00" }, { "id": 17, "description": "1st milestone", "percentage": 50, "estimateDate": "2025-08-11T18:30:00" } ], "summary": { "totalMilestones": 2, "completedMilestones": 0, "inProgressMilestones": 2, "totalPercentage": 100, "completedPercentage": 0, "completionRate": "0.00" } } } ] }
create a gant chart using this data
I'll create a Gantt chart visualization using your project data. This will show the timeline for both projects and their milestones with completion status.
I've created a comprehensive Gantt chart visualization that includes:
The chart provides a clear visual representation of both projects' timelines, their relative progress, and how milestones are distributed across the project duration.
doesnt look like gant chart
You're absolutely right! Let me create a proper Gantt chart that looks like the traditional timeline view with horizontal bars positioned by actual dates.
Now this is a proper Gantt chart! Here's what makes it authentic:
This now looks and functions like a traditional Gantt chart used in project management tools like Microsoft Project or Asana!
fill the space of the milestones and show sperate gant charts for each projects