Epiviz-chart: Component library for genomic data visualization
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo
dist
docs
gitbook
performance
src
.gitignore
README.md
bower.json
chart-add-behavior.html
chart-behavior.html
chart-colors.html
chart-data-behavior.html
chart-draggable-behavior.html
chart-grid-behavior.html
chart-json-behavior.html
chart-remove.html
chart-settings.html
chart-shared-css.html
chart-workspace-behavior.html
epiviz-add-chart.html
epiviz-blocks-track.html
epiviz-chart-colors.html
epiviz-chart-settings.html
epiviz-charts.html
epiviz-environment.html
epiviz-genes-table.html
epiviz-genes-track.html
epiviz-heatmap-plot.html
epiviz-ideogram-track.html
epiviz-igv-track.html
epiviz-json-blocks-track.html
epiviz-json-box-plot.html
epiviz-json-genes-track.html
epiviz-json-heatmap-plot.html
epiviz-json-line-plot.html
epiviz-json-line-track.html
epiviz-json-scatter-plot.html
epiviz-json-stacked-line-plot.html
epiviz-json-stacked-line-track.html
epiviz-line-plot.html
epiviz-line-track.html
epiviz-navigation.html
epiviz-scatter-plot.html
epiviz-stacked-blocks-track.html
epiviz-stacked-line-plot.html
epiviz-stacked-line-track.html
epiviz_4_logo_medium.png
index.html
package.json

README.md

Installation

bower install epiviz/epiviz-chart

Documentation

run a local instance of polymer-server polymer serve

Then navigate to http://localhost:8080/components/epiviz-chart/

Demo

run a local instance of polymer-server polymer serve

Then navigate to http://localhost:8080/components/epiviz-chart/demo/

Update chartSettings:

# get chart
chart = document.querySelector("#chart1");
# get current chart settings
currentSettings = chart.ChartSettings;
# modify chart settings
...

# set settings back to chart
chart.setAttribute("chart-settings", JSON.stringify(currentSettings));

Epiviz-environment

must use polymer api to add charts to environment. Js dom api does not properly initialize elements

for example

if the page contains

<epiviz-environment id="env">
</epiviz-environment>

to add an epiviz chart for example line-track.

create a new element

elem = document.createElement('epiviz-scatter-plot'); 
elem.dimS = ['affy1', 'affy2']; 
elem.className="charts"

query dom for environment

ot = document.querySelector('#env')

add chart

Polymer.dom(ot).appendChild(elem)

Optimize elements for productions.

npm install -g polymer-bundler

polymer-bundler --inline-scripts --inline-css --strip-comments epiviz-charts.html > dist/epiviz-charts.html