Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Playing with D3 and Gantt

Public visualization

Viewing a saved revision (read-only)

9ff3892bc8a14a0aa959e289d6dbed7d

Playing with D3 and Gantt

1 star2🌍 Public
FFelipe Maion
Last edited Apr 29, 2021
Created on Apr 25, 2021
Forked from D3 Starter

This interactive Gantt chart visualizes the timeline of COVID-19-related events across American countries, using a horizontal bar layout to show each nation’s start and end dates. The view includes a main chart with labeled lanes and a mini overview, linked by a brushX selection tool that filters the time range, while a vertical line marks the current date. Built with D3 v6, the example uses scaleTime, scaleLinear, axisBottom, and brushX APIs, rendering as SVG with animated updates and tooltips. Data is hardcoded in a JavaScript module, with countries like Argentina and Brazil having distinct intervals.

AI-generated description

Studing D3 trying to build a Gantt Graph with Brush in Vizhub <br>

References:<br>