Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Gant Diagramm

Public visualization

Gant Diagramm

0 stars0🌍 Public
RRoman Polulekh
Last edited Dec 12, 2022
Created on Dec 9, 2022

This Gantt chart visualizes task start and end times over a 24-hour period, with each horizontal bar colored green or red based on task status (Status "1" or "0"). The visualization uses D3.js v7 with SVG rendering, employing `d3.scaleTime` for the time axis, `d3.scaleBand` for task categories, and `d3.axisBottom`/`d3.axisLeft` for axes. Bar positions and widths derive from parsed time strings via `d3.timeParse`, while hover interactions display task details in an HTML tooltip. The data is hardcoded in the script, showing repeated reloads of License and Operations Monitors.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed