d3 sankey dark-mode Gantt chart dual-donut infographic

Data visualization infographic titled "Gantt Chart Project" using a PIE / DONUT composition as the dominant visual element to show contrast between project phase allocation and schedule status. Create a large dual-donut layout in the center: left donut for "Project Phase Share" and right donut for "Schedule Status". Use sharp, precise English labels, clean leader lines, crisp tick-style radial guides, and clear percentage annotations. Left donut segments with realistic illustrative values: "Planning" 12%, "Design" 18%, "Development" 34%, "Testing" 22%, "Deployment" 14%. Right donut segments: "Completed" 38%, "In Progress" 41%, "At Risk" 13%, "Delayed" 8%. Add a subtle comparison bridge between the two donuts to reinforce the storytelling angle of contrast between workload composition and delivery status. Include small secondary mini-bars beneath the donuts labeled "Illustrative Timeline Contrast" with English axis labels and tick marks from "Week 1" to "Week 16" and values for "Planned" vs "Actual" to support the Gantt-project context without overpowering the donut charts.

Add 4 key insight callouts around the chart, each with a small icon: 1) headline number "34%" with text "Development is the largest workload block, concentrating project effort." and a code/brackets icon. 2) headline number "41%" with text "Most tasks are currently in progress, indicating peak execution phase." and a progress/spinner icon. 3) headline number "13%" with text "At-risk work is meaningful and should be monitored before it shifts into delay." and a warning triangle icon. 4) headline number "8%" with text "Delayed share remains limited, but contrast with active workload suggests schedule pressure." and a clock/alert icon.

Add a compact legend in English with exact labels: "Planning", "Design", "Development", "Testing", "Deployment", "Completed", "In Progress", "At Risk", "Delayed". Add exact chart labels in English: "Project Phase Share", "Schedule Status", "Illustrative Timeline Contrast", "Planned", "Actual", "Percentage", "Weeks". Include a small source/data-note strip at the bottom reading: "Data note: Illustrative example. Figures are illustrative and not sourced unless source data is provided by the user." 

Visual style: Reuters / Economist editorial adapted to dark mode neon palette, high-contrast charcoal-black background, electric cyan, neon magenta, acid green, amber, and violet accents, restrained newsroom sophistication, analytical and polished mood. Ensure no misleading scale manipulation, no truncated comparisons, and balanced proportions. Use editorial data journalism illustration, FT / Bloomberg-grade chart aesthetics, vector-clean infographic layout. All text MUST be written in English (array). Every heading, label, caption, legend and metric name in the image must be in English — not English. Spell each English word correctly using English characters and diacritics. Numbers stay as digits, no fake authoritative sources cited, no watermarks Numbers labeled "illustrative" unless the user supplied specific sourced data. No fake authoritative sources cited (do not invent "Source: Reuters 2025" — use "Illustrative example" instead). No misleading axis truncation or scale manipulation.