cmap / morpheus.js Goto Github PK
View Code? Open in Web Editor NEWJavaScript matrix visualization and analysis
Home Page: https://software.broadinstitute.org/morpheus/
License: BSD 3-Clause "New" or "Revised" License
JavaScript matrix visualization and analysis
Home Page: https://software.broadinstitute.org/morpheus/
License: BSD 3-Clause "New" or "Revised" License
https://software.broadinstitute.org/morpheus/
I simply get:
Error
Oops, something went wrong. Please try again.
IE version 11.
Hi,
It looks like there is a possible bug here:
https://github.com/cmap/morpheus.js/blob/master/index.html#L67
I believe that in line 67 (https://github.com/cmap/morpheus.js/blob/master/index.html#L67) the code should use function then
, not done
. So the code should be:
morpheus.Util.getText(params.url).then(function (text) {
What do you think?
EDIT:
Similarly:
Line 70 should use catch
, instead of fail
Line 73 should use finally
, instead of always
When I export a heatmap to svg or png, I get the entire heatmap information including row annotations. However, when I export to PDF the row annotations are missing. The row annotation header, eg Gene is visible, but not the actual annotation (gene symbol).
The exported PDF is set to "fit to window".
Hi!
Thanks for the presentation of Morpheus today :).
The link in the README seems to be broken (https://joshua-gould.github.io/morpheus.js/). Is it instead https://clue.io/morpheus/?
Thanks!
I cannot seem to filter columns on multiple categories.
Here is an example from a public data set.
Steps to recreate:
At this point, the matrix filters nicely.
At this point, the matrix is filtered by ethnicity, but my original gender filter no longer works. If I click male/female, still nothing happens. Clicking pass all filters also seems to have no effect.
Say I want to sort columns by two categories.
Usual way to do that in a grid is to sort by one, then sort by the second one.
If the sort is stable, this will result in columns sorted by the second category, but within cols with the same second category, they should remain sorted by the first category.
Seem that it's not the case for morpheus, which limits ad-hoc analysis that can be performed.
Steps to reproduce:
Expected: two groups by gender (it is) and within each of them sorted by "mRNAseq_cluster" (same order if mRNAseq_cluster in both gender groups).
Observed: mRNAseq_cluster order is scrambled.
Is it possible to load morpheus session files from a URL location? That would be useful for sharing preconfigured views of data.
Loading a dataset works, for example:
https://software.broadinstitute.org/morpheus/?json={%22dataset%22%3A%22%2F%2Fs3.amazonaws.com%2Frn-test-data%2Ftest.gct%22}%0A
But it fails if I provide it a Json formatted session file
https://software.broadinstitute.org/morpheus/?json={%22dataset%22%3A%22%2F%2Fs3.amazonaws.com%2Frn-test-data%2Ftest.json%22}%0A
However downloading the same session file and manually opening it also works.
Hi,
I am using Morpheus to visualize a gene expression heatmap. The heatmap cell grid are not removed even though I unchecked the 'show grid' under Option->Display.
Is there a way to remove cell box grid completely?
Hello,
There's a problem with numbers like '2.343e-10' in annotations, because they're visualized like '2.343e-1', you truncate zeros from the end of such numbers as well as from '0.001000'.
Dear authors,
Could you please kindly explain how you handles the missing values for tSNE analysis?
Thanks,
Woody
Hi, I am trying to load a url based JSON. The JSON is generated on the fly upon hitting that url. However, Morpheus is not loading the JSON, and just giving a blank page. It looks like it is the same source as a page that works, but no error, nothing pops up.
<!DOCTYPE html>
<meta charset="utf-8">
<link rel="stylesheet" href="morpheus.js-master/css/morpheus-latest.min.css">
<script type="text/javascript" src="morpheus.js-master/js/morpheus-external-latest.min.js"></script>
<script src="morpheus.js-master/js/morpheus-latest.min.js"></script>
<body>
<noscript>
<p>Please enable JavaScript</p>
</noscript>
<div id="vis"></div>
<script type="text/javascript">
morpheus.Util.loadTrackingCode();
window.onerror = function () {
morpheus.FormBuilder.showInModal({
title: 'Error',
html: 'Oops, something went wrong. Please try again.'
});
};
var searchString = window.location.search;
if (searchString.length === 0) {
searchString = window.location.hash;
}
var landingPage = new morpheus.LandingPage();
landingPage.$el.prependTo($(document.body));
if (searchString.length === 0) {
landingPage.show();
} else {
searchString = searchString.substring(1);
var keyValuePairs = searchString.split('&');
var params = {};
for (var i = 0; i < keyValuePairs.length; i++) {
var pair = keyValuePairs[i].split('=');
params[pair[0]] = decodeURIComponent(pair[1]);
}
if (params.json) {
var options = JSON.parse(decodeURIComponent(params.json));
landingPage.open(options);
} else if (params.url) { // url to config
var $loading = morpheus.Util.createLoadingEl();
$loading.appendTo($('#vis'));
morpheus.Util.getText(params.url).done(function (options) {
if (typeof (options) === 'string') {
options = JSON.parse(options);
}
landingPage.open(options);
}).fail(function (err) {
console.log('Unable to get config file');
landingPage.show();
}).always(function () {
$loading.remove();
});
} else {
landingPage.show();
}
}
</script>
<script>
if ((window.location.protocol === 'https:' || window.location.protocol === 'http:') &&
'serviceWorker' in navigator) {
navigator.serviceWorker
.register('sw.js');
}
</script>
</body>
Hi
Thank you for this great tool. I wonder if it is possible to configure morpheus to display Fit To Window view onload?
I tried using tools: [{"name": "Fit To Window"}]
, but the code assumed the action would have a gui and raises an error.
morpheus-latest.min.js:1 Uncaught (in promise) TypeError: action.gui is not a function
at morpheus-latest.min.js:1
at Function.m.each.m.forEach (morpheus-external-latest.min.js:20)
at morpheus.HeatMap._init (morpheus-latest.min.js:1)
at morpheus-latest.min.js:1
To reproduce:
I'm using chromium
Add a ward linkage option to hierarchical clustering
Hi,
In GENE-E there was a nice feature for importing row/column annotations from external files. Could you add it to morpheus?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.