Creating custom graph using neovis.js is giving authentication error

General
1

I am using neovis to display the graph , I have the html configured like below , but somehow its showing authentication error in the console when I ran the html. The userid and password are correct as with the same configuration I can make my phython code connect to neo4j, any help where the problem is and how I can fix it will be appreciated . (i have masked the password with ****)-

<html>
<head>
    <title>DataViz</title>
    <style type="text/css">
        #viz {
            width: 900px;
            height: 700px;
        }
    </style>
    <script src="https://rawgit.com/neo4j-contrib/neovis.js/master/dist/neovis.js"> 
  </script>
</head>   
<script>
    function draw() {
        var config = {
            container_id: "viz",
            server_url: "bolt://127.0.0.1:7687",
            server_user: "neo4j",
            server_password: "*******",
            labels: {
				"Asset": {
					caption: "name",
					size: "pagerank",
					community: "asset_type"
				}
			},
			relationships: {
				"Represents": {
					caption: "type"
				},
				"Contains": {
					caption: "type"
				}
			},
			arrows: true,
			community_colors: {
				"Business Term": "blue",
				"Data Entity": "yellow",
				"Data Attribute": "green",
				"Table": "red",
				"Column": "purple"
			},
            initial_cypher: "MATCH (n)-[r]->(m) RETURN n, r, m LIMIT 10"
            }

        var viz = new NeoVis.default(config);
        viz.render();
    }
</script>
<body onload="draw()">
    <div id="viz"></div>
  </body>
</html>
2

I am encountering the same error, were you able to find a solution for this?