Fritz Lekschas flekschas

Sample-based encoding of multivecs

Using overlay in combination with dataTransform and filter we can customize the color encoding of each row in the multivec dataset.

This is more of a proof of concept rather than a recommendation. Normally you would just want to just one colormap instead of different once!

Live demo: https://gosling.js.org?gist=flekschas/a43a1c9924b36d9f0c66862c3314689c

Vector Data

A simple data showing how to load vector data.

property	type	description
type	string	required, `"vector"`
url	string	required, URL pointing to a HiGlass server's tileset_info endpoint
column	string	required, the name of center position of bins.
value	string	required, the name of the bin value.

Results

Let's get started!
VM73:13 Object.keys took: 20234.000000054948msecs
VM73:19 Object.values took: 5987.800000002608msecs

Conclusion

Get a Jupyter Notebook and JupyterLab compatible widget setup

Install packages

conda install -c conda-forge jupyterlab
conda install -c conda-forge ipywidgets
conda install -c conda-forge cookiecutter

jupyter labextension install @jupyter-widgets/jupyterlab-manager

	#!/bin/bash

	ENVIRONMENT=$1
	ASSEMBLY=$2
	RESOLUTION=$3
	STATES=$4
	STATESFN=$5
	MARKSFN=$6
	FILETOMOVESRC=$7
	FILETOMOVEDEST=$8

	import { quat, vec3 } from 'gl-matrix';
	import * as rbt from './rigid-body-transform.js';

	const myFancyRbt = rbt.create();

	// Rotate 45 degree around the x axis
	const r = rbt.create({ r: quat.fromEuler(45, 0, 0) });
	myFancyRbt.multiply(r);

	// Translate

	const delayPromise = (duration) => (...args) => new Promise((resolve) => {
	setTimeout(() => { resolve(...args); }, duration);
	});

	export default delayPromise;

	{
	"title": "Ridge Plots",
	"subtitle": "Global Surface Temperature",
	"thumbnail": "https://user-images.githubusercontent.com/932103/92788343-dcd7a800-f377-11ea-9077-f519eac82a62.jpg"
	}

	{
	"title": "Matrices",
	"subtitle": "Hi-C Loop Patterns",
	"thumbnail": "https://user-images.githubusercontent.com/932103/90644105-5b6e7900-e202-11ea-8fa3-3f9c4c469f19.jpg"
	}

	{
	"title": "Book Covers",
	"thumbnail": "https://user-images.githubusercontent.com/932103/89745160-d952b780-da7f-11ea-9af4-54a3fd205e07.jpg"
	}