https://github.com/neuhausi/canvasxpress-js
CanvasXpress: A JavaScript Library for Data Analytics with Full Audit Trail Capabilities.
https://github.com/neuhausi/canvasxpress-js
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
Last synced: 3 months ago
JSON representation
CanvasXpress: A JavaScript Library for Data Analytics with Full Audit Trail Capabilities.
- Host: GitHub
- URL: https://github.com/neuhausi/canvasxpress-js
- Owner: neuhausi
- Created: 2022-07-11T20:59:32.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2025-07-09T12:58:17.000Z (3 months ago)
- Last Synced: 2025-07-09T13:55:39.632Z (3 months ago)
- 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
- Language: CSS
- Homepage: https://www.canvasxpress.org
- Size: 39.7 MB
- Stars: 8
- Watchers: 2
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CanvasXpress
### https://www.canvasxpress.org
CanvasXpress 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.
## Installation
The 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 section of the web page pointing directly to the www.canvasXpress.org web site:
```html
```
or downloaded and included in the section of the web page pointing to the desired location. Please contact us obtain a license.
```html
```
## NPM
```
npm install canvasxpress
```
## Yarn
```
yarn add canvasxpress
```
## Overview
CanvasXpress is a standalone JavaScript library that works in all modern browsers on mobile, tablets and desktop devices. The basic usage is very simple:
Include the JavaScript and the CSS CanvasXpress library files in the element of the web page.
Include a script to handle the data, the configuration, and the constructor of the CanvasXpress object in the element of the web page. An advanced use is included in the initialization section.
Include a element inside the element where the visualization will be displayed.
### Example:
```html
// Data
var data = { "y": {
"vars": [ "Gene1"],
"smps": [ "Smp1", "Smp2", "Smp3" ],
"data": [ [ 10, 35, 88 ] ]
}
};
// Configuration
var conf = { "graphType": "Bar" };
// Initialize object
var cX = new CanvasXpress("canvasId", data, conf);
```
## Integration with other frameworks
(The two CanvasXpress files used in all repos are identical)
#### R Integration
Install 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/)
#### Python Integration
Install the CanvasXpress Python library from [PyPI](https://pypi.org/project/canvasxpress/) and use it with Jupyter, Flask and Django.
#### Node Integration
Install the CanvasXpress Node module from [npmjs](https://www.npmjs.com/package/canvasxpress-cli) to create visualizations locally or in the cloud.
#### React Integration
Install the CanvasXpress Node modules from [npmjs](https://www.npmjs.com/package/canvasxpress-react) to easily integrate with React JS.
## License
CanvasXpress is free for personal and educational use. To obtain a license for comercial purposes please follow this [link](https://canvasxpress.org/contact.html)
### How to hide the CanvasXpress watermark
Please follow this instructions replacing the Xs with your license
```html
// Include the following HTML snippet in the head of your web pages(s)
// before the line that references the canvasXpress.min.js file.
window.cX="XXXXXXXXXXX";
```
### For more information about CanvasXpress visit our wbe page at https://www.canvasxpress.org