{"id":21662799,"url":"https://github.com/higlass/higlass-text","last_synced_at":"2026-03-16T20:01:16.050Z","repository":{"id":55149729,"uuid":"292364791","full_name":"higlass/higlass-text","owner":"higlass","description":"Display text in HiGlass","archived":false,"fork":false,"pushed_at":"2025-03-01T19:55:21.000Z","size":938,"stargazers_count":1,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-07-01T02:04:56.147Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/higlass.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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,"zenodo":null}},"created_at":"2020-09-02T18:35:40.000Z","updated_at":"2025-03-01T19:55:24.000Z","dependencies_parsed_at":"2025-04-11T23:43:47.594Z","dependency_job_id":"ff4474ca-03e4-4e49-ba58-e077aca09afd","html_url":"https://github.com/higlass/higlass-text","commit_stats":{"total_commits":15,"total_committers":1,"mean_commits":15.0,"dds":0.0,"last_synced_commit":"8ade8d60e8e67603d000e7989f8843a604aa8f5a"},"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"purl":"pkg:github/higlass/higlass-text","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/higlass%2Fhiglass-text","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/higlass%2Fhiglass-text/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/higlass%2Fhiglass-text/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/higlass%2Fhiglass-text/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/higlass","download_url":"https://codeload.github.com/higlass/higlass-text/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/higlass%2Fhiglass-text/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263819154,"owners_count":23516116,"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":[],"created_at":"2024-11-25T10:18:07.234Z","updated_at":"2026-03-16T20:01:10.995Z","avatar_url":"https://github.com/higlass.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# Display text in HiGlass\n\n![Text](https://aveit.s3.amazonaws.com/higlass/static/higlass-text-screenshot.png)\n\n\n**Note**: This is the source code for the text track only! You might want to check out the following repositories as well:\n\n- HiGlass viewer: https://github.com/higlass/higlass\n- HiGlass server: https://github.com/higlass/higlass-server\n- HiGlass docker: https://github.com/higlass/higlass-docker\n\n## Installation\n \n```\nnpm install higlass-text\n```\n\n## Usage\n\nThe live script can be found at:\n\n- https://unpkg.com/higlass-text/dist/higlass-text.js\n\n### Client\n\n1. Load this track before the HiGlass core script. For example:\n\n```\n\u003cscript src=\"/higlass-text.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"hglib.js\"\u003e\u003c/script\u003e\n\n\u003cscript\u003e\n  ...\n\u003c/script\u003e\n```\n\n### Options\n\nThe following options are available:\n```\n {\n  \"uid\": \"texttrack\",\n  \"type\": \"text\",\n  \"options\": {\n    \"backgroundColor\": \"#ededed\",\n    \"textColor\": \"#333333\",\n    \"fontSize\": 14,\n    \"fontFamily\": \"Arial\",\n    \"fontWeight\": \"normal\",\n    \"offsetY\": 0, // offset from the top of the track\n    \"align\": \"left\", // left, middle, right\n    \"text\": \"Text to display\",\n  },\n  \"width\": 568,\n  \"height\": 25\n},\n```\n\n### ECMAScript Modules (ESM)\n\nWe also build out ES modules for usage by applications who may need to import or use `higlass-text` as a component.\n\nWhenever there is a statement such as the following, assuming `higlass-text` is in your node_modules folder:\n```javascript\nimport { TextTrack } from 'higlass-text';\n```\n\nThen TextTrack would automatically be imported from the `./es` directory (set via package.json's `\"module\"` value). \n\n## Support\n\nFor questions, please either open an issue or ask on the HiGlass Slack channel at http://bit.ly/higlass-slack\n\n## Development\n\n### Testing\n\nTo run the test suite:\n\n```\nnpm run test-watch\n```\n\n### Installation\n\n```bash\n$ git clone https://github.com/higlass/higlass-text.git\n$ cd higlass-text\n$ npm install\n```\nIf you have a local copy of higlass, you can then run this command in the higlass-text directory:\n\n```bash\nnpm link higlass\n```\n\n### Commands\n\n - **Developmental server**: `npm start`\n - **Production build**: `npm run build`\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhiglass%2Fhiglass-text","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhiglass%2Fhiglass-text","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhiglass%2Fhiglass-text/lists"}