search

kevinhughes27 / ultimate-tournament

web application for running ultimate tournaments
0 stars 0 forks source link

Bracket Visualization #162

Closed kevinhughes27 closed 8 years ago

kevinhughes27 commented 9 years ago

I should be able to draw out a bracket nicely.

I don't think jquery bracket will work since it is way to scoped to single and double elimination only.

I am thinking something along the lines of drawing a connected graph using d3 and using constraints to make sure it lays out nicely.

One thing - how to do cross over games? Will the visualization need to know about them specifically?

kevinhughes27 commented 8 years ago

only draw links for wins

kevinhughes27 commented 8 years ago

WIP: https://github.com/kevinhughes27/ultimate-tournament/tree/bracket_viz

kevinhughes27 commented 8 years ago

d3 force graph with labels http://bl.ocks.org/MoritzStefaner/1377729

kevinhughes27 commented 8 years ago

D3 is probably still the best choice but lets not be to overly smart here (wrong abstraction is more expensive than duplication) - store the js code to render each bracket in the bracket db at least to start. If a pattern becomes obvious then generalize later but get the visualization shipped

kevinhughes27 commented 8 years ago

thinking this: http://visjs.org/examples/network/layout/hierarchicalLayout.html