yashasvi
/
neovis


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
							<!doctype html>
<html>

<head>
    <title>Neovis.js Simple Example</title>
    <style type="text/css">
        html,
        body,
        input,
        textarea {
            font: 10pt arial;
        }

        #viz {
            width: 75%;
            height: 700px;
            border: 1px solid lightgray;
            font: 22pt arial;
            margin: 10px;
        }

        label {
            display: inline-block;
            width: 10em;
        }
    </style>

    <script src="https://cdn.neo4jlabs.com/neovis.js/master/neovis.js"></script>

    <script src="https://code.jquery.com/jquery-3.2.1.min.js"
        integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>

    <script type="text/javascript">
        var viz;

        // function draw() {
        //     var config = {
        //         container_id: "viz",
        //         server_url: $("#url").val(),
        //         server_user: $("#user").val(),
        //         server_password: $("#pass").val(),
        //         labels: {},
        //         relationships: {},
        //         initial_cypher: $("#cypher").val()
        //     };
        //     config.labels[$("#label").val()] = {
        //         "caption": $("#caption").val(),
        //         "size": $("#size").val(),
        //         "community": $("#community").val(),
        //         //"sizeCypher": "MATCH (n) WHERE id(n) = {id} MATCH (n)-[r]-() RETURN sum(r.weight) AS c"
        //     };
        //     config.relationships[$("#rel_type").val()] = {
        //         "thickness": $("#thickness").val(),
        //         "caption": $("#rel_caption").val(),
        //     }
        //     viz = new NeoVis.default(config);
        //     viz.render();
        //     console.log(viz);

        // }

        function draw() {
            // alert("inside method");

            var config = {
                container_id: "viz",
                server_url: "bolt://50.211.199.151:7687",
                server_user: "neo4j",
                server_password: "test",
                arrows: true,
                labels: {
                    "Patent": {
                        "caption": "patent_no"
                    },
                    "Application": {
                        "caption": "application_no"
                    },
                    "Inventor": {
                        "caption": "inventor_name"
                    },
                    "Case": {
                        "captiton": "case_id"
                    },
                    "Court": {
                        "caption": "court_id"
                    },
                    "Expert": {
                        "caption": "expert_name"
                    },
                    "Firm": {
                        "caption": "firm_name"
                    },
                    "Inventor": {
                        "caption": "inventor_name"
                    },
                    "Party": {
                        "caption": "party_name"
                    },
                    "Phrase": {
                        "caption": "key_phrase"
                    },
                    "Acronym": {
                        "caption": "acronym"
                    },
                    "Attorney": {
                        "caption": "attorney_name"
                    }
                },
                relationships: {

                },
                initial_cypher: "MATCH (n)-[r:CITES]->(m) RETURN n,r,m LIMIT 25"
            };

            viz = new NeoVis.default(config);
            console.log(JSON.stringify(viz));
            viz.render();
            console.log(viz)
        }
    </script>
</head>

<body>
    <div id="viz" style="float:left" onload="draw()"></div>
    <div>
        <h3>Cypher query: </h3>

        <textarea rows="4" cols=50 id="cypher">MATCH (n)-[r:INTERACTS]->(m) RETURN n,r,m</textarea><br>

        <input type="submit" value="Submit" id="reload">
        <input type="submit" value="Stabilize" id="stabilize">
    </div>
    </div>
</body>

<script>
    $(document).ready(function () {
        draw();
    })
    $("#reload").click(function () {
        draw();

        var cypher = $("#cypher").val();

        if (cypher.length > 3) {
            viz.renderWithCypher(cypher);
        } else {
            console.log("reload");
            viz.reload();
        }

    });

    $("#stabilize").click(function () {
        viz.stabilize();
    })

</script>

</html>