Magnus Jacobsson magjac

## README.md

      
              2 files
            
          
              0 forks
            
          
              0 comments
            
          
              3 stars
            
          
                magjac
                / README.md
            
            
              Last active
              July 29, 2021 00:55
            
              
                d3-graphviz demo application showing association of SVG elements with DOT source HTML-like node label table cell elements
              
          
    Open the console to see what's going on

  
## README.md

      
              2 files
            
          
              1 fork
            
          
              0 comments
            
          
              3 stars
            
          
                magjac
                / README.md
            
            
              Last active
              November 13, 2023 14:45
            
              
                d3-graphviz demo application showing association of SVG elements with DOT source elements
              
          
    Open the console to see detalied info about what's going on

  
## index.html
<!DOCTYPE html>
<meta charset="utf-8">
<body>
<script src="//d3js.org/d3.v4.js"></script>
<div></div>
<script>

var svg = d3.select("div").append("svg")
    .attr("width", 300)
    .attr("height", 220);

## index.html
<!DOCTYPE html>
<meta charset="utf-8">
<body>
  <h1>Open the console and look for messages</h1>
  <script src="//unpkg.com/d3@4.10.1/build/d3.min.js"></script>
  <script>


    var period = 1000;

## index.html
<!DOCTYPE html>

<!-- Styles -->
<style>

#graph {
  width: 49%;
  float: left;
  background: #FDF6E3;
}

## index.html
<!DOCTYPE html>
<meta charset="utf-8">
<body>
<script src="//d3js.org/d3.v4.min.js"></script>
<script src="http://viz-js.com/bower_components/viz.js/viz-lite.js"></script>
<script src="https://github.com/magjac/d3-graphviz/releases/download/v0.1.0/d3-graphviz.min.js"></script>
<div id="graph" style="text-align: center;"></div>
<script>

function attributer(datum, index, nodes) {

## index.html
<!DOCTYPE html>
<meta charset="utf-8">
<body>
<script src="//d3js.org/d3.v4.min.js"></script>
<script src="http://viz-js.com/bower_components/viz.js/viz-lite.js"></script>
<script src="https://github.com/magjac/d3-graphviz/releases/download/v0.1.0/d3-graphviz.min.js"></script>
<div id="graph" style="text-align: center;"></div>
<script>

var graphviz = d3.select("#graph").graphviz()

## .block
height: 800

## .block
height: 250

## .block
height: 250
	<!DOCTYPE html>
	<meta charset="utf-8">
	<body>
	<script src="//d3js.org/d3.v4.js"></script>
	<div></div>
	<script>

	var svg = d3.select("div").append("svg")
	.attr("width", 300)
	.attr("height", 220);
	<!DOCTYPE html>

	<!-- Styles -->
	<style>

	#graph {
	width: 49%;
	float: left;
	background: #FDF6E3;
	}