D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
1wheel
Full window
Github gist
worlds-bracket
completed: http://roadtolarissa.com/worlds-group/
<!DOCTYPE html> <meta charset='utf-8'> <style> body{ margin: 0px; /*background: black;*/ font-family: monospace; } svg{ overflow: visible; } .team{ display: inline-block; width: 400px; } .active{ stroke: black; stroke-width: 4; } .hidden{ opacity: .2; } div.tooltip { top: -1000px; position: absolute; padding: 10px; background: rgba(255, 255, 255, .90); border: 1px solid lightgray; pointer-events: none; font-family: monospace; width: 200px; } .tooltip-hidden{ opacity: 0; } .game{ display: inline-block; width: 100px; margin-bottom: 10px; } .game .won{ font-weight: 700; text-decoration: underline; } .matches{ font-size: 16px; text-align: center; } .matches .game{ width: 130px; cursor: pointer; border: 1px solid black; margin-right: 10px; opacity: .6; } .matches .game.active{ opacity: 1; } </style> <body></body> <script src='d3v4.js'></script> <script src='lodash.js'></script> <script src='script.js'></script>