Playground

Customize your Drugst.One app! Below you find buttons to add or remove features from the plugin and you can set different colors. When you are satisfied with the configuration, simply copy the the HTML-Code and the Style-Code into your HTML. No further coding needed!

None
default

Examples

Default

Drugst.One Plugin

By using Drugst.One you agree to the end-user license agreement about redistribution policies of integrated data-sources. The license text can be shown here or in the menu on the top right. Further, Drugst.One stores essential data in the browser necessary to its functionality, but does not track user data in any way.

All data will be processed at Drugst.One. More information.

Data License Agreement

For the use of licensed data of sources like DrugBank and OMIM, partially provided by the NeDRex database, the terms of use for data of the NeDRex platform have to be accepted:

Submit Bug report

If you experienced some unexpected behaviour and error or another clear sign for a bug we are happy to receive your report to improve the Drugst.One application:

Add Tissue Proteins

In order to add proteins expressed in specific tissues, please select a tissue in the main network window to the bottom.

No item selected

Please select a node for further information.

Network Overview

Query Node

Search...

Connect Genes

Quick drug search

Selection (0)

Double-click on a node to select it for the analysis.
Press Shift and draw a rectangular selection lasso around nodes to select groups of nodes.

Views (0)

Tasks (0)

Breast cancer example network

...  Gene
 Important Gene
Sorry, drugstone is not available for mobile phones. To find information about drugstone, please check the About page or visit this page with another device with a larger screen.

Settings

Licensed datasets :
Symbol
NeDRex
NeDRex
NeDRex
NeDRex
Autofill interactions :
Edge loops :

Initial physics :
Adjacent drugs :
Adjacent disorders (protein) :
Adjacent disorders (drug) :

Only a selection of options is presented here but drugst.one generally supports any vis.js node input configuration
Node Shadows :

diamond

circle

star

Only a selection of options is presented here but drugst.one generally supports any vis.js edge input configuration
Edge Shadows :

Dashed :

Show Legend :
right
left
Show Overview Panel :
Show Query Panel :
Show Item Selector :
Show Connect Genes :
Show Quick Drug Search :
Show Advanced Analysis :
Drug Target Search :
Drug Search :
Enrichment: g:Profiler :
Enrichment: DIGEST :
Show Selection :
Show Task Card :

right
Extended menu by default :
Show recenter button :
Show screenshot button :
Show download button :
Show tissue expression menu :
Show adjacent drugs button :
Show adjacent protein-disorder button :
Show adjacent drug-disorder button :
Show animation button :

Show Legend :
left
Use custom Legend :
Show Legend Nodes :
Show Legend Edges :

integrated-light

Dark Theme :
Helvetica Neue, sans-serif

Code to Copy & Paste

<drugst-one
   id='drugstone-component-id'
   groups='{"nodeGroups":{"important":{"type":"gene","color":"#ff881f","font":{"color":"#000000"},"groupName":"Important Gene","shape":"star"},"gene":{"type":"gene","color":"#4da300","font":{"color":"#f0f0f0"},"groupName":"Gene","shape":"circle"},"foundDrug":{"type":"drug","color":"#F12590","font":{"color":"#000000"},"groupName":"Drug","shape":"diamond"}},"edgeGroups":{"default":{"color":"#000000","groupName":"default edge"}}}'
   config='{"identifier":"symbol","title":"Breast cancer example network","nodeShadow":true,"edgeShadow":false,"autofillEdges":false}'
   network='{"nodes":[{"id":"CFTR","group":"gene","label":"CFTR"},{"id":"TGFB1","group":"gene","label":"TGFB1"},{"id":"TNFRSF1A","group":"gene","label":"TNFRSF1A"},{"id":"FCGR2A","group":"gene","label":"FCGR2A"},{"id":"ENG","group":"gene","label":"ENG"},{"id":"DCTN4","group":"gene","label":"DCTN4"},{"id":"CLCA4","group":"gene","label":"CLCA4"},{"id":"STX1A","group":"gene","label":"STX1A"},{"id":"SCNN1G","group":"gene","label":"SCNN1G"},{"id":"SCNN1A","group":"gene","label":"SCNN1A"},{"id":"SCNN1B","group":"gene","label":"SCNN1B"}],"edges":[{"from":"DCTN4","to":"CFTR"},{"from":"STX1A","to":"SCNN1B","group":"default"},{"from":"SCNN1A","to":"SCNN1G","group":"default"},{"from":"SCNN1B","to":"SCNN1G","group":"default"}]}'>
</drugst-one>

:root {
   --drgstn-primary:#347eee;
   --drgstn-secondary:#2e42f2;
   --drgstn-success:#48C774;
   --drgstn-warning:#ffdd00;
   --drgstn-danger:#ff2744;
   --drgstn-background:#f8f9fa;
   --drgstn-panel:#ffffff;
   --drgstn-info:#61c43d;
   --drgstn-text-primary:#151515;
   --drgstn-text-secondary:#eeeeee;
   --drgstn-border:rgba(0, 0, 0, 0.2);
   --drgstn-tooltip:rgba(74,74,74,0.9);
   --drgstn-panel-secondary:#FFFFFF;
   --drgstn-height:600px;
   --drgstn-font-family:Helvetica Neue, sans-serif;
}