Skip to content

Instantly share code, notes, and snippets.

@lindenb

lindenb/test.html

Created October 21, 2020 19:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save lindenb/cb99b6bff37752c1ca91e5709fcc538a to your computer and use it in GitHub Desktop.
Save lindenb/cb99b6bff37752c1ca91e5709fcc538a to your computer and use it in GitHub Desktop.
Download ZIP
Raw
test.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Sequence Braiding</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="http://fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://visdunneright.github.io/sequence_braiding/docs/css/normalize.css">
<link rel="stylesheet" href="https://visdunneright.github.io/sequence_braiding/docs/css/skeleton.css">
<link rel="icon" type="image/png" href="https://visdunneright.github.io/sequence_braiding/docs/images/favicon.png">
<script src="https://d3js.org/d3.v4.min.js"></script>
</head>
<body style="margin-bottom: 200px">
<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="container">
<div class="row">
<div class="twelve columns" style="margin-top: 25%" id='body-container'>
<svg id='braids-container2'></svg>
</div>
</div>
</div>
<!-- End Document
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
<script src='https://visdunneright.github.io/sequence_braiding/docs/../lib/align_pair_quad.js'></script>
<script src='https://visdunneright.github.io/sequence_braiding/docs/../lib/pairwise_alignment_dna.js'></script>
<script src='https://visdunneright.github.io/sequence_braiding/docs/../js/util.js'></script>
<script src='https://visdunneright.github.io/sequence_braiding/docs/../js/SequenceBraiding.js'></script>
<script>
options = {
minEventPerColThreshold: 1,
height: 300,
animate : false,
colorbysequence: false,
forceLevelName: false,
minEventPerColThreshold:1,
levels:["very_high","high","X"]
};
var parsedjson = [
[
{"type": "Jeudi", "level": "very_high"},
{"type": "Lunch", "level": "very_high"},
{"type": "Snack", "level": "very_high"},
{"type": "Dinner", "level": "X"}
],
[
{"type": "Jeudi", "level": "very_high"},
{"type": "Snack", "level": "high"},
{"type": "Dinner", "level": "very_high"}
],
[
{"type": "Breakfast", "level": "high"},
{"type": "Lunch", "level": "very_high"},
{"type": "Snack", "level": "high"},
{"type": "Dinner", "level": "high"}
],
[
{"type": "Breakfast", "level": "high"},
{"type": "Lunch", "level": "very_high"},
{"type": "Snack", "level": "high"},
{"type": "Dinner", "level": "high"}
],
[
{"type": "Breakfast", "level": "high"},
{"type": "Lunch", "level": "very_high"},
{"type": "Snack", "level": "high"},
{"type": "Dinner", "level": "high"}
]
];
d3.select('#braids-container2')
.attr('width', '100%')
.attr('height', '300px')
;
newgraph = new SequenceBraiding(parsedjson, 'braids-container2', options);
</script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment