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:52:46
Game On!
20 hours ago $2.75 earnedBoston Celtics Can't Win Game 2! | Sports Morning Espresso Shot
58.1K34 -
1:00:01
Trumpet Daily
1 day ago $3.08 earnedMarxist Left Continues to Imprison Trump’s Inner Circle - Trumpet Daily | June 7, 2024
62.5K59 -
11:59:49
The Amber May Show
13 hours ago $12.45 earnedReAwaken America Tour Detroit, MI - DAY 2 | Join General Flynn, Eric Trump, Kash Patel, Mayor Giuliani & Team America + Request Tickets for October 18-19 Selma, NC At: TimeToFreeAmerica.com
85.7K28 -
12:23
Freakin' Reviews
1 day agoRice Robot Review: One-Touch Rice Cooker? | As Seen on TV
86.1K30 -
5:45
Game Developer
1 day agoHow To Become A Game Dev (While Working A Full Time Job)
75.8K15 -
4:16
ryanhoguepassiveincome
1 day ago $12.54 earnedElevate Amazon Ads brand content with your Brand Store
73.6K6 -
16:19
RealReaper
1 day ago $7.38 earnedThe Acolyte Is Unwatchable
65.4K53 -
11:29
Ethical Preparedness
23 hours ago $8.74 earned2 EASY Ways: Make Insect Bite & Sting Medicine - Medical Prepping for SHTF - Natural Medicine
71K14 -
15:52
JoBlo Horror Originals
1 day agoThe Watchers Review: Shyamalans Sure Do Love Their Twists
68.8K6 -
31:49
MichaelBisping
1 day agoBISPING & ANIK: Is Conor McGregor INJURED?! | Who Could Replace Him? | What's next for Poirier?
67.1K10