{"id":29415039,"url":"https://github.com/neuhausi/canvasxpress-js","last_synced_at":"2026-04-07T22:03:56.773Z","repository":{"id":44727043,"uuid":"512907260","full_name":"neuhausi/canvasxpress-js","owner":"neuhausi","description":"CanvasXpress: A JavaScript Library for Data Analytics with Full Audit Trail Capabilities.","archived":false,"fork":false,"pushed_at":"2026-04-01T18:42:18.000Z","size":60330,"stargazers_count":9,"open_issues_count":2,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2026-04-02T06:00:16.876Z","etag":null,"topics":["bioinformatics","charting","dash","dashboard","data-analytics","data-science","data-visualization","genomics","genomics-visualization","graphs","javascript","manhattan-plot","network-visualization","python","r","reproducible-research","visium","visualization"],"latest_commit_sha":null,"homepage":"https://www.canvasxpress.org","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/neuhausi.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2022-07-11T20:59:32.000Z","updated_at":"2026-04-01T18:42:23.000Z","dependencies_parsed_at":"2026-04-02T00:02:17.162Z","dependency_job_id":null,"html_url":"https://github.com/neuhausi/canvasxpress-js","commit_stats":null,"previous_names":[],"tags_count":214,"template":false,"template_full_name":null,"purl":"pkg:github/neuhausi/canvasxpress-js","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neuhausi%2Fcanvasxpress-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neuhausi%2Fcanvasxpress-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neuhausi%2Fcanvasxpress-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neuhausi%2Fcanvasxpress-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/neuhausi","download_url":"https://codeload.github.com/neuhausi/canvasxpress-js/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neuhausi%2Fcanvasxpress-js/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31530647,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-07T16:28:08.000Z","status":"ssl_error","status_checked_at":"2026-04-07T16:28:06.951Z","response_time":105,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["bioinformatics","charting","dash","dashboard","data-analytics","data-science","data-visualization","genomics","genomics-visualization","graphs","javascript","manhattan-plot","network-visualization","python","r","reproducible-research","visium","visualization"],"created_at":"2025-07-11T15:21:31.210Z","updated_at":"2026-04-07T22:03:56.752Z","avatar_url":"https://github.com/neuhausi.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# CanvasXpress \n\n### https://www.canvasxpress.org\n\nCanvasXpress a stand-alone JavaScript Library for Data Analytics. Built for the purpose of reproducible research with a sophisticated and unobtrusive user interface. Full and effortless audit trail of data, configuration and all user interactions in every visualization without any extra coding.\n\n\n## Installation\n\nThe canvasXpress library conists of two files: (1) a CSS file, canvasXpress.css and (2) a JavaScript file, canvasXpress.min.js. These two files must be included in \u003chead\u003e section of the web page pointing directly to the www.canvasXpress.org web site:\n\n```html\n\u003clink rel=\"stylesheet\" href=\"https://www.canvasxpress.org/dist/canvasXpress.css\" type=\"text/css\"/\u003e\n\u003cscript type=\"text/javascript\" src=\"https://www.canvasxpress.org/dist/canvasXpress.min.js\"\u003e\u003c/script\u003e\n```\n  \nor downloaded and included in the \u003chead\u003e section of the web page pointing to the desired location. Please contact us obtain a license.\n\n```html\n\u003clink rel=\"stylesheet\" href=\"path-to-canvasXpress.css\" type=\"text/css\"/\u003e\n\u003cscript type=\"text/javascript\" src=\"path-to-canvasXpress.min.js\"\u003e\u003c/script\u003e\n```\n  \n## NPM\n```  \nnpm install canvasxpress\n```\n  \n## Yarn\n\n```  \nyarn add canvasxpress\n```\n\n## Overview\n  \nCanvasXpress is a standalone JavaScript library that works in all modern browsers on mobile, tablets and desktop devices. The basic usage is very simple:\n\nInclude the JavaScript and the CSS CanvasXpress library files in the \u003chead\u003e element of the web page.\nInclude a script to handle the data, the configuration, and the constructor of the CanvasXpress object in the \u003chead\u003e element of the web page. An advanced use is included in the initialization section.\nInclude a \u003ccanvas\u003e element inside the \u003cbody\u003e element where the visualization will be displayed.\n  \n### Example:\n\n```html  \n\u003chtml\u003e\n\n  \u003chead\u003e\n\n    \u003c!-- 1. Include the CanvasXpress library --\u003e\n    \u003clink rel=\"stylesheet\" href=\"path-to-canvasXpress.css\" type=\"text/css\"/\u003e\n    \u003cscript type=\"text/javascript\" src=\"path-to-canvasXpress.min.js\"\u003e\u003c/script\u003e\n\n  \u003c/head\u003e\n\n  \u003cbody\u003e\n\n    \u003c!-- 2. DOM element where the visualization will be displayed --\u003e\n    \u003ccanvas  id=\"canvasId\" width=\"540\" height=\"540\"\u003e\u003c/canvas\u003e\n    \n    \u003c!-- 3. Include script to initialize object --\u003e\n    \u003cscript\u003e\n\n      // Data\n      var data = { \"y\": {\n                     \"vars\": [ \"Gene1\"],\n                     \"smps\": [ \"Smp1\", \"Smp2\", \"Smp3\" ],\n                     \"data\": [ [ 10, 35, 88 ] ]\n                   }\n                 };\n\n      // Configuration\n      var conf = { \"graphType\": \"Bar\" };\n\n      // Initialize object\n      var cX = new CanvasXpress(\"canvasId\", data, conf);\n\n    \u003c/script\u003e\n    \n  \u003c/body\u003e\n\n\u003c/html\u003e\n```  \n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://user-images.githubusercontent.com/254923/178363565-7612293f-357d-4676-a50c-fa43f281a3d7.png\" width=\"540\" height=\"540\"\u003e\n\u003c/p\u003e\n  \n## Integration with other frameworks\n\n(The two CanvasXpress files used in all repos are identical)\n  \n#### R Integration\nInstall the CanvasXpress R package from [CRAN](https://cran.r-project.org/web/packages/canvasXpress/index.html) and use it in the R console, R-Studio or in any Shiny application. Here is a link to the [Github repo](https://github.com/neuhausi/canvasXpress) and some [Shiny Examples](http://periscopeapps.org/)\n\n#### Python Integration\nInstall the CanvasXpress Python library from [PyPI](https://pypi.org/project/canvasxpress/) and use it with Jupyter, Flask and Django.\n\n#### Node Integration\nInstall the CanvasXpress Node module from [npmjs](https://www.npmjs.com/package/canvasxpress-cli) to create visualizations locally or in the cloud.\n\n#### React Integration\nInstall the CanvasXpress Node modules from [npmjs](https://www.npmjs.com/package/canvasxpress-react) to easily integrate with React JS.  \n  \n## License  \n\nCanvasXpress is free for personal and educational use. To obtain a license for comercial purposes please follow this [link](https://canvasxpress.org/contact.html)\n  \n### How to hide the CanvasXpress watermark\n\nPlease follow this instructions replacing the Xs with your license\n  \n```html\n  // Include the following HTML snippet in the head of your web pages(s)\n  // before the line that references the canvasXpress.min.js file.\n  \u003cscript\u003e\n    window.cX=\"XXXXXXXXXXX\";\n  \u003c/script\u003e\n```  \n\n ### For more information about CanvasXpress visit our wbe page at https://www.canvasxpress.org\n  \n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fneuhausi%2Fcanvasxpress-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fneuhausi%2Fcanvasxpress-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fneuhausi%2Fcanvasxpress-js/lists"}