{"id":13720126,"url":"https://github.com/eweitz/ideogram","last_synced_at":"2025-05-15T03:09:04.542Z","repository":{"id":26819778,"uuid":"30278442","full_name":"eweitz/ideogram","owner":"eweitz","description":"Chromosome visualization for the web","archived":false,"fork":false,"pushed_at":"2025-04-08T12:58:06.000Z","size":158971,"stargazers_count":299,"open_issues_count":34,"forks_count":72,"subscribers_count":20,"default_branch":"master","last_synced_at":"2025-05-09T14:37:12.459Z","etag":null,"topics":["cancer-genomics","comparative-genomics","cytogenetics","genomics","karyotype","personal-genomics","visualization"],"latest_commit_sha":null,"homepage":"https://eweitz.github.io/ideogram","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/eweitz.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":"AUTHORS","dei":null,"publiccode":null,"codemeta":null}},"created_at":"2015-02-04T03:05:48.000Z","updated_at":"2025-05-05T15:58:49.000Z","dependencies_parsed_at":"2023-02-16T15:16:00.291Z","dependency_job_id":"e04a39c0-a156-490d-8d8a-ebb4d5c666fe","html_url":"https://github.com/eweitz/ideogram","commit_stats":{"total_commits":2929,"total_committers":14,"mean_commits":"209.21428571428572","dds":0.04950495049504955,"last_synced_commit":"c28d69b95c3bb867c4325b925207d83b01079f52"},"previous_names":[],"tags_count":74,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eweitz%2Fideogram","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eweitz%2Fideogram/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eweitz%2Fideogram/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eweitz%2Fideogram/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/eweitz","download_url":"https://codeload.github.com/eweitz/ideogram/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254264770,"owners_count":22041794,"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":["cancer-genomics","comparative-genomics","cytogenetics","genomics","karyotype","personal-genomics","visualization"],"created_at":"2024-08-03T01:01:00.040Z","updated_at":"2025-05-15T03:08:59.527Z","avatar_url":"https://github.com/eweitz.png","language":"JavaScript","funding_links":[],"categories":["Ideogram"],"sub_categories":[],"readme":"# ideogram\n[![Tests](https://github.com/eweitz/ideogram/actions/workflows/ci.yml/badge.svg)](https://github.com/eweitz/ideogram/actions/workflows/ci.yml)\n[![Coverage status](https://coveralls.io/repos/github/eweitz/ideogram/badge.svg?branch=master)](https://coveralls.io/github/eweitz/ideogram?branch=master)\n\n[Ideogram.js](https://eweitz.github.io/ideogram/) is a JavaScript library for [chromosome visualization](https://speakerdeck.com/eweitz/designing-genome-visualizations-with-ideogramjs).\n\nIdeogram supports drawing and animating genome-wide datasets for [human](https://eweitz.github.io/ideogram/human), [mouse](https://eweitz.github.io/ideogram/mouse), and [many other eukaryotes](https://eweitz.github.io/ideogram/eukaryotes).  The [Ideogram API](https://github.com/eweitz/ideogram/blob/master/api.md) for annotations supports [histograms](https://eweitz.github.io/ideogram/annotations-histogram), [heatmaps](https://eweitz.github.io/ideogram/annotations-heatmap), [overlays](https://eweitz.github.io/ideogram/annotations-overlaid), and points of arbitrary shape and color layered in [tracks](https://eweitz.github.io/ideogram/annotations-tracks). The [Ideogram API](https://github.com/eweitz/ideogram/blob/master/api.md) also supports [spanning](https://eweitz.github.io/ideogram/annotations-span) annotations alone, or with [heatmaps and histograms](https://eweitz.github.io/ideogram/annotations-span-heatmap-histogram). Ideogram can depict haploid, [diploid](https://eweitz.github.io/ideogram/ploidy-basic) or higher ploidy genomes (e.g. plants), as well as aneuploidy, [genetic recombination](https://eweitz.github.io/ideogram/ploidy-recombination), and [homologous features](https://eweitz.github.io/ideogram/homology-basic) between chromosomes.\n\nIdeogram can be embedded as a [reusable component](https://github.com/eweitz/ideogram#usage) in any web page or application, and leverages D3.js and SVG to achieve fast, crisp client-side rendering. You can also integrate Ideogram with JavaScript frameworks like [Angular](https://github.com/eweitz/ideogram/tree/master/examples/angular), [React](https://github.com/eweitz/ideogram/tree/master/examples/react), and [Vue](https://github.com/eweitz/ideogram/tree/master/examples/vue), as well as data science platforms like [R](https://github.com/eweitz/ideogram/tree/master/examples/r) and [Jupyter Notebook](https://github.com/eweitz/ideogram/tree/master/examples/jupyter).\n\n[![All human genes](https://raw.githubusercontent.com/eweitz/ideogram/master/examples/vanilla/ideogram_histogram_all_human_genes.png)](https://eweitz.github.io/ideogram/annotations_histogram.html)\n\nCheck out [live examples](https://eweitz.github.io/ideogram/), get [up and running](#installation) with your own deployment, skim [basic usage](#usage), or dive into the [full API](api.md)!\n\nA [broader overview](https://speakerdeck.com/eweitz/ideogramjs-chromosome-visualization-with-javascript) is also available.  It discusses Ideogram's chromosome biology, technical architecture, and more.\n\n# Installation\n\nTo link directly to the latest release, copy this snippet:\n```\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/ideogram@1.52.0/dist/js/ideogram.min.js\"\u003e\u003c/script\u003e\n```\n\nYou can also easily use the library locally:\n```\n$ cd \u003cyour local web server document root\u003e\n$ git clone https://github.com/eweitz/ideogram.git\n```\n\nThen go to [http://localhost/ideogram/examples/](http://localhost/ideogram/examples/).\n\nOr, if you use npm:\n```\nnpm install ideogram\n```\n\nYou can then [import](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import) Ideogram into an application like so:\n```\nimport Ideogram from 'ideogram';\n```\n\n\n# Usage\n```html\n\u003chead\u003e\n  \u003cscript src=\"https://cdn.jsdelivr.net/npm/ideogram@1.52.0/dist/js/ideogram.min.js\"\u003e\u003c/script\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n\u003cscript\u003e\n  var ideogram = new Ideogram({\n    organism: 'human',\n    annotations: [{\n      name: 'BRCA1',\n      chr: '17',\n      start: 43044294,\n      stop: 43125482\n    }]\n  });\n\u003c/script\u003e\n\u003c/body\u003e\n```\n\nMany more usage examples are available at https://eweitz.github.io/ideogram/.\n\nYou can also find examples of integrating Ideogram with JavaScript frameworks like [Angular](https://github.com/eweitz/ideogram/tree/master/examples/angular), [React](https://github.com/eweitz/ideogram/tree/master/examples/react), and [Vue](https://github.com/eweitz/ideogram/tree/master/examples/vue), as well as data science platforms like [R](https://github.com/eweitz/ideogram/tree/master/examples/r) and [Jupyter Notebook](https://github.com/eweitz/ideogram/tree/master/examples/jupyter).\n\n\n# API\n\nSee the [Ideogram API reference](api.md) for detailed documentation on configuration options and methods.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feweitz%2Fideogram","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Feweitz%2Fideogram","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feweitz%2Fideogram/lists"}