Skip to content
This repository has been archived by the owner on Nov 30, 2021. It is now read-only.

phovea/phovea_d3

Repository files navigation

DEPRECATED: phovea_d3

Phovea NPM version Build Status

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.