{"id":16877152,"url":"https://github.com/sbachinin/bracketry","last_synced_at":"2025-03-22T07:31:57.515Z","repository":{"id":63720020,"uuid":"551440746","full_name":"sbachinin/bracketry","owner":"sbachinin","description":"Visualize bracket of a knockout tournament in the browser","archived":false,"fork":false,"pushed_at":"2024-10-24T11:38:10.000Z","size":5003,"stargazers_count":9,"open_issues_count":4,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2024-10-25T05:47:00.513Z","etag":null,"topics":["bracket","draws","playoffs","sports","visualization-library"],"latest_commit_sha":null,"homepage":"https://bracketry.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sbachinin.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-10-14T12:05:45.000Z","updated_at":"2024-10-24T11:38:14.000Z","dependencies_parsed_at":"2024-08-14T06:28:32.154Z","dependency_job_id":"e949f874-7d8a-4aa5-99be-387c8028475f","html_url":"https://github.com/sbachinin/bracketry","commit_stats":null,"previous_names":["sbachinin/playoffs"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sbachinin%2Fbracketry","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sbachinin%2Fbracketry/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sbachinin%2Fbracketry/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sbachinin%2Fbracketry/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sbachinin","download_url":"https://codeload.github.com/sbachinin/bracketry/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221550607,"owners_count":16841395,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bracket","draws","playoffs","sports","visualization-library"],"created_at":"2024-10-13T15:41:54.002Z","updated_at":"2024-10-28T12:15:29.000Z","avatar_url":"https://github.com/sbachinin.png","language":"JavaScript","readme":"# [bracketry](https://sbachinin.github.io/bracketry-site) \u0026middot; [![test workflow](https://github.com/sbachinin/bracketry/actions/workflows/main.yml/badge.svg)](https://github.com/sbachinin/bracketry/actions/) [![npm](https://img.shields.io/npm/v/bracketry.svg?style=flat-square)](https://www.npmjs.com/package/bracketry) [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square)](https://github.com/sbachinin/bracketry/blob/main/LICENSE.md)\n\nJavaScript library that takes your data and draws the tree of a knockout tournament in the browser. Suitable (hopefully) for any kind of sport\n\n\u003cbr\u003e\n\n\n![alt text](https://github.com/sbachinin/bracketry/blob/main/images/example.jpg?raw=true)\n\n\u003cbr\u003e\n\nBracketry is designed to draw _single elimination_ brackets. Technically you can use it to make [double elimination](https://en.wikipedia.org/wiki/Double-elimination_tournament) brackets too but it won't be that easy and the result won't look very nice (a lot of screen space will be left unused).\n\n\u003cbr\u003e\n\n## Basic usage\n\n```javascript\nimport { createBracket } from 'bracketry'\n\ncreateBracket(your_data, your_wrapper_element)\n```\n\n_You only need a wrapper element (advisably with explicit \u003ca href=\"https://bracketry.app/create-bracket/#problem-of-height\"\u003eheight\u003c/a\u003e) and some properly formatted \u003ca href=\"https://bracketry.app/data-shape\"\u003edata\u003c/a\u003e_\n\n\u003cbr\u003e\n\n## Some lovely features\n\n\u0026nbsp;\u0026nbsp; 🎾 Tennis: doubles, tiebreak, points within a game (15:30 etc), \"serving\" dot  \n\u0026nbsp;\u0026nbsp; 🍏 \u003ca href=\"https://bracketry.app/live-updates\"\u003eLive updates\u003c/a\u003e  \n\u0026nbsp;\u0026nbsp; 🔦 Team's path within a tournament is \u003ca href=\"https://bracketry.app/highlight-history\"\u003ehighlighted\u003c/a\u003e on click (if you want)  \n\u0026nbsp;\u0026nbsp; 👯 Multiple brackets on a page  \n\u0026nbsp;\u0026nbsp; 📱 Can be easily tuned for \u003ca href=\"https://bracketry.app/mobile\"\u003emobile\u003c/a\u003e devices  \n\u0026nbsp;\u0026nbsp; 3️⃣ \u003ca href=\"https://bracketry.app/bronze\"\u003eThird place\u003c/a\u003e match is possible\n\n\u003cbr\u003e\n\n## Plenty of options (\u003ca href=\"https://bracketry.app/options\"\u003etry\u003c/a\u003e)\n\n* Sizes, margins and fonts are quite \u003ca href=\"https://bracketry.app/fonts-colors-sizes\"\u003eflexible\u003c/a\u003e\n* Navigation between rounds can be \u003ca href=\"https://bracketry.app/adjust-nav-buttons\"\u003eadjusted\u003c/a\u003e or \u003ca href=\"https://bracketry.app/external-navigation\"\u003ebuilt from scratch\u003c/a\u003e  \n* \u003ca href=\"https://bracketry.app/scroll-modes\"\u003eVertical scroll\u003c/a\u003e can work with mousewheel or buttons or both  \n* You can \u003ca href=\"https://bracketry.app/inject-markup\"\u003einject\u003c/a\u003e your own markup here and there. You may also choose to render matches yourself and use bracketry only as a positioning mechanism  \n* You can attach \u003ca href=\"https://bracketry.app/click-handlers\"\u003eclick handlers\u003c/a\u003e to matches (or their sides)  \n* It's possible to specify a \u003ca href=\"https://bracketry.app/rounds-count\"\u003enumber of rounds\u003c/a\u003e visible at a time\n\n\u003cbr\u003e\n\n## Installation: npm or yarn\n\n```bash\nnpm install bracketry\n# or\nyarn add bracketry\n```\n\n\u003cbr\u003e\n\n\nMinified bundle is 48k, gzipped is 12k.\n\n\nIncludes a __d.ts__ file for ease of TypeScript development\n\n\u003cbr\u003e\n\n## Licensing\n\nMIT","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsbachinin%2Fbracketry","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsbachinin%2Fbracketry","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsbachinin%2Fbracketry/lists"}