AnyChart JavaScript Gantt Chart lets you attach start and end markers to timeline elements, visually emphasizing the boundaries of each schedule period.
This sample creates a resource Gantt chart with custom data-grid columns for project number and project title. Timeline periods are set to a slim 5-pixel height, and start markers (navy triangles) and end markers (red squares with centered anchors) are enabled on every period. Mouse-wheel zoom is turned on for interactive navigation. The chart uses fitAll to display the complete timeline with all markers visible.
See the Gantt Chart documentation for all configuration options.