phovea_d3

DEPRECATED: phovea_d3

This plugin provides several D3 modules and applications, such as: selection info, data browser, visual links between views.

DEPRECATION Information

Please note that this project has been archived and is no longer being maintained. There is an active development under https://github.com/datavisyn/tdp_core and we will also contribute our future changes to it.

Installation

git clone https://github.com/phovea/phovea_d3.git
cd phovea_d3
npm install

Testing

npm test

Building

npm run build

Usage

Selectioninfo

Databrowser

Provides easy-to-setup browsing capabilities for caleydo-data.

Add to your app

import module in your main.ts:

import databrowser = require('phovea_d3/databrowser');

Add anchor element to your DOM:

<div id="databrowser"></div>

Create the databrowser in your main.ts:

databrowser.create(document.getElementById('databrowser'));

Options

databrowser.create(document.getElementById('databrowser'), {
      layout: 'tree',
      draggable: true,
      filter: function(d) { 
        // filter out all the datasets that don't have "Test" in the description!
        return (d && d.desc.name.indexOf("Test") > -1);
      }
    });

Name	Values
layout	tree, list
draggable	true, false
filter	provide a callback function!

This repository is part of Phovea, a platform for developing web-based visualization applications. For tutorials, API docs, and more information about the build and deployment process, see the documentation page.