At CodeSee, we care deeply about the developer experience. It’s our leading goal to make tools that actually work—helping developers build and innovate better. So, we are delighted to announce the availability of CodeSee Maps.

Maps are interactive software architecture diagrams, designed to make cross-codebase understanding a reality. They auto-generate in minutes and sync to your codebase as you work. Maps display dependencies across Go, Java, JavaScript, and Python repositories, so you can immediately identify how code changes will impact the fuller architecture.

With an always-up-to-date visual of your codebase, you can onboard any developer quickly and gain the clarity you need to make fast, accurate decisions.

Improved Functionality

Explore

Maps begin with most folders collapsed and with arrows between files or folders indicating dependencies. The File Browser shows your codebase's entire file and folder tree and enables you to search and filter by name. Create filtered views of your codebase to share by highlighting the parts of the repository that are relevant to the diagram you are making. The Data Panel allows you to dive deeper and explore the code of files, in addition to providing helpful information about files or folders.

Annotate

Maps include tools to create annotations to help your team onboard to the codebase, understand team ownership, or learn key flows. With Notes, make short descriptions on nodes to provide a high-level understanding of how files, folders, and the connections between them work. You can use Labels to designate and color-code team ownership, indicate different codebase features, mark hotspots or tech debt, or whatever would be useful to you. When you place Labels and Notes in a CodeSee Map, they persist even as files and folders change.

Share Knowledge

If you're the Map owner, you can quickly share it with others to help your team with onboarding or alignment. Choose between making your Map visible within your GitHub organization or publicly via a shareable link or the CodeSee  community.

Innovative Features

Tours

Use Tours in Maps to create and share interactive, visual code tours. Walk through a defined code path with codebase collaborators to quickly communicate ideas. Place notes at each 'stop' in your Maps Tour to deliver a straightforward, step-by-step story about your code.

Maps for your code changes - Review Maps

Reviewing pull requests? Cross-codebase visibility matters! PR Maps give you context across a codebase. Visualize how proposed changes in a pull request will impact the larger architecture, with features highlighting dependencies and insights to guide your decisions. Developers can feel confident that pushing their change won't break a downstream or shared component. With PR Maps, you enhance cross-team communication and streamline feedback.

Insights

Maps automatically generate and display codebase insights, enabling you to make better-informed decisions. Your Map will highlight engineering hot spots, or areas of your codebase undergoing the most changes, details on the latest activity in a section of code, and the age of files and folders based on creation date.

Try It Out!

We can't wait to see all of the incredible things you'll build with the help of CodeSee Maps! 🚀

To learn more about features and getting started with Maps, head over to the docs.

If you'd like to provide feedback to our team and be the first to know about upcoming features, reach out to feedback [at] codesee.io.