How To Create a Gantt Chart Easily Using Code
So I recently had to make a Gantt chart and it look me longer than I care to say figuring out how to customize it and make it fancy AF. So to save someone else the headache I created this short video to highlight how to create a Gantt chart in Markdown using the Mermaid framework, this will work with other charts too but I specifically talk about a Gantt chart in this video.
As promised as well here is the code I used in this video, it should just be a matter of changing some elements to make it how you like. Not also that the theme needs to be kept as the base theme as it is the only editable theme:
```mermaid
%%{
init: {
"gantt": {
'topPadding' :100,
'rightPadding' :100,
'leftPadding' :100,
'barHeight' :50,
'fontSize' :17,
'titleTopMargin': 75,
'gridLineStartPadding' : 48,
'barGap' :10,
'sectionFontSize': 16
},
'theme': 'base',
'themeVariables': {
"fontFamily": 'Sans-Serif',
'primaryColor': '#bcc8ff',
'primaryTextColor': '#000',
'primaryBorderColor': '#2d2ac9',
'tertiaryColor': '#000',
'textColor':'#000',
'tertiaryTextColor': '#000'
}
}
}%%
%% https://mermaid.js.org/config/directives.html#declaring-directives
%% https://mermaid.js.org/config/schema-docs/config-defs-gantt-diagram-config.html#toppadding
%% color theme need opened with the high contrast light theme.
gantt
title changed title
dateFormat MM
axisFormat %B
section Task 1
Do Task 1 :task1, 01, 91d
section Task 2
Do Task 2 :task2, 02, 60d
section Task 3
create chart :task3, 05, 30d
If you enjoyed the video don't forget to SUBSCRIBE!
-
1:00:08
The Quartering
4 hours agoRussia Offers Peace, Supreme Court Win & Insane Alex Jones Update
26.8K56 -
52:25
shaneyyricch
2 hours agoLOGAN PAUL JOINS THE DARK SIDE
9.13K8 -
17:32
Standpoint with Gabe Groisman
4 hours agoEp. 30. Quick Point: Hostage Rescue; Media Fallout. 6/14/24
30.2K13 -
1:35:45
Russell Brand
6 hours agoBiden MALFUNCTIONS At G7 Summit - Replacement Imminent?!
122K269 -
1:52:22
Robert Gouveia
5 hours agoElection Rigging STOPPED; Fani FREAKS OUT; Liz Cheney INSURRECTED Again! Bump Stocks BACK
42.1K76 -
1:38:10
Nina Infinity
19 hours agoGOOD NEWS – Infinite Hope # 189
22.2K4 -
2:31:19
LumpyPotatoX2
5 hours agoFortnite Friday - #RumbleTakeover
31.3K2 -
1:55:06
The Charlie Kirk Show
5 hours agoLIVE from the People's Convention in Detroit | 6.14.24
92.6K41 -
58:55
The Dan Bongino Show
8 hours agoThe Troubling CIA - DOJ Connection (Ep. 2271) - 06/14/2024
564K1.9K -
1:01:49
Dr. Eric Berg
2 days agoThe Dr. Berg Show LIVE June 14, 2024
51.8K4