Projects built with ngDiagram by the community. Unlike Templates, which are curated and maintained by the ngDiagram team, the Showcases section is where developers share what they have built. Got something to show? Submit your project.
Footlball Pass Network Visualizaer
by Mateusz Dropiński
Interactive pass network visualization tool for football match analysis. It renders player nodes positioned by their average pass origin on the pitch, with edges encoding pass volume (line width) and accuracy (color)
Player Similarity Explorer
by Mateusz Dropiński
Interactive graph tool for exploring statistical similarity between football players across Attacking, Passing, and Defensive dimensions
TTRPG Virtual Tabletop
by Mateusz Dropiński
Tabletop RPG companion tool. It lets game masters run campaigns by dropping background maps and character or monster tokens onto a grid canvas, moving elements freely, measuring distances between positions, and pinning location markers that navigate between maps
Binary Adder Visualization
by Karol Jaskółka
An interactive visualization of a 4-bit binary adder, where toggling input bits propagates signals through XOR, AND, and OR gates in real time to compute and display the result.
Warsaw Metro Timetable
by Karol Jaskółka
An interactive diagram of the Warsaw Metro network that displays departure timetables for each station.
World Cup Chart
by Synergy Codes
An interactive FIFA World Cup 2026 chart that visualizes group standings and the knockout bracket, with collapsible group nodes and live match results, scorers, and assists.
Built something with ngDiagram? We would love to feature it. Submissions are made by opening a pull request, so anyone can contribute.
Full instructions and the entry format live in the showcases folder on GitHub. The ngDiagram team reviews each submission and may decline entries that are spam or contain inappropriate content.