Exploring Code Canvas

Introduction I originally started working on Code Canvas back in 2007, but it was essentially put on hold after 2009 because the technology to make it testable in the field was not available.  For example, Visual Studio at the time did not support editing code in anything other than the standard file-based tabbed-editors.  Also there…

6

Code Canvas vs. Code Bubbles vs. Debugger Canvas

You may have seen my previous comparison of Code Canvas vs. Diagrams/Visualizations, but sometimes people also ask me “What is the relationship between Code Canvas and Debugger Canvas?”, or “Is Debugger Canvas the same as Code Bubbles?”.  Here are my personal thoughts on some of the high-level differences between the three: Code Canvas: Shows source…

0

ZoomableCanvas

ZoomableCanvas is the Panel that displays almost all of the elements in Code Canvas.  Code Canvas is actually made up of several layers of ZoomableCanvases that are stacked on top of each other, and they are synchronized by simply sharing the same values for Scale and Offset.  Scale and Offset are the driving forces behind…

5

ZoomableCanvas: Preface

When I started writing Code Canvas back in 2008, I quickly realized that using a simple ScaleTransform on an existing Canvas would not produce the experience that I wanted.  This was mostly because the elements on my canvas have many fine details such as the dog-ears on files, the icons next to identifiers, and the…

5

Code Canvas @ ICSE 2010

Code Canvas is being shown by Rob DeLine at the 32nd International Conference on Software Engineering this week, in Cape Town, South Africa. The demonstration will show Code Canvas being hosted inside Visual Studio 2010, along with a new visual style and some additional features. The new style focuses on source code fragments and visual…

2

Code Canvas @ TechFest

In honor of today’s historic date of breaking down walls, I’m posting a recording of the live presentation of Code Canvas given at the 2009 Microsoft Research TechFest event on the Microsoft campus in Redmond, WA. This video demonstrates some of the features of Code Canvas that are applicable when zoomed in close to your…

3

Code Canvas @ Lang.NET Symposium

Microsoft recently hosted the 2009 Lang.NET Symposium here in the Microsoft Research building.  A colleague of mine, Herman Venter, asked me to show off a demo of Code Canvas during his Common Compiler Infrastructure talk, and the video is available online: http://www.langnetsymposium.com/2009/talks/26-HermanVenter-CCI.html (Download) The segment on Code Canvas starts about 5 minutes into the video and…

1

VirtualPanel

Virtualization, according to the documentation for WPF’s built-in VirtualizingStackPanel, refers to a technique by which a subset of user interface (UI) elements are generated from a larger number of data items based on which items are visible on-screen.  This is a great feature since WPF cannot show more than about 2,000 visuals on the screen…

0

Code Canvas vs. Diagrams/Visualizations

Software is usually created by typing source code into a text editor, yet the current solution for understanding complex software systems is usually to generate a diagram* or visualization* that exists independently from the original source code text editor. The current solutions have several drawbacks, such as: The level of detail in the diagram does…

0

Softpedia article on Code Canvas

Wow, I’m impressed with how fast the word is getting out.  Marius Oiaga already published an article on Softpedia: “What if code could leave the boundaries of the traditional editors, and call home an infinite two-dimensional surface as a new spatial development environment? Code Canvas makes this possible. A project put together by Kael Rowan,…

0