How to use the tmp/pathvisiojs.svg function in tmp
To help you get started, we’ve selected a few tmp examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
wikipathways / pvjs / tmp / pathvisiojs-temp.js View on Github 
var pathvisioNS = pathvisioNS || {};
pathvisioNS["src/pathvisiojs.html"] = '<div style="width: inherit; height: inherit;" id="pathvisiojs-container">\n\n \n <div id="diagram-container">\n </div>\n\n \n <div id="typeahead">\n <input aria-haspopup="true" aria-autocomplete="list" role="textbox" placeholder="Enter node name to highlight" id="highlight-by-label-input">\n <i class="control-icon icon-remove" id="clear-highlights-from-typeahead"></i>\n </div> \n\n \n <div title="Scroll to zoom. Drag to pan." class="pan-zoom-controls" id="pan-zoom-control"> \n \n <svg height="70" width="64" preserveAspectRatio="xMidYMid" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/1999/xlink" version="1.1" id="pan-zoom-control-shapes">\n <g fill="#A9A9A9" style="cursor:pointer;" transform="scale(0.75)" id="pz-viewport">\n <g transform="translate(30.5 5) scale(0.015)" id="zoom-in">\n <rect fill="transparent" height="1536" width="1536" y="0" x="0"></rect>\n <path d="M1280 576v128q0 26 -19 45t-45 19h-320v320q0 26 -19 45t-45 19h-128q-26 0 -45 -19t-19 -45v-320h-320q-26 0 -45 -19t-19 -45v-128q0 -26 19 -45t45 -19h320v-320q0 -26 19 -45t45 -19h128q26 0 45 19t19 45v320h320q26 0 45 19t19 45zM1536 1120v-960 q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z"></path>\n </g>\n\n <g transform="translate(5 35) scale(0.4)" id="reset-pan-zoom">\n <rect fill="transparent" height="62" width="186" y="0" x="0"></rect>\n <path d="M33.051,20.632c-0.742-0.406-1.854-0.609-3.338-0.609h-7.969v9.281h7.769c1.543,0,2.701-0.188,3.473-0.562\n c1.365-0.656,2.048-1.953,2.048-3.891C35.032,22.757,34.372,21.351,33.051,20.632z"></path>\n <path d="M170.231,0.5H15.847C7.102,0.5,0.5,5.708,0.5,11.84v38.861C0.5,56.833,7.102,61.5,15.847,61.5h154.384\n c8.745,0,15.269-4.667,15.269-10.798V11.84C185.5,5.708,178.976,0.5,170.231,0.5z M42.837,48.569h-7.969\n c-0.219-0.766-0.375-1.383-0.469-1.852c-0.188-0.969-0.289-1.961-0.305-2.977l-0.047-3.211c-0.03-2.203-0.41-3.672-1.142-4.406\n c-0.732-0.734-2.103-1.102-4.113-1.102h-7.05v13.547h-7.055V14.022h16.524c2.361,0.047,4.178,0.344,5.45,0.891\n c1.272,0.547,2.351,1.352,3.234,2.414c0.731,0.875,1.31,1.844,1.737,2.906s0.64,2.273,0.64,3.633c0,1.641-0.414,3.254-1.242,4.84\n s-2.195,2.707-4.102,3.363c1.594,0.641,2.723,1.551,3.387,2.73s0.996,2.98,0.996,5.402v2.32c0,1.578,0.063,2.648,0.19,3.211\n c0.19,0.891,0.635,1.547,1.333,1.969V48.569z M75.579,48.569h-26.18V14.022h25.336v6.117H56.454v7.336h16.781v6H56.454v8.883\n h19.125V48.569z M104.497,46.331c-2.44,2.086-5.887,3.129-10.34,3.129c-4.548,0-8.125-1.027-10.731-3.082\n s-3.909-4.879-3.909-8.473h6.891c0.224,1.578,0.662,2.758,1.316,3.539c1.196,1.422,3.246,2.133,6.15,2.133\n c1.739,0,3.151-0.188,4.236-0.562c2.058-0.719,3.087-2.055,3.087-4.008c0-1.141-0.504-2.023-1.512-2.648\n c-1.008-0.609-2.607-1.148-4.796-1.617l-3.74-0.82c-3.676-0.812-6.201-1.695-7.576-2.648c-2.328-1.594-3.492-4.086-3.492-7.477\n c0-3.094,1.139-5.664,3.417-7.711s5.623-3.07,10.036-3.07c3.685,0,6.829,0.965,9.431,2.895c2.602,1.93,3.966,4.73,4.093,8.402\n h-6.938c-0.128-2.078-1.057-3.555-2.787-4.43c-1.154-0.578-2.587-0.867-4.301-0.867c-1.907,0-3.428,0.375-4.565,1.125\n c-1.138,0.75-1.706,1.797-1.706,3.141c0,1.234,0.561,2.156,1.682,2.766c0.721,0.406,2.25,0.883,4.589,1.43l6.063,1.43\n c2.657,0.625,4.648,1.461,5.975,2.508c2.059,1.625,3.089,3.977,3.089,7.055C108.157,41.624,106.937,44.245,104.497,46.331z\n M139.61,48.569h-26.18V14.022h25.336v6.117h-18.281v7.336h16.781v6h-16.781v8.883h19.125V48.569z M170.337,20.14h-10.336v28.43\n h-7.266V20.14h-10.383v-6.117h27.984V20.14z"></path>\n </g>\n\n <g transform="translate(30.5 70) scale(0.015)" id="zoom-out">\n <rect fill="transparent" height="1536" width="1536" y="0" x="0"></rect>\n <path d="M1280 576v128q0 26 -19 45t-45 19h-896q-26 0 -45 -19t-19 -45v-128q0 -26 19 -45t45 -19h896q26 0 45 19t19 45zM1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5 t84.5 -203.5z"></path>\n </g>\n </g>\n </svg>\n </div>\n\n <div id="viewer-toolbar">\n </div>\n\n \n <div class="annotation ui-draggable" id="annotation">\n <header class="annotation-header">\n <span class="annotation-header-move" id="annotation-move">\n <i class="icon-move"></i>\n </span>\n <span class="annotation-header-close">\n <i class="icon-remove"></i>\n </span> \n\n <span class="annotation-header-text" id="annotation-header-text">\n Header\n </span> \n <span title="Search for pathways containing \'Header Text\'" class="annotation-header-search" id="annotation-header-search">\n <a href="http://wikipathways.org//index.php?title=Special:SearchPathways">\n <i class="icon-search"></i>\n </a>\n </span>\n <div class="annotation-description" id="annotation-description">\n <h2>description</h2>\n </div>\n </header>\n <span class="annotation-items-container">\n <ul id="annotation-items-container">\n \n </ul>\n </span>\n </div>\n</div>\n';
pathvisioNS["tmp/pathvisiojs.svg"] = '<svg preserveAspectRatio="xMidYMid" style="display: none; width: inherit; min-width: inherit; max-width: inherit; height: inherit; min-height: inherit; max-height: inherit;" height="100%" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/1999/xlink" version="1.1" id="pathvisiojs-diagram"><g><desc>This SVG file contains all the graphical elements (markers and symbols in defs as well as\nstyle data) used by the program pathvisiojs, which has two components:\n1) a viewer for transforming GPML biological pathway data into an SVG visual representation and\n2) an editor for creating both views and models for biological pathways.</desc></g><title>pathvisiojs diagram</title><defs><marker refY="6" refX="0" orient="auto" markerUnits="strokeWidth" markerHeight="12" markerWidth="12" viewBox="0 0 12 12" preserveAspectRatio="none" id="shape-library-markers-arrow-svg-start-default"><g class="solid-stroke default-fill-color" id="g-src-shape-library-markers-arrow-svg-start-default">\n\n \n\n <rect height="1.2" width="2" y="5.4" x="0" stroke="none" class="board-fill-color"></rect>\n <polygon points="12,11 0,6 12,1" stroke-width="0"></polygon>\n\n</g></marker><marker refY="6" refX="12" orient="auto" markerUnits="strokeWidth" markerHeight="12" markerWidth="12" viewBox="0 0 12 12" preserveAspectRatio="none" id="shape-library-markers-arrow-svg-end-default"><g transform="rotate(180, 6, 6)" class="solid-stroke default-fill-color" id="g-src-shape-library-markers-arrow-svg-end-default">\n\n \n\n <rect height="1.2" width="2" y="5.4" x="0" stroke="none" class="board-fill-color"></rect>\n <polygon points="12,11 0,6 12,1" stroke-width="0"></polygon>\n\n</g></marker><marker refY="6" refX="0" orient="auto" markerUnits="strokeWidth" markerHeight="12" markerWidth="16" viewBox="0 0 16 12" preserveAspectRatio="none" id="shape-library-markers-mim-necessary-stimulation-svg-start-default"><g class="board-fill-color default-stroke-color solid-stroke" id="g-src-shape-library-markers-mim-necessary-stimulation-svg-start-default">\n\n \n\n <rect height="1.2" width="2" y="5.4" x="0" stroke="none" class="board-fill-color"></rect>\n <line y2="12" x2="14" y1="0" x1="14" stroke-width="1" fill="none"></line>\n <line y2="6" x2="16" y1="6" x1="16" stroke="none" fill="none"></line> \n <polygon points="0,6 9,11 9,1" stroke-width="1"></polygon>\n\n</g></marker><marker refY="6" refX="16" orient="auto" markerUnits="strokeWidth" markerHeight="12" markerWidth="16" viewBox="0 0 16 12" preserveAspectRatio="none" id="shape-library-markers-mim-necessary-stimulation-svg-end-default"><g transform="rotate(180, 8, 6)" class="board-fill-color default-stroke-color solid-stroke" id="g-src-shape-library-markers-mim-necessary-stimulation-svg-end-default">\n\n \n\n <rect height="1.2" width="2" y="5.4" x="0" stroke="none" class="board-fill-color"></rect>\n <line y2="12" x2="14" y1="0" x1="14" stroke-width="1" fill="none"></line>\n <line y2="6" x2="16" y1="6" x1="16" stroke="none" fill="none"></line> \n <polygon points="0,6 9,11 9,1" stroke-width="1"></polygon>\n\n</g></marker><marker refY="6" refX="0" orient="auto" markerUnits="strokeWidth" markerHeight="12" markerWidth="12" viewBox="0 0 12 12" preserveAspectRatio="none" id="shape-library-markers-mim-binding-svg-start-default"><g class="solid-stroke default-fill-color" id="g-src-shape-library-markers-mim-binding-svg-start-default">\n\n \n\n <rect height="1.2" width="2" y="5.4" x="0" stroke="none" class="board-fill-color"></rect>\n <polygon points="12,12 0,6 12,0 5,6" stroke-width="0"></polygon>\n\n</g></marker><marker refY="6" refX="12" orient="auto" markerUnits="strokeWidth" markerHeight="12" markerWidth="12" viewBox="0 0 12 12" preserveAspectRatio="none" id="shape-library-markers-mim-binding-svg-end-default"><g transform="rotate(180, 6, 6)" class="solid-stroke default-fill-color" id="g-src-shape-library-markers-mim-binding-svg-end-default">\n\n \n\n <rect height="1.2" width="2" y="5.4" x="0" stroke="none" class="board-fill-color"></rect>\n <polygon points="12,12 0,6 12,0 5,6" stroke-width="0"></polygon>\n\n</g></marker><marker refY="6" refX="0" orient="auto" markerUnits="strokeWidth" markerHeight="12" markerWidth="12" viewBox="0 0 12 12" preserveAspectRatio="none" id="shape-library-markers-mim-conversion-svg-start-default"><g class="solid-stroke default-fill-color" id="g-src-shape-library-markers-mim-conversion-svg-start-default">\n\n \n\n <rect height="1.2" width="2" y="5.4" x="0" stroke="none" class="board-fill-color"></rect>\n <polygon points="12,11 0,6 12,1" stroke-width="0"></polygon>\n\n</g></marker><marker refY="6" refX="12" orient="auto" markerUnits="strokeWidth" markerHeight="12" markerWidth="12" viewBox="0 0 12 12" preserveAspectRatio="none" id="shape-library-markers-mim-conversion-svg-end-default"><g transform="rotate(180, 6, 6)" class="solid-stroke default-fill-color" id="g-src-shape-library-markers-mim-conversion-svg-end-default">\n\n \n\n <rect height="1.2" width="2" y="5.4" x="0" stroke="none" class="board-fill-color"></rect>\n <polygon points="12,11 0,6 12,1" stroke-width="0"></polygon>\n\n</g></marker><marker refY="6" refX="0" orient="auto" markerUnits="strokeWidth" markerHeight="12" markerWidth="12" viewBox="0 0 12 12" preserveAspectRatio="none" id="shape-library-markers-mim-stimulation-svg-start-default"><g class="board-fill-color default-stroke-color solid-stroke" id="g-src-shape-library-markers-mim-stimulation-svg-start-default">\n\n \n\n <rect height="1.2" width="2" y="5.4" x="0" stroke="none" class="board-fill-color"></rect>\n <line y2="6" x2="12" y1="6" x1="12" fill="none" stroke="none"></line> \n <polygon points="0,6 11,11 11,1" stroke-width="1"></polygon>\n\n</g></marker><marker refY="6" refX="12" orient="auto" markerUnits="strokeWidth" markerHeight="12" markerWidth="12" viewBox="0 0 12 12" preserveAspectRatio="none" id="shape-library-markers-mim-stimulation-svg-end-default"><g transform="rotate(180, 6, 6)" class="board-fill-color default-stroke-color solid-stroke" id="g-src-shape-library-markers-mim-stimulation-svg-end-default">\n\n \n\n <rect height="1.2" width="2" y="5.4" x="0" stroke="none" class="board-fill-color"></rect>\n <line y2="6" x2="12" y1="6" x1="12" fill="none" stroke="none"></line> \n <polygon points="0,6 11,11 11,1" stroke-width="1"></polygon>\n\n</g></marker><marker refY="6" refX="0" orient="auto" markerUnits="strokeWidth" markerHeight="12" markerWidth="12" viewBox="0 0 12 12" preserveAspectRatio="none" id="shape-library-markers-mim-modification-svg-start-default"><g class="default-fill-color solid-stroke" id="g-src-shape-library-markers-mim-modification-svg-start-default">\n\n \n\n <rect height="1.2" width="2" y="5.4" x="0" stroke="none" class="board-fill-color"></rect>\n <polygon points="12,12 0,6 12,0 5,6" stroke-width="0"></polygon>\n\n</g></marker><marker refY="6" refX="12" orient="auto" markerUnits="strokeWidth" markerHeight="12" markerWidth="12" viewBox="0 0 12 12" preserveAspectRatio="none" id="shape-library-markers-mim-modification-svg-end-default"><g transform="rotate(180, 6, 6)" class="default-fill-color solid-stroke" id="g-src-shape-library-markers-mim-modification-svg-end-default">\n\n \n\n <rect height="1.2" width="2" y="5.4" x="0" stroke="none" class="board-fill-color"></rect>\n <polygon points="12,12 0,6 12,0 5,6" stroke-width="0"></polygon>\n\n</g></marker><marker refY="6" refX="0" orient="auto" markerUnits="strokeWidth" markerHeight="12" markerWidth="12" viewBox="0 0 12 12" preserveAspectRatio="none" id="shape-library-markers-mim-catalysis-svg-start-default"><g class="board-fill-color default-stroke-color solid-stroke" id="g-src-shape-library-markers-mim-catalysis-svg-start-default">\n\n \n\n <circle stroke-width="1px" r="5.3px" cy="6" cx="6.0"></circle>\n\n</g></marker><marker refY="6" refX="12" orient="auto" markerUnits="strokeWidth" markerHeight="12" markerWidth="12" viewBox="0 0 12 12" preserveAspectRatio="none" id="shape-library-markers-mim-catalysis-svg-end-default"><g transform="rotate(180, 6, 6)" class="board-fill-color default-stroke-color solid-stroke" id="g-src-shape-library-markers-mim-catalysis-svg-end-default">\n\n \n\n <circle stroke-width="1px" r="5.3px" cy="6" cx="6.0"></circle>\n\n</g></marker><marker refY="10" refX="0" orient="auto" markerUnits="strokeWidth" markerHeight="20" markerWidth="10" viewBox="0 0 10 20" preserveAspectRatio="none" id="shape-library-markers-mim-inhibition-svg-start-default"><g class="board-fill-color default-stroke-color solid-stroke" id="g-src-shape-library-markers-mim-inhibition-svg-start-default">\n\n \n \n <rect height="2" width="8" y="9" x="0" stroke="none"></rect>\n <line y2="20" x2="7" y1="0" x1="7" stroke-width="1.8" fill="none"></line>\n\n</g></marker><marker refY="10" refX="10" orient="auto" markerUnits="strokeWidth" markerHeight="20" markerWidth="10" viewBox="0 0 10 20" preserveAspectRatio="none" id="shape-library-markers-mim-inhibition-svg-end-default"><g transform="rotate(180, 5, 10)" class="board-fill-color default-stroke-color solid-stroke" id="g-src-shape-library-markers-mim-inhibition-svg-end-default">\n\n \n \n <rect height="2" width="8" y="9" x="0" stroke="none"></rect>\n <line y2="20" x2="7" y1="0" x1="7" stroke-width="1.8" fill="none"></line>\n\n</g></marker><marker refY="15" refX="9" orient="auto" markerUnits="strokeWidth" markerHeight="30" markerWidth="20" viewBox="0 0 20 30" preserveAspectRatio="none" id="shape-library-markers-mim-cleavage-svg-start-default"><g class="board-fill-color default-stroke-color solid-stroke" id="g-src-shape-library-markers-mim-cleavage-svg-start-default">\n\n \n\n <rect height="1.4" width="18.4" y="14.3" x="0" stroke="none"></rect>\n <line y2="30" x2="18" y1="14.5" x1="18" stroke-width="1" fill="none"></line> \n <line y2="0" x2="0" y1="30" x1="18" stroke-width="1" fill="none"></line> \n\n\n</g></marker><marker refY="15" refX="10" orient="auto" markerUnits="strokeWidth" markerHeight="30" markerWidth="20" viewBox="0 0 20 30" preserveAspectRatio="none" id="shape-library-markers-mim-cleavage-svg-end-default"><g transform="rotate(180, 10, 15)" class="board-fill-color default-stroke-color solid-stroke" id="g-src-shape-library-markers-mim-cleavage-svg-end-default">\n\n \n\n <rect height="1.4" width="18.4" y="14.3" x="0" stroke="none"></rect>\n <line y2="30" x2="18" y1="14.5" x1="18" stroke-width="1" fill="none"></line> \n <line y2="0" x2="0" y1="30" x1="18" stroke-width="1" fill="none"></line> \n\n\n</g></marker><marker refY="6" refX="-0.5" orient="auto" markerUnits="strokeWidth" markerHeight="12" markerWidth="12" viewBox="0 0 12 12" preserveAspectRatio="none" id="shape-library-markers-mim-covalent-bond-svg-start-default"><g class="solid-stroke default-fill-color" id="g-src-shape-library-markers-mim-covalent-bond-svg-start-default">\n\n \n <rect stroke-width="0" fill="none" stroke="none" height="0" width="0" y="0" x="0"></rect>\n\n</g></marker><marker refY="6" refX="11" orient="auto" markerUnits="strokeWidth" markerHeight="12" markerWidth="12" viewBox="0 0 12 12" preserveAspectRatio="none" id="shape-library-markers-mim-covalent-bond-svg-end-default"><g transform="rotate(180, 6, 6)" class="solid-stroke default-fill-color" id="g-src-shape-library-markers-mim-covalent-bond-svg-end-default">\n\n \n <rect stroke-width="0" fill="none" stroke="none" height="0" width="0" y="0" x="0"></rect>\n\n</g></marker><marker refY="12" refX="0" orient="auto" markerUnits="strokeWidth" markerHeight="24" markerWidth="20" viewBox="0 0 20 24" preserveAspectRatio="none" id="shape-library-markers-mim-transcription-translation-svg-start-default"><g class="board-fill-color default-stroke-color solid-stroke" id="g-src-shape-library-markers-mim-transcription-translation-svg-start-default">\n\n \n\n <rect height="2" width="12" y="11" x="0" stroke="none"></rect>\n <line y2="5" x2="15" y1="12" x1="15" stroke-width="1" fill="none"></line>\n <line y2="5" x2="8" y1="5" x1="15.5" stroke-width="1" fill="none"></line>\n <polygon points="0,5 8,1 8,9" stroke-width="1"></polygon>\n\n</g></marker><marker refY="12" refX="20" orient="auto" markerUnits="strokeWidth" markerHeight="24" markerWidth="20" viewBox="0 0 20 24" preserveAspectRatio="none" id="shape-library-markers-mim-transcription-translation-svg-end-default"><g transform="rotate(180, 10, 12)" class="board-fill-color default-stroke-color solid-stroke" id="g-src-shape-library-markers-mim-transcription-translation-svg-end-default">\n\n \n\n <rect height="2" width="12" y="11" x="0" stroke="none"></rect>\n <line y2="5" x2="15" y1="12" x1="15" stroke-width="1" fill="none"></line>\n <line y2="5" x2="8" y1="5" x1="15.5" stroke-width="1" fill="none"></line>\n <polygon points="0,5 8,1 8,9" stroke-width="1"></polygon>\n\n</g></marker><marker refY="6" refX="0" orient="auto" markerUnits="strokeWidth" markerHeight="12" markerWidth="12" viewBox="0 0 12 12" preserveAspectRatio="none" id="shape-library-markers-mim-gap-svg-start-default"><g class="board-fill-color solid-stroke" id="g-src-shape-library-markers-mim-gap-svg-start-default">\n\n \n \n\n <rect height="1.4" width="8" y="5.3" x="0" stroke="none"></rect>\n\n</g></marker><marker refY="6" refX="12" orient="auto" markerUnits="strokeWidth" markerHeight="12" markerWidth="12" viewBox="0 0 12 12" preserveAspectRatio="none" id="shape-library-markers-mim-gap-svg-end-default"><g transform="rotate(180, 6, 6)" class="board-fill-color solid-stroke" id="g-src-shape-library-markers-mim-gap-svg-end-default">\n\n \n \n\n <rect height="1.4" width="8" y="5.3" x="0" stroke="none"></rect>\n\n</g></marker><marker refY="10" refX="0" orient="auto" markerUnits="strokeWidth" markerHeight="20" markerWidth="10" viewBox="0 0 10 20" preserveAspectRatio="none" id="shape-library-markers-t-bar-svg-start-default"><g class="board-fill-color default-stroke-color solid-stroke" id="g-src-shape-library-markers-t-bar-svg-start-default">\n\n \n \n <rect height="2" width="8" y="9" x="0" stroke="none"></rect>\n <line y2="20" x2="7" y1="0" x1="7" stroke-width="1.8" fill="none"></line>\n\n</g></marker><marker refY="10" refX="10" orient="auto" markerUnits="strokeWidth" markerHeight="20" markerWidth="10" viewBox="0 0 10 20" preserveAspectRatio="none" id="shape-library-markers-t-bar-svg-end-default"><g transform="rotate(180, 5, 10)" class="board-fill-color default-stroke-color solid-stroke" id="g-src-shape-library-markers-t-bar-svg-end-default">\n\n \n \n <rect height="2" width="8" y="9" x="0" stroke="none"></rect>\n <line y2="20" x2="7" y1="0" x1="7" stroke-width="1.8" fill="none"></line>\n\n</g></marker><marker refY="6" refX="0" orient="auto" markerUnits="strokeWidth" markerHeight="0" markerWidth="0" viewBox="0 0 0 0" preserveAspectRatio="none" id="shape-library-markers-none-svg-start-default"><g class="board-fill-color board-stroke-color node shape" id="g-src-shape-library-markers-none-svg-start-default">\n\n <rect stroke-width="0" fill="none" stroke="none" height="0" width="0" y="0" x="0"></rect>\n\n</g></marker><marker refY="6" refX="11" orient="auto" markerUnits="strokeWidth" markerHeight="0" markerWidth="0" viewBox="0 0 0 0" preserveAspectRatio="none" id="shape-library-markers-none-svg-end-default"><g transform="rotate(180, 0, 0)" class="board-fill-color board-stroke-color node shape" id="g-src-shape-library-markers-none-svg-end-default">\n\n <rect stroke-width="0" fill="none" stroke="none" height="0" width="0" y="0" x="0"></rect>\n\n</g></marker><marker refY="6" refX="0.4" orient="auto" markerUnits="strokeWidth" markerHeight="12" markerWidth="12" viewBox="0 0 12 12" preserveAspectRatio="none" id="shape-library-markers-mim-branching-left-svg-start-default"><g class="board-fill-color default-stroke-color solid-stroke" id="g-src-shape-library-markers-mim-branching-left-svg-start-default">\n\n \n\n <rect height="1.4" width="3.1" y="5.3" x="0.4" stroke="none"></rect>\n <line y2="0" x2="0.2" y1="6.2" x1="3.9" stroke-width="1" fill="none"></line> \n\n</g></marker><marker refY="6" refX="11.6" orient="auto" markerUnits="strokeWidth" markerHeight="12" markerWidth="12" viewBox="0 0 12 12" preserveAspectRatio="none" id="shape-library-markers-mim-branching-left-svg-end-default"><g transform="rotate(180, 6, 6)" class="board-fill-color default-stroke-color solid-stroke" id="g-src-shape-library-markers-mim-branching-left-svg-end-default">\n\n \n\n <rect height="1.4" width="3.1" y="5.3" x="0.4" stroke="none"></rect>\n <line y2="0" x2="0.2" y1="6.2" x1="3.9" stroke-width="1" fill="none"></line> \n\n</g></marker><marker refY="6" refX="0.4" orient="auto" markerUnits="strokeWidth" markerHeight="12" markerWidth="4" viewBox="0 0 4 12" preserveAspectRatio="none" id="shape-library-markers-mim-branching-right-svg-start-default"><g class="board-fill-color default-stroke-color solid-stroke" id="g-src-shape-library-markers-mim-branching-right-svg-start-default">\n\n \n\n <rect height="1.4" width="3.1" y="5.3" x="0.4" stroke="none"></rect>\n <line y2="5.8" x2="3.9" y1="12" x1="0.2" stroke-width="1" fill="none"></line> \n\n</g></marker><marker refY="6" refX="3.6" orient="auto" markerUnits="strokeWidth" markerHeight="12" markerWidth="4" viewBox="0 0 4 12" preserveAspectRatio="none" id="shape-library-markers-mim-branching-right-svg-end-default"><g transform="rotate(180, 2, 6)" class="board-fill-color default-stroke-color solid-stroke" id="g-src-shape-library-markers-mim-branching-right-svg-end-default">\n\n \n\n <rect height="1.4" width="3.1" y="5.3" x="0.4" stroke="none"></rect>\n <line y2="5.8" x2="3.9" y1="12" x1="0.2" stroke-width="1" fill="none"></line> \n\n</g></marker><style type="text/css"> svg {\n color-interpolation: auto;\n image-rendering: auto;\n shape-rendering: auto;\n vector-effect: non-scaling-stroke;\n background: white;\n /* removed fill and stroke since they override marker specs */\n /* fill: white;\n stroke: black; */\n }\n\n /* default color for pathway elements */\n .default-fill-color {\n fill: black; \n }\n .default-stroke-color {\n stroke: black;\n }\n \n /* default color of the background drawing board */ \n .board-fill-color {\n fill: white;\n }\n .board-stroke-color {\n stroke: white;\n }\n\n .text-area {\n font-family: Sans-Serif, Helvetica, Arial;\n text-align: center;\n vertical-align: middle;\n font-size: 10px;\n fill: black;\n fill-opacity: 1;\n stroke: none;\n }\n\n .citation {\n font-family: Sans-Serif, Helvetica, Arial;\n text-align: center;\n vertical-align: top;\n font-size: 7px;\n fill: #999999;\n fill-opacity: 1;\n stroke: none;\n }\n\n .info-box {\n font-family: Sans-Serif;\n font-size: 10px;\n fill: black;\n stroke: none;\n text-align: left;\n vertical-align: top;\n }\n\n .info-box-item-property-name {\n font-weight: bold;\n }\n\n .info-box-item-property-value {\n }\n\n .data-node {\n text-align: right;\n fill-opacity: 1;\n fill: white;\n stroke: black;\n stroke-width: 1;\n stroke-dasharray: 0;\n stroke-miterlimit: 1;\n pointer-events:auto;\n }\n .data-node:hover {\n cursor: pointer;\n }\n \n .has-xref:hover {\n cursor: pointer;\n }\n\n .data-node.gene-product {\n }\n\n .metabolite {\n stroke: blue;\n }\n\n .data-node.metabolite > .text-area {\n fill: blue;\n fill-opacity: 1;\n stroke: none;\n }\n\n .data-node.pathway {\n stroke: none;\n fill-opacity: 0;\n }\n\n .data-node.pathway > .text-area {\n fill: rgb(20,150,30);\n fill-opacity: 1;\n font-size: 12px;\n font-weight: bold;\n }\n\n .data-node.protein {\n }\n\n .data-node.rna {\n }\n\n .data-node.unknown {\n }\n\n .label {\n stroke: null;\n stroke-width: 0;\n fill-opacity: 0;\n stroke-dasharray: 0;\n stroke-miterlimit: 1;\n }\n\n .shape {\n fill-opacity: 0;\n stroke: black;\n stroke-dasharray: 0;\n stroke-miterlimit: 1;\n }\n\n .shape.none {\n fill: none;\n fill-opacity: 0;\n stroke: none;\n }\n\n g.group-node > .shape {\n fill-opacity: 0.098;\n stroke: gray;\n stroke-miterlimit: 1;\n stroke-width: 1px;\n pointer-events:none;\n }\n\n .group-node {\n fill-opacity: 0.098;\n stroke: gray;\n stroke-miterlimit: 1;\n stroke-width: 1px;\n pointer-events:none;\n }\n\n .group-node > .text-area {\n fill-opacity: 0.4;\n font-family: Serif, Times;\n font-size: 32px;\n fill: black;\n stroke-width: 0;\n font-weight: bold;\n } \n\n .group-node.none {\n fill: rgb(180,180,100);\n stroke-dasharray: 5,3;\n }\n\n .group-node.none > .text-area {\n display: none;\n } \n\n /*.group-node.none:hover {\n fill: rgb(255,180,100);\n fill-opacity: 0.05;\n }*/\n\n .group-node.group {\n fill-opacity: 0;\n stroke: none;\n }\n\n .group-node.group > .text-area {\n display: none;\n }\n /*.group-node.group:hover {\n fill: rgb(0,0,255);\n stroke-width: 1px;\n stroke-dasharray: 5,3;\n stroke: gray;\n fill-opacity: 0.1;\n }*/\n\n .group-node.complex {\n fill: rgb(180,180,100);\n }\n\n .group-node.complex > .text-area {\n display: none;\n }\n /*.group-node.complex:hover {\n fill: rgb(255,0,0);\n fill-opacity: 0.05;\n }*/ \n\n .group-node.pathway {\n fill: rgb(0,255,0);\n stroke-dasharray: 5,3;\n }\n /*.group-node.pathway:hover {\n fill: rgb(0,255,0);\n fill-opacity: 0.2;\n }*/\n .group-node.pathway > .text-area {\n fill: rgb(20,150,30);\n stroke: rgb(20,150,30);\n }\n\n .cellular-component {\n fill-opacity: 0;\n stroke: silver;\n }\n\n .graphical-line {\n fill:none;\n stroke: black; \n stroke-width: 1px; \n }\n\n .interaction {\n fill:none;\n stroke: black; \n stroke-width: 1px; \n }\n\n marker {\n /* this is what should work per the spec\n stroke-dasharray: none; */\n /* but I need to add this to make it work in Safari */\n stroke-dasharray: 9999999999999999999999999;\n }\n\n .marker-end {\n -webkit-transform: rotate(180deg);\n -webkit-transform-origin: 50% 50%;\n\n -o-transform: rotate(180deg); \n -o-transform-origin: 50% 50%;\n\n transform: rotate(180deg);\n transform-origin: 50% 50%;\n }\n\n .solid-stroke {\n /* this is what should work per the spec\n stroke-dasharray: none; */\n /* but I need to add this to make it work in Safari */\n stroke-dasharray: 9999999999999999999999999;\n }\n\n .dashed-stroke {\n stroke-dasharray: 5,3;\n }\n\n .highlighted-node {\n fill: yellow;\n fill-opacity: 0.2;\n stroke: orange; \n stroke-width: 3px;\n }\n</style></defs><filter height="150%" width="150%" id="highlight"><feOffset dy="30" dx="30" in="SourceGraphic" result="offOut"></feOffset><feGaussianBlur stdDeviation="10" in="offOut" result="blurOut"></feGaussianBlur><feBlend mode="normal" in2="blurOut" in="SourceGraphic"></feBlend></filter><g transform="matrix(0.9264531435349941, 0, 0, 0.9264531435349941, 607.8902728351127, 20)" id="viewport"></g></svg>\n';
pathvisioNS["src/css/pathway-diagram.css"] = ' svg {\n color-interpolation: auto;\n image-rendering: auto;\n shape-rendering: auto;\n vector-effect: non-scaling-stroke;\n background: white;\n /* removed fill and stroke since they override marker specs */\n /* fill: white;\n stroke: black; */\n }\n\n /* default color for pathway elements */\n .default-fill-color {\n fill: black; \n }\n .default-stroke-color {\n stroke: black;\n }\n \n /* default color of the background drawing board */ \n .board-fill-color {\n fill: white;\n }\n .board-stroke-color {\n stroke: white;\n }\n\n .text-area {\n font-family: Sans-Serif, Helvetica, Arial;\n text-align: center;\n vertical-align: middle;\n font-size: 10px;\n fill: black;\n fill-opacity: 1;\n stroke: none;\n }\n\n .citation {\n font-family: Sans-Serif, Helvetica, Arial;\n text-align: center;\n vertical-align: top;\n font-size: 7px;\n fill: #999999;\n fill-opacity: 1;\n stroke: none;\n }\n\n .info-box {\n font-family: Sans-Serif;\n font-size: 10px;\n fill: black;\n stroke: none;\n text-align: left;\n vertical-align: top;\n }\n\n .info-box-item-property-name {\n font-weight: bold;\n }\n\n .info-box-item-property-value {\n }\n\n .data-node {\n text-align: right;\n fill-opacity: 1;\n fill: white;\n stroke: black;\n stroke-width: 1;\n stroke-dasharray: 0;\n stroke-miterlimit: 1;\n pointer-events:auto;\n }\n .data-node:hover {\n cursor: pointer;\n }\n \n .has-xref:hover {\n cursor: pointer;\n }\n\n .data-node.gene-product {\n }\n\n .metabolite {\n stroke: blue;\n }\n\n .data-node.metabolite > .text-area {\n fill: blue;\n fill-opacity: 1;\n stroke: none;\n }\n\n .data-node.pathway {\n stroke: none;\n fill-opacity: 0;\n }\n\n .data-node.pathway > .text-area {\n fill: rgb(20,150,30);\n fill-opacity: 1;\n font-size: 12px;\n font-weight: bold;\n }\n\n .data-node.protein {\n }\n\n .data-node.rna {\n }\n\n .data-node.unknown {\n }\n\n .label {\n stroke: null;\n stroke-width: 0;\n fill-opacity: 0;\n stroke-dasharray: 0;\n stroke-miterlimit: 1;\n }\n\n .shape {\n fill-opacity: 0;\n stroke: black;\n stroke-dasharray: 0;\n stroke-miterlimit: 1;\n }\n\n .shape.none {\n fill: none;\n fill-opacity: 0;\n stroke: none;\n }\n\n g.group-node > .shape {\n fill-opacity: 0.098;\n stroke: gray;\n stroke-miterlimit: 1;\n stroke-width: 1px;\n pointer-events:none;\n }\n\n .group-node {\n fill-opacity: 0.098;\n stroke: gray;\n stroke-miterlimit: 1;\n stroke-width: 1px;\n pointer-events:none;\n }\n\n .group-node > .text-area {\n fill-opacity: 0.4;\n font-family: Serif, Times;\n font-size: 32px;\n fill: black;\n stroke-width: 0;\n font-weight: bold;\n } \n\n .group-node.none {\n fill: rgb(180,180,100);\n stroke-dasharray: 5,3;\n }\n\n .group-node.none > .text-area {\n display: none;\n } \n\n /*.group-node.none:hover {\n fill: rgb(255,180,100);\n fill-opacity: 0.05;\n }*/\n\n .group-node.group {\n fill-opacity: 0;\n stroke: none;\n }\n\n .group-node.group > .text-area {\n display: none;\n }\n /*.group-node.group:hover {\n fill: rgb(0,0,255);\n stroke-width: 1px;\n stroke-dasharray: 5,3;\n stroke: gray;\n fill-opacity: 0.1;\n }*/\n\n .group-node.complex {\n fill: rgb(180,180,100);\n }\n\n .group-node.complex > .text-area {\n display: none;\n }\n /*.group-node.complex:hover {\n fill: rgb(255,0,0);\n fill-opacity: 0.05;\n }*/ \n\n .group-node.pathway {\n fill: rgb(0,255,0);\n stroke-dasharray: 5,3;\n }\n /*.group-node.pathway:hover {\n fill: rgb(0,255,0);\n fill-opacity: 0.2;\n }*/\n .group-node.pathway > .text-area {\n fill: rgb(20,150,30);\n stroke: rgb(20,150,30);\n }\n\n .cellular-component {\n fill-opacity: 0;\n stroke: silver;\n }\n\n .graphical-line {\n fill:none;\n stroke: black; \n stroke-width: 1px; \n }\n\n .interaction {\n fill:none;\n stroke: black; \n stroke-width: 1px; \n }\n\n marker {\n /* this is what should work per the spec\n stroke-dasharray: none; */\n /* but I need to add this to make it work in Safari */\n stroke-dasharray: 9999999999999999999999999;\n }\n\n .marker-end {\n -webkit-transform: rotate(180deg);\n -webkit-transform-origin: 50% 50%;\n\n -o-transform: rotate(180deg); \n -o-transform-origin: 50% 50%;\n\n transform: rotate(180deg);\n transform-origin: 50% 50%;\n }\n\n .solid-stroke {\n /* this is what should work per the spec\n stroke-dasharray: none; */\n /* but I need to add this to make it work in Safari */\n stroke-dasharray: 9999999999999999999999999;\n }\n\n .dashed-stroke {\n stroke-dasharray: 5,3;\n }\n\n .highlighted-node {\n fill: yellow;\n fill-opacity: 0.2;\n stroke: orange; \n stroke-width: 3px;\n }\n';function(callback) {
var svg = diagramContainer.append('div').html(pathvisioNS['tmp/pathvisiojs.svg']).select('#pathvisiojs-diagram')
.attr('preserveAspectRatio', 'xMidYMid');
console.log('svg');
console.log(svg);
callback(null, svg);
},
function(svg, callback) {function(callback) {
var svgSelection = diagramContainer.append('div').html(pathvisioNS['tmp/pathvisiojs.svg']).select('#pathvisiojs-diagram')
.attr('preserveAspectRatio', 'xMidYMid');
svgTemplateGenerator(function(svgTemplate) {
console.log('svgTemplate');
console.log(svgTemplate);
console.log('svgSelection');
console.log(svgSelection);
callback(null, svgSelection);
});
},
function(svgSelection, callback) {function(callback) {
var docFragment = document.createDocumentFragment();
var svg = d3.select(docFragment).append('div').html(pathvisioNS['tmp/pathvisiojs.svg']).select('#pathvisiojs-diagram')
.attr('preserveAspectRatio', 'xMidYMid');
console.log('svg');
console.log(svg);
callback(null, docFragment, svg);
},
function(docFragment, svg, callback) {
