mzsima/Index.razor

## index.html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>sigmajs_graph</title>
    <base href="/" />
    <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />
    <link href="css/site.css" rel="stylesheet" />

    <script src="https://cdnjs.cloudflare.com/ajax/libs/sigma.js/1.2.1/sigma.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/sigma.js/1.2.1/plugins/sigma.parsers.json.min.js"></script>
    <script>
    window.myHelper = {
        setup: function (props) {
            var s = new sigma('container');

            // Then, let's add some data to display:
            s.graph.addNode({
              // Main attributes:
              id: 'n0',
              label: 'Hello',
              // Display attributes:
              x: 0,
              y: 0,
              size: 1,
              color: '#f00'
            }).addNode({
              // Main attributes:
              id: 'n1',
              label: 'World !',
              // Display attributes:
              x: 1,
              y: 1,
              size: 1,
              color: '#00f'
            }).addEdge({
              id: 'e0',
              // Reference extremities:
              source: 'n0',
              target: 'n1'
            });

            // Finally, let's ask our sigma instance to refresh:
            s.refresh();
        }
    }
    </script>

</head>
<body>
    <app>Loading...</app>
    <script src="_framework/blazor.webassembly.js"></script>
</body>
</html>

## Index.razor
@page "/"
@inject IJSRuntime JsRuntime;

<h1>Hello, sigma.js</h1>

<div id='container' style="width:100px;height:100px"></div>

@code {
  protected override async Task OnAfterRenderAsync() {
    await JsRuntime.InvokeAsync<Object> ("myHelper.setup", "");
  }
}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width" />
	<title>sigmajs_graph</title>
	<base href="/" />
	<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />
	<link href="css/site.css" rel="stylesheet" />

	<script src="https://cdnjs.cloudflare.com/ajax/libs/sigma.js/1.2.1/sigma.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/sigma.js/1.2.1/plugins/sigma.parsers.json.min.js"></script>
	<script>
	window.myHelper = {
	setup: function (props) {
	var s = new sigma('container');

	// Then, let's add some data to display:
	s.graph.addNode({
	// Main attributes:
	id: 'n0',
	label: 'Hello',
	// Display attributes:
	x: 0,
	y: 0,
	size: 1,
	color: '#f00'
	}).addNode({
	// Main attributes:
	id: 'n1',
	label: 'World !',
	// Display attributes:
	x: 1,
	y: 1,
	size: 1,
	color: '#00f'
	}).addEdge({
	id: 'e0',
	// Reference extremities:
	source: 'n0',
	target: 'n1'
	});

	// Finally, let's ask our sigma instance to refresh:
	s.refresh();
	}
	}
	</script>

	</head>
	<body>
	<app>Loading...</app>
	<script src="_framework/blazor.webassembly.js"></script>
	</body>
	</html>
	@page "/"
	@inject IJSRuntime JsRuntime;

	<h1>Hello, sigma.js</h1>

	<div id='container' style="width:100px;height:100px"></div>

	@code {
	protected override async Task OnAfterRenderAsync() {
	await JsRuntime.InvokeAsync<Object> ("myHelper.setup", "");
	}
	}