Why remove or hide the Incoming Outgoing Changes Graph?
When working in Visual Studio Code, I noticed a small yet persistent distraction: the Incoming/Outgoing changes graph. This feature was introduced here but I found it more distracting than useful in my workflow. So, I decided to remove it, and in this post, I’ll walk you through how you can do the same if you’re in a similar situation.
Thank me by sharing on Twitter 🙏
How to Disable the Incoming/Outgoing Changes Graph
Here’s a step-by-step guide on how to remove this graph in VSCode:
Open the settings editor. You can do this in several ways:
Windows:
- Navigate to
File > Preferences > Settings - Use the Command Palette by pressing
Ctrl + Shift + P, then type “Preferences: Open Settings” - Use the keyboard shortcut
Ctrl + ,(comma)
Mac:
Canon PG-275 / CL-276 Genuine Ink Value Pack (2 Cartridges), Compatible with TS3520/3522/4722/3720/3722, TR4720
(as of April 2, 2025 14:18 GMT +00:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
The Microsoft Office 365 Bible: The Most Updated and Complete Guide to Excel, Word, PowerPoint, Outlook, OneNote, OneDrive, Teams, Access, and Publisher from Beginners to Advanced
$34.17 (as of April 3, 2025 14:20 GMT +00:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
CompTIA Security+ Certification Kit: Exam SY0-701 (Sybex Study Guide)
$43.49 (as of April 3, 2025 14:20 GMT +00:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)- Navigate to
Code > Settings > Settings - Use the Command Palette by pressing
Cmd + Shift + P, then type “Preferences: Open Settings” - Use the keyboard shortcut
Cmd + ,(comma)
User Settings
- Search for the setting. Type “showhistorygraph” in the search bar at the top.
- Uncheck the option. You’ll see the “SCM: Show History Graph” setting. Simply uncheck it to disable the graph.
User Settings (JSON)
Alternatively, you can manually update your user settings:
{
...,
"scm.showHistoryGraph": false
...,
}Conclusion
Visual Studio Code is an excellent editor largely because of how customizable it is. While the Incoming/Outgoing changes graph might be useful for some, it didn’t fit my workflow. If you’re like me and prefer a more focused coding environment, following the steps above can help you declutter your workspace. Sometimes, less really is more when it comes to productivity.
I hope this guide helps you tailor VSCode to better suit your needs!
