Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mrzhdev/BlazorViz
Visualization for C#, Blazor interop wrapper for Viz.js
https://github.com/mrzhdev/BlazorViz
Last synced: 12 days ago
JSON representation
Visualization for C#, Blazor interop wrapper for Viz.js
- Host: GitHub
- URL: https://github.com/mrzhdev/BlazorViz
- Owner: mrzhdev
- License: mit
- Created: 2022-07-18T21:46:31.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-06-11T09:10:46.000Z (5 months ago)
- Last Synced: 2024-08-01T02:27:44.513Z (3 months ago)
- Language: JavaScript
- Size: 23.4 MB
- Stars: 5
- Watchers: 2
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-blazor - BlazorViz interop wrapper for Viz.js - ![last commit](https://img.shields.io/github/last-commit/mrzhdev/BlazorViz) A sample of generating Graphviz DOT language files and visualising tree data structures. [Demo](https://mrzhdev.github.io/BlazorViz/). (Sample Projects / Others)
README
# BlazorViz
Visualization for C#, Blazor interop wrapper for Viz.jsLive demo:
# Intro
I usually use C# for prototyping and development of algorithms, and for one of my projects, I needed some tree data structures visualization. I came up with this idea, and I’m sharing with you this quick and dirty code.
For this solution, I have used Visual Studio 2022 Preview and .NET 6.0
**Blazor web client project (BlazorVizView):**
- [Viz.js](https://github.com/mdaines/viz.js), Emscripten version of [Graphviz](https://graphviz.org/)
- [svg-pan-zoom.js](https://github.com/ariutta/svg-pan-zoom), pan/zoom for HTML SVG
- vizInterop.js custom Javascript code to put everything together
- reference to an external dummy project (DummyClassLibrary)
**C# Class library project (DummyClassLibrary):**
- Roslyn CSharpSyntaxWalker to generate [Graphviz](https://graphviz.org/) DOT language file
### Screenshot
![image](https://user-images.githubusercontent.com/47992551/179770048-cfed6985-e791-463b-b8be-982d0aead9c0.png)