Skip to content

Showcases

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.

Screenshot of the Footlball Pass Network Visualizaer

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)

Screenshot of the TTRPG Virtual Tabletop

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

Screenshot of the Binary Adder Visualization

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.

Screenshot of the World Cup Chart showing group standings and the knockout bracket

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.