Exciting news!Announcing our $4.6M Series Seed. Learn more
Socket
LoveBlogFAQ
Install
Log in

clanviewer

Package Overview
Dependencies
6
Maintainers
3
Versions
23
Issues
File Explorer

Advanced tools

clanviewer

A component to visualise the relationships between the Pfam families in a clan

    1.1.0latest

Version published
Maintainers
3
Yearly downloads
1,387
decreased by-10.98%

Weekly downloads

Readme

Source

clanViewer

NPM version Test Build Coverage Status

A component to visualise the relationships between the Pfam families in a clan. Now in TypeScript!

Getting Started

Install the module with: npm install clanviewer

import ClanViewer from "../lib/index"; import data from "./example.json"; const rootDiv = document.getElementById("container"); const instance = new ClanViewer({ element: rootDiv, directional: true }); instance.paint(data);

Documentation

constructor(options)

The 'constructor' method is responsible for capturing the parameters and setting up the space.

All the options are optional including the option parameter itself.

Parameter: options Type: Object Default: {} Example: {"el":"body"}

Parameter: options.el Type: String Default: "body" Example: "div.target"

Parameter: options.width Type: Integer Default: 900 Example: 800

Parameter: options.height Type: Integer Default: 500 Example: 600

Parameter: options.r Type: Integer Default: 5 Example: 8

How to use this method

const instance = new ClanViewer({ element: rootDiv, directional: true });

.paint(data)

The 'paint' method receives a json object and generates a force-directed layout that maps the memebers with ith interactions.

Parameter: data Type: Object Example:

{ "accession":"CL0050", "id":"HotDog", "members":[ { "accession":"PF03061", "link":"http://pfam.xfam.org/family/PF03061", "id":"4HBT", "num_occurrences":88944, "percentage_hits":34.7 }, { "accession":"PF01643", "link":"http://pfam.xfam.org/family/PF01643", "id":"Acyl-ACP_TE", "num_occurrences":7178, "percentage_hits":2.8 }, ], "interactions":[ { "member_id_1":"4HBT", "member_id_2":"Acyl-ACP_TE", "e_value":8.2e-6 } ] }

How to use this method

instance.paint(data);

Contributing

All contributions are welcome.

Support

If you have any problem or suggestion please open an issue here.

License

This software is licensed under the Apache 2 license, quoted below.

Copyright (c) 2015, gsalazar

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

Keywords

Socket

Product

Subscribe to our newsletter

Get open source security insights delivered straight into your inbox. Be the first to learn about new features and product updates.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc