0.1.19 • Published 5 years ago
hpo-js v0.1.19
hpo-js
A React Typescript component to help visualise the Human Phenotype Ontology structure.
This is a simple wrap-around of react-graph-vis
.
It relies on an API server to feed data structure such as https://github.com/logust79/hpo-js-server.
Example:
import * as React from "react";
import * as ReactDOM from "react-dom";
import Hpo from "hpo-js";
ReactDOM.render(
<Hpo
// hpoNodes is an array of {id, color? and size?}
hpoNodes={[
{
id: "HP:0007754",
color: "red",
size: 20
},
{
id: "HP:0000510",
color: "orange",
size: 15
},
{
id: "HP:0000005",
color: "blue",
size: 10
}
]}
// minGraphUrl is an API to get minified node-edge structure given hpoNodes
minGraphUrl="https://phenogenon-api.phenopolis.org/hpoMinGraph/"
// hpoNameUrl is an API to get HPO names given HPO ids.
hpoNameUrl="https://phenogenon-api.phenopolis.org/hpoNames/"
/>,
document.getElementById("root") as HTMLElement
);
0.1.19
5 years ago
0.1.18
5 years ago
0.1.17
5 years ago
0.1.16
5 years ago
0.1.15
5 years ago
0.1.14
5 years ago
0.1.13
5 years ago
0.1.12
5 years ago
0.1.11
5 years ago
0.1.10
5 years ago
0.1.9
5 years ago
0.1.8
5 years ago
0.1.7
5 years ago
0.1.6
5 years ago
0.1.5
5 years ago
0.1.4
5 years ago
0.1.3
5 years ago
0.1.2
5 years ago
0.1.1
5 years ago
0.1.0
5 years ago