DotNetSyntaxTreeVisualizer

DotNetSyntaxTreeVisualizer

.NET Syntax Tree Visualizer, A C# ASP.NET Core app with ReactJS in front-end that shows Roslyn's syntax tree for a given source code.

The app is deployed here. If you encountered any problems, do a hard refresh using Ctrl+F5 from your browser.

Visual Studio already has a graph visualizer

That's true. But not all developers work on Visual Studio. Some developers might be using Rider, VS Code, or whatever. Or you might just be lazy to open Visual Studio!

Why to inspect a syntax tree

• For fun, if you just want to see what's the syntax tree Roslyn is generating.
• For writing Roslyn's analyzers and codefixes requies knowledge of how the syntax tree for the case you're inspecting looks like.

Screenshot

Features

Current features

• Collapsing and expanding a node.
• Zooming

TODO

• Support Visual Basic #6.
• Allow sharing snippets #9.
• Add Syntax Highlighting #4.