Premium Only Content

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!
-
LIVE
Redacted News
14 minutes agoTrump issues Ultimatium to Putin "End this war now or else," Russia not backing down | Redacted Live
1,054 watching -
LIVE
vivafrei
1 hour agoFire This Police Chief! Mass Shooting in New York! Sean Feucht Smoke Bomb Suspect ON VIDEO & MORE!
15,763 watching -
2:03:25
The Quartering
3 hours agoNYC Lunatic Update, Doxxing Website For Men OWNED, Walmart Stabber Update, 2 Men Buy Baby...
92.5K12 -
LIVE
Pop Culture Crisis
1 hour agoBillie Eilish & Sydney Sweeney Blamed For 'Whiteness', Millennials WORRIED About Gen Z | Ep. 887
584 watching -
LIVE
Barry Cunningham
3 hours agoSYDNEY SWEENEY PROVES PRESIDENT TRUMP IS RIGHT! EVERYTHING WOKE TURNS TO....
1,121 watching -
LIVE
The HotSeat
46 minutes ago💥 Chuck Schumer MELTS DOWN Over Voter ID! Are Democrats Really This Delusional?
170 watching -
18:15
Clownfish TV
11 hours agoCartoon Network Just Got DROPPED!
1.07K11 -
1:13:26
Russell Brand
4 hours agoShooting RAMPAGE In NYC + Trump HUMILIATES Starmer During UK Visit - SF622
142K32 -
10:21
Colion Noir
6 hours agoCaught On Camera: Armed Veteran With AR-15 Shoots Man Who Fires Into Crowd With Drum Magazine
17.4K16 -
20:37
Degenerate Jay
4 hours agoThe Fantastic Four: First Steps Review - Fantastic Or Failure?
2.9K1